Tokens

.sds_Tag

Component Tokens
Theme Tokens

--sds_tag_background

--sds_theme_background_gradient

linear-gradient(

to bottom,

sds-color(white) 0%,

sds-color(grey, 05) 100% )

--sds_tag_border_color

--sds_theme_border

sds-color(grey, 30)

--sds_tag_text

--sds_theme_text

sds-color(grey, 100)

.sds_Tag_Selectable

Component Tokens
Theme Tokens

--sds_tag_hover_background

--sds_theme_background_low

sds-color(grey, 10)

--sds_tag_hover_border_color

--sds_theme_color_neutral

sds-color(grey)

--sds_tag_hover_text

--sds_tag_text

sds-color(grey, 100)

--sds_tag_focus_shadow

--sds_theme_focus_shadow

0 0 0 2px sds-color(grey, 05),

0 0 0 4px sds-color(blue)

--sds_tag_selected_background

--sds_theme_background_low

sds-color(grey, 10)

--sds_tag_selected_border_color

--sds_theme_color_neutral

sds-color(grey)

--sds_tag_selected_text

--sds_tag_text

sds-color(grey, 100)

.sds_Tag_Removable

Component Tokens
Theme Tokens

--sds_tag_action_background

transparent

--sds_tag_action_icon

--sds_theme_icon

sds-color(grey, 70)

--sds_tag_action_hover_background

--sds_theme_background_low

sds-color(grey, 10)

--sds_tag_action_hover_icon

--sds_theme_icon_dark

sds-color(grey, 100)

Last updated