You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Input (Input.js) is the primitive behind ~94 files, but it's untyped and its styles are split across _input.scss and the junk-drawer _forms.scss. Migrating + tokenising it also lets us drop the dark-mode shim from #7745.
Scope
Input.js → Input.tsx (typed props).
Co-locate styles in Input.scss (merge the input rules from _input.scss + _forms.scss).
Colours from semantic tokens (--color-border-default / -strong / -action) — drops the separate .dark block.
Part of #5746.
Input(Input.js) is the primitive behind ~94 files, but it's untyped and its styles are split across_input.scssand the junk-drawer_forms.scss. Migrating + tokenising it also lets us drop the dark-mode shim from #7745.Scope
Input.js→Input.tsx(typed props).Input.scss(merge the input rules from_input.scss+_forms.scss).--color-border-default/-strong/-action) — drops the separate.darkblock..dark .input-underlineshim.Out of scope
_forms.scss(badge / notification / datepicker / segment dividers) — separate tickets.Done when
Input.tsxtyped; no behavioural change for consumers (light + dark).Inputstory covers the underline variant.