| breadcrumbs-bottom-to-text |
alias |
{component-bottom-to-text-200} |
desktop: 11px
mobile: 14px |
Yes |
- |
- |
| breadcrumbs-bottom-to-text-compact |
alias |
{component-bottom-to-text-100} |
desktop: 9px
mobile: 11px |
Yes |
- |
- |
| breadcrumbs-bottom-to-text-multiline |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-vertical-large instead. |
Replaced by base-padding-vertical-large |
| breadcrumbs-end-edge-to-text |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| breadcrumbs-height |
alias |
{component-height-200} |
desktop: 40px
mobile: 50px |
Yes |
- |
- |
| breadcrumbs-height-compact |
alias |
{component-height-100} |
desktop: 32px
mobile: 40px |
Yes |
- |
- |
| breadcrumbs-height-multiline |
scale-set |
- |
desktop: 72px
mobile: 90px |
No |
- |
- |
| breadcrumbs-separator-icon-to-bottom-text-multiline |
alias |
{breadcrumbs-separator-to-bottom-text-multiline} |
desktop: 11px
mobile: 15px |
Yes |
- |
- |
| breadcrumbs-separator-to-bottom-text-multiline |
scale-set |
- |
desktop: 11px
mobile: 15px |
Yes |
Use semantic token base-gap-3x-large instead. |
Replaced by base-gap-3x-large |
| breadcrumbs-start-edge-to-text |
alias |
{breadcrumbs-start-edge-to-text-large} |
desktop: 9px
mobile: 11px |
Yes |
Use a sized token instead, e.g., breadcrumbs-start-edge-to-text-large. |
Replaced by breadcrumbs-start-edge-to-text-large |
| breadcrumbs-start-edge-to-text-large |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-gap-2x-large instead. |
Replaced by base-gap-2x-large |
| breadcrumbs-start-edge-to-text-medium |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token base-gap-medium instead. |
Replaced by base-gap-medium |
| breadcrumbs-start-edge-to-text-multiline |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-gap-extra-small instead. |
Replaced by base-gap-extra-small |
| breadcrumbs-start-edge-to-truncated-menu |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| breadcrumbs-text-to-separator-large |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-gap-2x-large instead. |
Replaced by base-gap-2x-large |
| breadcrumbs-text-to-separator-medium |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token base-gap-medium instead. |
Replaced by base-gap-medium |
| breadcrumbs-text-to-separator-multiline |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-gap-extra-small instead. |
Replaced by base-gap-extra-small |
| breadcrumbs-top-text-to-bottom-text |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token text-gap-medium instead. Difference is due to other values changing, but expected. Requires some refactor. |
Replaced by text-gap-medium |
| breadcrumbs-top-to-separator-icon |
alias |
{breadcrumbs-top-to-separator-large} |
desktop: 15px
mobile: 20px |
Yes |
Use a sized token instead, e.g., breadcrumbs-top-to-separator-large. |
Replaced by breadcrumbs-top-to-separator-large |
| breadcrumbs-top-to-separator-icon-compact |
alias |
{breadcrumbs-top-to-separator-medium} |
desktop: 11px
mobile: 15px |
Yes |
Use a sized token instead, e.g., breadcrumbs-top-to-separator-medium. |
Replaced by breadcrumbs-top-to-separator-medium |
| breadcrumbs-top-to-separator-icon-multiline |
scale-set |
- |
desktop: 7px
mobile: 15px |
Yes |
- |
- |
| breadcrumbs-top-to-separator-large |
scale-set |
- |
desktop: 15px
mobile: 20px |
Yes |
Use semantic token base-padding-vertical-2x-large instead. Require unified UI icon set. |
Replaced by base-padding-vertical-2x-large |
| breadcrumbs-top-to-separator-medium |
scale-set |
- |
desktop: 11px
mobile: 15px |
Yes |
Use semantic token base-padding-vertical-large instead. Require unified UI icon set. |
Replaced by base-padding-vertical-large |
| breadcrumbs-top-to-separator-multiline |
scale-set |
- |
desktop: 7px
mobile: 10px |
Yes |
Use semantic token base-padding-vertical-medium instead. Require unified UI icon set. |
Replaced by base-padding-vertical-medium |
| breadcrumbs-top-to-text |
alias |
{component-top-to-text-200} |
desktop: 9px
mobile: 12px |
Yes |
- |
- |
| breadcrumbs-top-to-text-compact |
alias |
{component-top-to-text-100} |
desktop: 6px
mobile: 8px |
Yes |
- |
- |
| breadcrumbs-top-to-text-multiline |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-small instead. |
Replaced by base-padding-vertical-small |
| breadcrumbs-top-to-truncated-menu |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| breadcrumbs-top-to-truncated-menu-compact |
alias |
{breadcrumbs-top-to-truncated-menu} |
0px |
Yes |
- |
- |
| breadcrumbs-truncated-menu-to-bottom-text |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-extra-small instead. |
Replaced by base-padding-vertical-extra-small |
| breadcrumbs-truncated-menu-to-separator |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| breadcrumbs-truncated-menu-to-separator-icon |
alias |
{breadcrumbs-truncated-menu-to-separator} |
0px |
Yes |
- |
- |
