== Background/Goal
**Code**
In updated demos easily visible, TextInput endIcon and clearable are currently exchanging each other, not positioned side-by-side.
When clearable is enabled it is on top of endIcon. With current use of endIcon as required indicator, that would mean, the indicator wouldn't be visible any more.
**Design**
TextInput with endIcon and clearable variant is missing in our Figma library. We have the input with clearable icon (that it's named "With end icon") but we don't have a real end icon and clearable variant. We need to add both endIcon and endIcon clearable.
{F35049822}
We should review also the variant with end and clear icon since currently both icons are black and same 20px size and the actionable icon (clear) doesn't highlight on decorative icon, so both icons compete and it's difficult to understand which is the actionable icon.
{F35049884}
=== User stories
- As a designer, I need to have the same TextInput variants from Codex available in the Figma library.
- As a user, I need to differentiate in the TextInput between the actionable icon (clear) and the decorative one.
=== Acceptance criteria (or Done)
**Design**
[] Add missing variants:
[] TextInput with endIcon (not clearable)
[] TextInput with endIcon (clearable)
[] Review TextInput with end and clear icons to highlight the actionable icon and make subtle the decorative one
**Code**
[] Position clearable before endIcon