Tokens

.sds_Slider

Component Tokens	Theme Tokens
--sds_slider_track_background	--sds_theme_background_low sds-color(grey, 10)
--sds_slider_track_fill	--sds_theme_color_primary sds-color(blue)
--sds_slider_text	--sds_theme_control_text sds-color(grey, 100)
--sds_slider_knob_background	--sds_theme_control_border sds-color(white)
--sds_slider_knob_border_color	--sds_theme_control_border sds-color(grey, 30)
--sds_slider_knob_border_radius	50%
--sds_slider_knob_border_style	solid
--sds_slider_knob_border_width	1px
--sds_slider_hover_knob_background	--sds_theme_control_hover_background sds-color(white)
--sds_slider_hover_knob_border_color	--sds_theme_control_hover_border sds-color(grey)
-sds_slider_hover_knob_border_width	1px
--sds_slider_focus_knob_background	--sds_theme_control_focus_background sds-color(white)
--sds_slider_focus_knob_border_color	--sds_theme_focus_highlight sds-color(blue)
--sds_slider_focus_knob_shadow	--sds_theme_focus_shadow 0 0 0 2px sds-color(grey, 05), 0 0 0 4px sds-color(blue)

.sds _Slider_Error

Component Tokens	Theme Tokens
--sds_slider_error_track_background	--sds_theme_color_danger_tint_2s sds-color(red, 10)
--sds_slider_error_track_fill	--sds_theme_color_danger sds-color(red)
--sds_slider_error_knob_background	--sds_theme_control_error_background sds-color(red, 05)
--sds_slider_error_knob_border_color	--sds_theme_control_error_border sds-color(red)
--sds_slider_error_knob_border_width	2px
--sds_slider_error_text	--sds_theme_control_error_text sds-color(red, 60)

.sds_Slider_Disabled

Component Tokens	Theme Tokens
--sds_slider_disabled_track_background	--sds_slider_track_background
--sds_slider_disabled_knob_background	--sds_theme_control_disabled_background sds-color(white)
--sds_slider_disabled_knob_border_color	--sds_theme_control_disabled_border sds-color(grey, 30)
--sds_slider_disabled_opacity	--sds_theme_disabled_opacity 48%