Tokens
.sds_NumberInput
--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
--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
--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