Tokens

.sds_SelectionList

Component Tokens
Theme Tokens

--sds_selectList_background

--sds_theme_background

sds-color(grey, 05)

--sds_selectList_border_color

--sds_theme_border

sds-color(grey, 30)

--sds_selectList_border_width

1px

--sds_selectList_icon

--sds_theme_icon

sds-color(grey, 70)

--sds_selectList_icon_container

--sds_theme_background_low

sds-color(grey, 10)

--sds_selectList_label

--sds_theme_text

sds-color(grey, 100)

--sds_selectList_description

--sds_theme_text_muted

sds-color(grey, 70)

--sds_selectList_hover_background

--sds_theme_background_high

sds-color(white)

--sds_selectList_hover_border_color

--sds_theme_color_neutral

sds-color(grey)

--sds_selectList_hover_border_width

--sds_selectList_border_width

--sds_selectList_hover_icon

--sds_selectList_icon

--sds_selectList_hover_icon_container

--sds_selectList_icon_container

--sds_selectList_hover_label

--sds_selectList_label

--sds_selectList_hover_description

--sds_selectList_description

--sds_selectList_checked_background

--sds_theme_background_high

sds-color(white)

--sds_selectList_checked_border_color

--sds_theme_focus_highlight

sds-color(blue)

--sds_selectList_checked_border_width

2px

--sds_selectList_checked_icon

--sds_theme_icon_light

sds-color(white)

--sds_selectList_checked_icon_container

--sds_theme_color_primary

sds-color(blue)

--sds_selectList_checked_label

--sds_selectList_label

--sds_selectList_checked_description

--sds_theme_text

sds-color(grey, 100)

Last updated