Tokens

.sds_NumberInput

Component Tokens
Theme Tokens

--sds_numberInput_background

--sds_theme_control_background

sds-color(white)

--sds_numberInput_border_color:

--sds_theme_control_border

sds-color(grey, 30)

--sds_numbertInput_border_radius

--sds_theme_border_radius

0.5rem

--sds_numberInput_border_style

solid

--sds_numbertInput_border_width

1px

--sds_numberInput_icon

--sds_theme_control_icon

sds-color(grey, 40)

--sds_numberInput_placeholder

--sds_theme_control_placeholder

sds-color(grey, 70)

--sds_numberInput_text

--sds_theme_control_text

sds-color(grey, 100)

--sds_numberInput_helptext

--sds_theme_text_muted

sds-color(grey, 70)

--sds_numberInput_hover_background

--sds_theme_control_hover_background

sds-color(white)

--sds_numberInput_hover_border_color

--sds_theme_control_hover_border

sds-color(grey)

--sds_numberInput_hover_border_width

1px

--sds_numberInput_hover_placeholder

--sds_textInput_placeholder

--sds_numberInput_focus_background

--sds_theme_control_focus_background

sds-color(white)

--sds_numberInput_focus_border_color

--sds_theme_focus_highlight

sds-color(blue)

--sds_numberInput_focus_border_width

2px

--sds_numberInput_focus_placeholder

--sds_textInput_placeholder

--sds_numberInput_icon

--sds_theme_control_icon

sds-color(grey, 40)

.sds_InputText_Error

Component Tokens
Theme Tokens

--sds_numberInput_error_background

--sds_theme_control_error_background

sds-color(red, 05)

--sds_numberInput_error_border_color

--sds_theme_control_error_border

sds-color(red)

--sds_numberInput_error_border_width

2px

--sds_numberInput_error_placeholder

--sds_textInput_placeholder)

--sds_numberInput_error_icon

--sds_theme_control_error_icon

sds-color(red)

--sds_numberInput_error_text

--sds_theme_control_error_text

sds-color(red, 60)

--sds_numberInput_error_helptext

--sds_theme_control_error_text

sds-color(red, 60)

.sds_NumberInput_Disabled

Component Tokens
Theme Tokens

--sds_numberInput_disabled_background

--sds_theme_control_disabled_background

sds-color(white)

--sds_numberInput_disabled_border_color

--sds_theme_control_disabled_border

sds-color(grey, 30)

--sds_numberInput_disabled_border_width

1px

--sds_numberInput_disabled_icon

--sds_theme_control_disabled_icon

sds-color(grey, 40)

--sds_numberInput_disabled_opacity

--sds_theme_disabled_opacity

48%

--sds_numberInput_disabled_placeholder

--sds_theme_control_disabled_placeholder

sds-color(grey, 70)

--sds_numberInput_disabled_text

--sds_theme_control_disabled_text

sds-color(grey, 100)

Last updated