Skip to content

Feat/input inline variant - #293

Merged
jbpenrath merged 2 commits into
mainfrom
feat/input-inline-variant
Aug 10, 2026
Merged

Feat/input inline variant#293
jbpenrath merged 2 commits into
mainfrom
feat/input-inline-variant

Conversation

@jbpenrath

Copy link
Copy Markdown
Contributor

Add inline variant for input, textarea and select fields.
Allow to display label next to input.

Capture d’écran 2026-08-05 à 19 40 02 Capture d’écran 2026-08-05 à 19 39 52

@jbpenrath jbpenrath self-assigned this Aug 5, 2026
Input, TextArea and Select now accept `variant="inline"`
and `labelDescription`, associated with the control through
`aria-describedby`. The label column hugs its content so it never
wraps mid-label; `labelWidth` pins it when several fields of a
form must share a left edge.
Storybook showed the disabled label staying dark while its description greyed
out. The label block reused `forms-labelledbox--label-color--small--disabled`,
which resolves to `neutral--secondary` — a regular text colour, not the disabled
one the design asks for.

Introduce `forms-field--label-color--disabled` mapped to
`content.semantic.disabled.primary` rather than re-pointing the labelledbox
token, which the classic variant also relies on.
@jbpenrath
jbpenrath force-pushed the feat/input-inline-variant branch from c234fa1 to cd015ed Compare August 10, 2026 08:00
@jbpenrath
jbpenrath merged commit b71ffb2 into main Aug 10, 2026
15 checks passed
@jbpenrath
jbpenrath deleted the feat/input-inline-variant branch August 10, 2026 08:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants