Tokens

.sds_ColorPicker

Component Tokens
Theme Tokens

--sds_colorPicker_border_color

--sds_theme_control_border sds-color(grey, 30)

--sds_colorPicker_border_width

1px

--sds_colorPicker_border_style

solid

--sds_colorPicker_helptext

--sds_theme_text_muted sds-color(grey, 70)

--sds_colorPicker_hover_border_color

--sds_theme_control_hover_border sds-color(grey)

--sds_colorPicker_interactive_border_color

--sds_colorPicker_hover_border_color

--sds_colorPicker_interactive_border_width

2px

--sds_colorPicker_interactive_shadow

--sds_theme_focus_shadow, 0 0 0 2px sds-color(grey, 05), 0 0 0 4px sds-color(blue)

.sdsColorPickerTool

Component Tokens
Theme Tokens

----sds_colorPicker_tool_background

--sds_theme_control_background sds-color(white)

--sds_colorPicker_tool_swatch_border

--sds_theme_control_border sds-color(grey, 30)

Last updated