Tokens
.sds_Badge
--sds_badge_text
--sds_theme_text
sds-color(grey, 100)
.sds_Badge_Grey
--sds_badge_background
--sds_theme_color_neutral_tint_2
sds-color(grey, 20)
--sds_badge_icon
--sds_theme_icon
sds-color(grey, 70)
.sds_Badge_Blue
--sds_badge_background
--sds_theme_color_blue_tint_2
sds-color(blue, 20)
--sds_badge_icon
--sds_theme_color_blue
sds-color(blue)
.sds_Badge_Green
--sds_badge_background
--sds_theme_color_green_tint_2
sds-color(green, 20)
--sds_badge_icon
--sds_theme_color_green
sds-color(green)
.sds_Badge_Yellow
--sds_badge_background
--sds_theme_color_yellow_tint_2
sds-color(yellow, 20)
--sds_badge_icon
--sds_theme_color_yellow
sds-color(yellow)
.sds_Badge_Red
--sds_badge_background
--sds_theme_color_red_tint_2
sds-color(red, 20)
--sds_badge_icon
--sds_theme_color_red
sds-color(red)
.sds_Badge_Indigo
--sds_badge_background
--sds_theme_color_indigo_tint_2
sds-color(indigo, 20)
--sds_badge_icon
--sds_theme_color_indigo
sds-color(indigo)
.sds_Badge_Purple
--sds_badge_background
--sds_theme_color_purple_tint_2
sds-color(purple, 20)
--sds_badge_icon
--sds_theme_color_purple
sds-color(purple)
.sds_Badge_Lime
--sds_badge_background
--sds_theme_color_lime_tint_2
sds-color(lime, 20)
--sds_badge_icon
--sds_theme_color_lime
sds-color(lime)
.sds_Badge_Teal
--sds_badge_background
--sds_theme_color_teal_tint_2
sds-color(teal, 20)
--sds_badge_icon
--sds_theme_color_teal
sds-color(teal)
.sds_Badge_Orange
--sds_badge_background
--sds_theme_color_orange_tint_2
sds-color(orange, 20)
--sds_badge_icon
--sds_theme_color_orange
sds-color(orange)
.sds_Badge_Pink
--sds_badge_background
--sds_theme_color_pink_tint_2
sds-color(pink, 20)
--sds_badge_icon
--sds_theme_color_pink
sds-color(pink)
Last updated