Tokens
.sds_Tag
--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
--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
--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