Input Group - refinement and design updates

[yradoeva]

By adding sizes for the Input Group components in the Indigo UI kits, we refined and aligned them while improving some properties such as spacing, paddings, used icon sizes, text styles, and truncation. This ensures better consistency across designs and improves overall UX alignment.

Affected are all components from the Input Group, in the 4 themes - Material, Fluent, Bootstrap, Indigo.

• Input
• Search
• Combo
• Select
• Date Picker
• Date Range Picker
• Time Picker
• Text Area

All required changes are documented here, and the Design Handoff can be used as a reference.

[yradoeva]

One more thing - for the Combo in Indigo, in Small size, the left and right padding of the Search input inside the dropdown should be 8px (not 12px).

Design reference: Figma UI Kit

[yradoeva]

Combo in Material: the Search input inside the dropdown should be 38px high in the 3 sizes (not 40px).

Design reference: Figma UI Kit

[yradoeva]

Combo in Bootstrap: the Search input inside the dropdown should be 28px high in the 3 sizes (not 31px).

The bottom border of the search input in focused state should be 2px (not 1px).

Design reference: Figma UI Kit