| tab-gap-horizontal-extra-large |
alias |
{spacing-600} |
40px |
No |
- |
- |
| tab-gap-horizontal-large |
alias |
{spacing-500} |
32px |
No |
- |
- |
| tab-gap-horizontal-medium |
alias |
{spacing-400} |
24px |
No |
- |
- |
| tab-gap-horizontal-small |
alias |
{spacing-350} |
20px |
No |
- |
- |
| tab-item-bottom-to-text-compact-extra-large |
scale-set |
- |
desktop: 13px
mobile: 17px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-extra-large |
| tab-item-bottom-to-text-compact-large |
scale-set |
- |
desktop: 12px
mobile: 14px |
Yes |
Use semantic token base-padding-vertical-large instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-large |
| tab-item-bottom-to-text-compact-medium |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token base-padding-vertical-medium instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-medium |
| tab-item-bottom-to-text-compact-small |
scale-set |
- |
desktop: 5px
mobile: 6px |
Yes |
Use semantic token base-padding-vertical-small instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-small |
| tab-item-bottom-to-text-extra-large |
scale-set |
- |
desktop: 20px
mobile: 25px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
| tab-item-bottom-to-text-large |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
| tab-item-bottom-to-text-medium |
scale-set |
- |
desktop: 14px
mobile: 19px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
| tab-item-bottom-to-text-small |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
| tab-item-compact-height-extra-large |
alias |
{component-height-300} |
desktop: 48px
mobile: 60px |
No |
- |
- |
| tab-item-compact-height-large |
alias |
{component-height-200} |
desktop: 40px
mobile: 50px |
No |
- |
- |
| tab-item-compact-height-medium |
alias |
{component-height-100} |
desktop: 32px
mobile: 40px |
No |
- |
- |
| tab-item-compact-height-small |
alias |
{component-height-75} |
desktop: 24px
mobile: 30px |
No |
- |
- |
| tab-item-focus-indicator-gap-extra-large |
scale-set |
- |
desktop: 10px
mobile: 12px |
Yes |
Use semantic token focus-ring-gap instead. Requires refactor; |
Replaced by focus-ring-gap |
| tab-item-focus-indicator-gap-large |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token focus-ring-gap instead. Requires refactor; |
Replaced by focus-ring-gap |
| tab-item-focus-indicator-gap-medium |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token focus-ring-gap instead. Requires refactor; |
Replaced by focus-ring-gap |
| tab-item-focus-indicator-gap-small |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token focus-ring-gap instead. Requires refactor; |
Replaced by focus-ring-gap |
| tab-item-height-extra-large |
alias |
{component-height-500} |
desktop: 64px
mobile: 80px |
No |
- |
- |
| tab-item-height-large |
alias |
{component-height-400} |
desktop: 56px
mobile: 70px |
No |
- |
- |
| tab-item-height-medium |
alias |
{component-height-300} |
desktop: 48px
mobile: 60px |
No |
- |
- |
| tab-item-height-small |
alias |
{component-height-200} |
desktop: 40px
mobile: 50px |
No |
- |
- |
| tab-item-start-to-edge-extra-large |
scale-set |
- |
desktop: 13px
mobile: 19px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Not present in design; obscure and difficult to find in implementations |
Replaced by base-padding-horizontal-extra-large |
| tab-item-start-to-edge-large |
scale-set |
- |
desktop: 13px
mobile: 17px |
Yes |
Use semantic token base-padding-horizontal-large instead. Not present in design; obscure and difficult to find in implementations |
Replaced by base-padding-horizontal-large |
| tab-item-start-to-edge-medium |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Not present in design; obscure and difficult to find in implementations |
Replaced by base-padding-horizontal-medium |
| tab-item-start-to-edge-quiet |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| tab-item-start-to-edge-small |
scale-set |
- |
desktop: 12px
mobile: 13px |
Yes |
Use semantic token base-padding-horizontal-small instead. Not present in design; obscure and difficult to find in implementations |
Replaced by base-padding-horizontal-small |
| tab-item-to-tab-item-horizontal-extra-large |
scale-set |
- |
desktop: 30px
mobile: 36px |
Yes |
Use semantic token tab-gap-horizontal-extra-large instead. |
Replaced by tab-gap-horizontal-extra-large |
| tab-item-to-tab-item-horizontal-large |
scale-set |
- |
desktop: 27px
mobile: 33px |
Yes |
Use semantic token tab-gap-horizontal-large instead. |
Replaced by tab-gap-horizontal-large |
| tab-item-to-tab-item-horizontal-medium |
scale-set |
- |
desktop: 24px
mobile: 30px |
Yes |
Use semantic token tab-gap-horizontal-medium instead. Requires acknowledgement of internal button structure |
Replaced by tab-gap-horizontal-medium |
| tab-item-to-tab-item-horizontal-small |
scale-set |
- |
desktop: 21px
mobile: 27px |
Yes |
Use semantic token tab-gap-horizontal-small instead. |
Replaced by tab-gap-horizontal-small |
| tab-item-to-tab-item-vertical-extra-large |
scale-set |
- |
desktop: 5px
mobile: 6px |
Yes |
Use semantic token list-gap-regular instead. |
Replaced by gap-regular |
| tab-item-to-tab-item-vertical-large |
scale-set |
- |
desktop: 5px
mobile: 6px |
Yes |
Use semantic token list-gap-regular instead. |
Replaced by gap-regular |
| tab-item-to-tab-item-vertical-medium |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token list-gap-regular instead. |
Replaced by gap-regular |
| tab-item-to-tab-item-vertical-small |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token list-gap-regular instead. |
Replaced by gap-regular |
| tab-item-top-to-text-compact-extra-large |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-extra-large |
| tab-item-top-to-text-compact-large |
scale-set |
- |
desktop: 10px
mobile: 12px |
Yes |
Use semantic token base-padding-vertical-large instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-large |
| tab-item-top-to-text-compact-medium |
scale-set |
- |
desktop: 6px
mobile: 9px |
Yes |
Use semantic token base-padding-vertical-medium instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-medium |
| tab-item-top-to-text-compact-small |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-small instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-small |
| tab-item-top-to-text-extra-large |
scale-set |
- |
desktop: 19px
mobile: 25px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. |
Replaced by base-padding-vertical-extra-large |
| tab-item-top-to-text-large |
scale-set |
- |
desktop: 16px
mobile: 22px |
Yes |
Use semantic token base-padding-vertical-large instead. |
Replaced by base-padding-vertical-large |
| tab-item-top-to-text-medium |
scale-set |
- |
desktop: 14px
mobile: 18px |
Yes |
Use semantic token base-padding-vertical-medium instead. Requires acknowledgement of internal button structure |
Replaced by base-padding-vertical-medium |
| tab-item-top-to-text-small |
scale-set |
- |
desktop: 11px
mobile: 14px |
Yes |
Use semantic token base-padding-vertical-small instead. |
Replaced by base-padding-vertical-small |
| tab-item-top-to-workflow-icon-compact-extra-large |
scale-set |
- |
desktop: 11px
mobile: 16px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-extra-large |
| tab-item-top-to-workflow-icon-compact-large |
scale-set |
- |
desktop: 9px
mobile: 13px |
Yes |
Use semantic token base-padding-vertical-large instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-large |
| tab-item-top-to-workflow-icon-compact-medium |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-vertical-medium instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-medium |
| tab-item-top-to-workflow-icon-compact-small |
scale-set |
- |
desktop: 3px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-small instead. Requires acknowledgement of internal button structure - Density does not affect this value; onlly the tab item vertical padding |
Replaced by base-padding-vertical-small |
| tab-item-top-to-workflow-icon-extra-large |
scale-set |
- |
desktop: 19px
mobile: 26px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
| tab-item-top-to-workflow-icon-large |
scale-set |
- |
desktop: 17px
mobile: 23px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
| tab-item-top-to-workflow-icon-medium |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
| tab-item-top-to-workflow-icon-small |
scale-set |
- |
desktop: 13px
mobile: 15px |
Yes |
Use semantic token list-item-padding-vertical-spacious instead. Requires refactor: this token + base-padding-vertical will get desired value |
Replaced by list-item-padding-vertical-spacious |
