Tokens

.sds_Checkbox

Component Tokens	Theme Tokens
--sds_checkbox_background	--sds_theme_control_background sds-color(white)
--sds_checkbox_border_color	--sds_theme_control_border sds-color(grey, 30)
--sds_checkbox_border_radius	4px
--sds_checkbox_border_style	solid
--sds_checkbox_border_width	1px
--sds_checkbox_text	--sds_theme_control_text sds-color(grey, 100)
--sds_checkbox_hover_background	--sds_theme_control_hover_background sds-color(white)
--sds_checkbox_hover_border_color	--sds_theme_control_hover_border sds-color(grey)
--sds_checkbox_hover_border_width	1px
--sds_checkbox_focus_background	--sds_theme_control_hover_background sds-color(white)
--sds_checkbox_focus_border_color	--sds_theme_control_hover_border sds-color(grey)
--sds_checkbox_focus_border_width	2px
--sds_checkbox_focus_shadow	--sds_theme_focus_shadow 0 0 0 2px sds-color(grey, 05), 0 0 0 4px sds-color(blue)

sds_Checkbox_Checked

Component Tokens	Theme Tokens
--sds_checkbox_checked_background	--sds_theme_color_primary sds-color(blue)
--sds_checkbox_checked_border_color	--sds_theme_color_primary_interactive sds-color(blue, 60)
--sds_checkbox_checked_border_width	1px

sds_Checkbox_Error

Component Tokens	Theme Tokens
--sds_checkbox_error_background	--sds_theme_control_error_background sds-color(red, 05)
--sds_checkbox_error_border_color	--sds_theme_control_error_border sds-color(red)
--sds_checkbox_error_border_width	1px
--sds_checkbox_error_text	--sds_theme_control_error_text sds-color(red, 60)

sds_Checkbox_Disabled

Component Tokens	Theme Tokens
--sds_checkbox_disabled_background	--sds_theme_control_disabled_background sds-color(white)
--sds_checkbox_disabled_border_color	--sds_theme_control_disabled_border sds-color(grey, 30)
--sds_checkbox_disabled_border_width	1px
--sds_checkbox_disabled_opacity	--sds_theme_disabled_opacity 48%
--sds_checkbox_disabled_text	--sds_theme_control_disabled_text sds-color(grey, 100)