Acceptance criteria

There have been a lot of inconsistencies observed among Inline variants of field inputs (Dropdown, Multiselect, Select, Text input)
Upon completing the study, make opinionated design decisions on the following

To-do list

• Horizontal width distribution: If total width of label + field input + helper text is X pixels, what would be the limit before truncation begins for each entity.
• Character limit: Rules for really long label and helper texts along with optional configurations and Truncation rules
• Recheck on label typography size and color tokens across all Inline variants.
• Spec out the text alignment and token (type and color) for Label, Field and Helper text.
• Any other missing edge case / scenario.

Bug observations

• Incorrect invalid and warning state implementation of Helper texts.

• Notice how field input's width shrinks / widens baed on the total width of the container. (300px vs 300+ px)
• Notice how the input field's width shrinks when Label text becomes long.

• What happens when Label and Helper texts are long enough to span multiple lines.

• Notice how the text mis-alignment across Label, Field and Helper text.

Correct way: