# Tokens

## .sds\_TabGroup

| Component Tokens                         | Theme Tokens                                             |
| ---------------------------------------- | -------------------------------------------------------- |
| --sds\_tabGroup\_border                  | <p>--sds_theme_border<br>sds-color(grey, 30)</p>         |
| --sds\_tabGroup\_tab\_text               | <p>--sds_theme_text<br>sds-color(grey, 100)</p>          |
| --sds\_tabGroup\_tab\_icon               | <p>--sds_theme_icon<br>sds-color(grey, 70)</p>           |
| --sds\_tabGroup\_tab\_active\_background | <p>--sds_theme_background<br>sds-color(grey, 05)</p>     |
| --sds\_tabGroup\_tab\_active\_highlight  | <p>--sds_theme_color_primary<br>sds-color(blue)</p>      |
| --sds\_tabGroup\_tab\_active\_icon       | <p>--sds_theme_icon<br>sds-color(grey, 70)</p>           |
| --sds\_tabGroup\_tab\_active\_text       | <p>--sds_theme_text<br>sds-color(grey, 100)</p>          |
| --sds\_tabGroup\_tab\_hover\_background  | <p>--sds_theme_background_low<br>sds-color(grey, 10)</p> |
| --sds\_tabGroup\_tab\_hover\_icon        | <p>--sds_theme_text<br>sds-color(grey, 100)</p>          |
| --sds\_tabGroup\_tab\_hover\_text        | <p>--sds_theme_text<br>sds-color(grey, 100)}</p>         |
