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
We are missing tokens for font-size and line-height for TextField component.
When using the component in app-frontend, everything looks fine, because of some global styles that are set that targets input elements.
In Storybook however, we set no such global styles, and rely only on browser defaults. Because of this, the component looks a bit different in Storybook:
vs app-frontend:
We need figma tokens for font-size and line-height, or decide that these values are somethign we should set globally, and inherit down to f.ex input. These values can then be added from our AppWrapper component.
Add tokens specific for TextField component (and other components that need font size/line-height)
OR
mrosvik
changed the title
TextField font size and line-height, missing tokens
Token Issue: Set values for font-size and line-height globally
Jan 4, 2023
mrosvik
changed the title
Token Issue: Set values for font-size and line-height globally
Tokens: Set values for font-size and line-height globally
Jan 4, 2023
Description
We are missing tokens for font-size and line-height for TextField component.
When using the component in app-frontend, everything looks fine, because of some global styles that are set that targets
input
elements.In Storybook however, we set no such global styles, and rely only on browser defaults. Because of this, the component looks a bit different in Storybook:
vs app-frontend:
Ref: #61 (comment)
Additional Information
No response
Tasks
We need figma tokens for font-size and line-height, or decide that these values are somethign we should set globally, and inherit down to f.ex
input
. These values can then be added from our AppWrapper component.OR
Tokens
component.input.size.min_height.default
component.input.font_size.default
Acceptance Criterias
No response
The text was updated successfully, but these errors were encountered: