| accessory-gap-2x-large |
dimension |
9px |
9px |
No |
- |
- |
| accessory-gap-affixed-2x-large |
dimension |
7px |
7px |
No |
- |
- |
| accessory-gap-affixed-extra-large |
dimension |
6px |
6px |
No |
- |
- |
| accessory-gap-affixed-extra-small |
dimension |
3px |
3px |
No |
- |
- |
| accessory-gap-affixed-large |
dimension |
5px |
5px |
No |
- |
- |
| accessory-gap-affixed-medium |
dimension |
4px |
4px |
No |
- |
- |
| accessory-gap-affixed-small |
dimension |
3px |
3px |
No |
- |
- |
| accessory-gap-extra-large |
dimension |
8px |
8px |
No |
- |
- |
| accessory-gap-extra-small |
dimension |
4px |
4px |
No |
- |
- |
| accessory-gap-large |
dimension |
7px |
7px |
No |
- |
- |
| accessory-gap-medium |
dimension |
6px |
6px |
No |
- |
- |
| accessory-gap-small |
dimension |
5px |
5px |
No |
- |
- |
| accessory-item-padding-2x-small |
dimension |
2px |
2px |
No |
- |
- |
| accessory-item-padding-extra-large |
dimension |
9px |
9px |
No |
- |
- |
| accessory-item-padding-extra-small |
dimension |
3px |
3px |
No |
- |
- |
| accessory-item-padding-large |
dimension |
7px |
7px |
No |
- |
- |
| accessory-item-padding-medium |
dimension |
5px |
5px |
No |
- |
- |
| accessory-item-padding-small |
dimension |
3px |
3px |
No |
- |
- |
| android-elevation |
dimension |
2dp |
2dp |
No |
- |
- |
| banner-gap-horizontal |
alias |
{spacing-400} |
24px |
No |
- |
- |
| banner-gap-vertical |
alias |
{spacing-100} |
8px |
No |
- |
- |
| banner-padding-horizontal |
alias |
{spacing-300} |
16px |
No |
- |
- |
| banner-padding-horizontal-compact |
alias |
{spacing-100} |
8px |
No |
- |
- |
| banner-padding-vertical |
alias |
{spacing-200} |
12px |
No |
- |
- |
| base-gap-2x-large |
dimension |
8px |
8px |
No |
- |
- |
| base-gap-3x-large |
dimension |
8px |
8px |
No |
- |
- |
| base-gap-4x-large |
dimension |
10px |
10px |
No |
- |
- |
| base-gap-extra-large |
dimension |
6px |
6px |
No |
- |
- |
| base-gap-extra-small |
dimension |
4px |
4px |
No |
- |
- |
| base-gap-large |
dimension |
6px |
6px |
No |
- |
- |
| base-gap-medium |
dimension |
6px |
6px |
No |
- |
- |
| base-gap-small |
dimension |
4px |
4px |
No |
- |
- |
| base-padding-horizontal-2x-large |
dimension |
14px |
14px |
No |
- |
- |
| base-padding-horizontal-extra-large |
dimension |
12px |
12px |
No |
- |
- |
| base-padding-horizontal-extra-small |
dimension |
8px |
8px |
No |
- |
- |
| base-padding-horizontal-large |
dimension |
12px |
12px |
No |
- |
- |
| base-padding-horizontal-medium |
dimension |
10px |
10px |
No |
- |
- |
| base-padding-horizontal-small |
dimension |
8px |
8px |
No |
- |
- |
| base-padding-horizontal-uniform-2x-large |
alias |
{base-padding-vertical-2x-large} |
15px |
No |
- |
- |
| base-padding-horizontal-uniform-2x-small |
alias |
{base-padding-vertical-2x-small} |
2px |
No |
- |
- |
| base-padding-horizontal-uniform-extra-large |
alias |
{base-padding-vertical-extra-large} |
13px |
No |
- |
- |
| base-padding-horizontal-uniform-extra-small |
alias |
{base-padding-vertical-extra-small} |
4px |
No |
- |
- |
| base-padding-horizontal-uniform-large |
alias |
{base-padding-vertical-large} |
10px |
No |
- |
- |
| base-padding-horizontal-uniform-medium |
alias |
{base-padding-vertical-medium} |
7px |
No |
- |
- |
| base-padding-horizontal-uniform-small |
alias |
{base-padding-vertical-small} |
5px |
No |
- |
- |
| base-padding-vertical-2x-large |
dimension |
15px |
15px |
No |
- |
- |
| base-padding-vertical-2x-small |
dimension |
2px |
2px |
No |
- |
- |
| base-padding-vertical-3x-large |
dimension |
19px |
19px |
No |
- |
- |
| base-padding-vertical-extra-large |
dimension |
13px |
13px |
No |
- |
- |
| base-padding-vertical-extra-small |
dimension |
4px |
4px |
No |
- |
- |
| base-padding-vertical-large |
dimension |
10px |
10px |
No |
- |
- |
| base-padding-vertical-medium |
dimension |
7px |
7px |
No |
- |
- |
| base-padding-vertical-small |
dimension |
5px |
5px |
No |
- |
- |
| border-width-100 |
dimension |
1px |
1px |
No |
- |
- |
| border-width-200 |
dimension |
2px |
2px |
No |
- |
- |
| border-width-400 |
dimension |
4px |
4px |
No |
- |
- |
| character-count-to-field-quiet-extra-large |
scale-set |
- |
desktop: -4px
mobile: -5px |
No |
- |
- |
| character-count-to-field-quiet-large |
scale-set |
- |
desktop: -3px
mobile: -4px |
No |
- |
- |
| character-count-to-field-quiet-medium |
scale-set |
- |
desktop: -3px
mobile: -4px |
No |
- |
- |
| character-count-to-field-quiet-small |
scale-set |
- |
desktop: -3px
mobile: -4px |
No |
- |
- |
| color-control-track-width |
scale-set |
- |
desktop: 24px
mobile: 30px |
No |
- |
- |
| component-bottom-to-text-100 |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-vertical-medium instead. Change required for VF upgrade |
Replaced by base-padding-vertical-medium |
| component-bottom-to-text-200 |
scale-set |
- |
desktop: 11px
mobile: 14px |
Yes |
Use semantic token base-padding-vertical-large instead. Change required for VF upgrade |
Replaced by base-padding-vertical-large |
| component-bottom-to-text-300 |
scale-set |
- |
desktop: 14px
mobile: 18px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Change required for VF upgrade |
Replaced by base-padding-vertical-extra-large |
| component-bottom-to-text-50 |
scale-set |
- |
desktop: 3px
mobile: 6px |
Yes |
Use semantic token base-padding-vertical-extra-small instead. Change required for VF upgrade |
Replaced by base-padding-vertical-extra-small |
| component-bottom-to-text-75 |
scale-set |
- |
desktop: 5px
mobile: 6px |
Yes |
Use semantic token base-padding-vertical-small instead. Change required for VF upgrade |
Replaced by base-padding-vertical-small |
| component-edge-to-text-100 |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| component-edge-to-text-200 |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| component-edge-to-text-300 |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| component-edge-to-text-50 |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token base-padding-horizontal-extra-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-small |
| component-edge-to-text-75 |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-horizontal-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-small |
| component-edge-to-visual-100 |
scale-set |
- |
desktop: 10px
mobile: 12px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| component-edge-to-visual-200 |
scale-set |
- |
desktop: 13px
mobile: 16px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| component-edge-to-visual-300 |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| component-edge-to-visual-50 |
scale-set |
- |
desktop: 6px
mobile: 7px |
Yes |
Use semantic token base-padding-horizontal-extra-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-small |
| component-edge-to-visual-75 |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-horizontal-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-small |
| component-edge-to-visual-only-100 |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token base-padding-vertical-medium instead. Using consistent spacing regardless of text or visual |
Replaced by base-padding-vertical-medium |
| component-edge-to-visual-only-200 |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-vertical-large instead. Using consistent spacing regardless of text or visual |
Replaced by base-padding-vertical-large |
| component-edge-to-visual-only-300 |
scale-set |
- |
desktop: 11px
mobile: 15px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Using consistent spacing regardless of text or visual |
Replaced by base-padding-vertical-extra-large |
| component-edge-to-visual-only-50 |
scale-set |
- |
desktop: 3px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-extra-small instead. Using consistent spacing regardless of text or visual |
Replaced by base-padding-vertical-extra-small |
| component-edge-to-visual-only-75 |
scale-set |
- |
desktop: 4px
mobile: 6px |
Yes |
Use semantic token base-padding-vertical-small instead. Using consistent spacing regardless of text or visual |
Replaced by base-padding-vertical-small |
| component-height-100 |
scale-set |
- |
desktop: 32px
mobile: 40px |
No |
- |
- |
| component-height-200 |
scale-set |
- |
desktop: 40px
mobile: 50px |
No |
- |
- |
| component-height-300 |
scale-set |
- |
desktop: 48px
mobile: 60px |
No |
- |
- |
| component-height-400 |
scale-set |
- |
desktop: 56px
mobile: 70px |
No |
- |
- |
| component-height-50 |
scale-set |
- |
desktop: 20px
mobile: 26px |
No |
- |
- |
| component-height-500 |
scale-set |
- |
desktop: 64px
mobile: 80px |
No |
- |
- |
| component-height-75 |
scale-set |
- |
desktop: 24px
mobile: 30px |
No |
- |
- |
| component-padding-vertical-100 |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-vertical-medium instead. |
Replaced by base-padding-vertical-medium |
| component-padding-vertical-200 |
scale-set |
- |
desktop: 10px
mobile: 13px |
Yes |
Use semantic token base-padding-vertical-large instead. |
Replaced by base-padding-vertical-large |
| component-padding-vertical-300 |
scale-set |
- |
desktop: 13px
mobile: 17px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. |
Replaced by base-padding-vertical-extra-large |
| component-padding-vertical-50 |
scale-set |
- |
desktop: 3px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-extra-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-vertical-extra-small |
| component-padding-vertical-75 |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-vertical-small |
| component-pill-edge-to-text-100 |
scale-set |
- |
desktop: 16px
mobile: 20px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-medium |
| component-pill-edge-to-text-200 |
scale-set |
- |
desktop: 20px
mobile: 25px |
Yes |
Use semantic token base-padding-horizontal-large instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-large |
| component-pill-edge-to-text-300 |
scale-set |
- |
desktop: 24px
mobile: 30px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-extra-large |
| component-pill-edge-to-text-75 |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-small instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-small |
| component-pill-edge-to-visual-100 |
scale-set |
- |
desktop: 14px
mobile: 17px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-medium |
| component-pill-edge-to-visual-200 |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-large instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-large |
| component-pill-edge-to-visual-300 |
scale-set |
- |
desktop: 21px
mobile: 27px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-extra-large |
| component-pill-edge-to-visual-75 |
scale-set |
- |
desktop: 10px
mobile: 13px |
Yes |
Use semantic token base-padding-horizontal-small instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-horizontal-small |
| component-pill-edge-to-visual-only-100 |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token accessory-item-padding-medium instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by accessory-item-padding-medium |
| component-pill-edge-to-visual-only-200 |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token accessory-item-padding-large instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by accessory-item-padding-large |
| component-pill-edge-to-visual-only-300 |
scale-set |
- |
desktop: 11px
mobile: 15px |
Yes |
Use semantic token accessory-item-padding-extra-large instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by accessory-item-padding-extra-large |
| component-pill-edge-to-visual-only-75 |
scale-set |
- |
desktop: 4px
mobile: 6px |
Yes |
Use semantic token base-padding-vertical-small instead. Eliminating pill-specific padding to align with Spectrum Future Foundations designs |
Replaced by base-padding-vertical-small |
| component-size-difference-down |
dimension |
-2px |
-2px |
No |
- |
- |
| component-size-maximum-perspective-down |
dimension |
96px |
96px |
No |
- |
- |
| component-size-minimum-perspective-down |
dimension |
24px |
24px |
No |
- |
- |
| component-size-width-ratio-down |
multiplier |
0.3333 |
0.3333 |
No |
- |
- |
| component-to-menu-extra-large |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token popover-gap instead. Unifying to a single popover-gap value across use cases |
Replaced by popover-gap |
| component-to-menu-large |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token popover-gap instead. Unifying to a single popover-gap value across use cases |
Replaced by popover-gap |
| component-to-menu-medium |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token popover-gap instead. Unifying to a single popover-gap value across use cases |
Replaced by popover-gap |
| component-to-menu-small |
scale-set |
- |
desktop: 6px
mobile: 7px |
Yes |
Use semantic token popover-gap instead. Unifying to a single popover-gap value across use cases |
Replaced by popover-gap |
| component-top-to-text-100 |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token base-padding-vertical-medium instead. Change required for VF upgrade |
Replaced by base-padding-vertical-medium |
| component-top-to-text-200 |
scale-set |
- |
desktop: 9px
mobile: 12px |
Yes |
Use semantic token base-padding-vertical-large instead. Change required for VF upgrade |
Replaced by base-padding-vertical-large |
| component-top-to-text-300 |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Change required for VF upgrade |
Replaced by base-padding-vertical-extra-large |
| component-top-to-text-50 |
scale-set |
- |
desktop: 3px
mobile: 4px |
Yes |
Use semantic token base-padding-vertical-extra-small instead. Change required for VF upgrade |
Replaced by base-padding-vertical-extra-small |
| component-top-to-text-75 |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-small instead. Change required for VF upgrade |
Replaced by base-padding-vertical-small |
| component-top-to-workflow-icon-100 |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token base-padding-vertical-medium instead. Change required for VF upgrade |
Replaced by base-padding-vertical-medium |
| component-top-to-workflow-icon-200 |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-vertical-large instead. Change required for VF upgrade |
Replaced by base-padding-vertical-large |
| component-top-to-workflow-icon-300 |
scale-set |
- |
desktop: 11px
mobile: 15px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Change required for VF upgrade |
Replaced by base-padding-vertical-extra-large |
| component-top-to-workflow-icon-50 |
scale-set |
- |
desktop: 3px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-extra-small instead. Change required for VF upgrade |
Replaced by base-padding-vertical-extra-small |
| component-top-to-workflow-icon-75 |
scale-set |
- |
desktop: 4px
mobile: 6px |
Yes |
Use semantic token base-padding-vertical-small instead. Change required for VF upgrade |
Replaced by base-padding-vertical-small |
| container-gap-2x-large |
alias |
{spacing-500} |
32px |
No |
- |
- |
| container-gap-2x-small |
alias |
{spacing-85} |
6px |
No |
- |
- |
| container-gap-extra-large |
alias |
{spacing-400} |
24px |
No |
- |
- |
| container-gap-extra-small |
alias |
{spacing-100} |
8px |
No |
- |
- |
| container-gap-large |
alias |
{spacing-350} |
20px |
No |
- |
- |
| container-gap-medium |
alias |
{spacing-300} |
16px |
No |
- |
- |
| container-gap-small |
alias |
{spacing-200} |
12px |
No |
- |
- |
| container-padding-2x-large |
alias |
{spacing-500} |
32px |
No |
- |
- |
| container-padding-2x-small |
alias |
{spacing-85} |
6px |
No |
- |
- |
| container-padding-3x-large |
alias |
{spacing-600} |
40px |
No |
- |
- |
| container-padding-extra-large |
alias |
{spacing-400} |
24px |
No |
- |
- |
| container-padding-extra-small |
alias |
{spacing-100} |
8px |
No |
- |
- |
| container-padding-large |
alias |
{spacing-350} |
20px |
No |
- |
- |
| container-padding-medium |
alias |
{spacing-300} |
16px |
No |
- |
- |
| container-padding-small |
alias |
{spacing-200} |
12px |
No |
- |
- |
| corner-radius-0 |
dimension |
0px |
0px |
No |
- |
- |
| corner-radius-100 |
dimension |
4px |
4px |
No |
- |
- |
| corner-radius-1000 |
multiplier |
0.5 |
0.5 |
No |
- |
- |
| corner-radius-200 |
dimension |
5px |
5px |
No |
- |
- |
| corner-radius-300 |
dimension |
6px |
6px |
No |
- |
- |
| corner-radius-400 |
dimension |
7px |
7px |
No |
- |
- |
| corner-radius-500 |
dimension |
8px |
8px |
No |
- |
- |
| corner-radius-600 |
dimension |
9px |
9px |
No |
- |
- |
| corner-radius-700 |
dimension |
10px |
10px |
No |
- |
- |
| corner-radius-75 |
dimension |
3px |
3px |
No |
- |
- |
| corner-radius-800 |
dimension |
16px |
16px |
No |
- |
- |
| corner-radius-extra-large-default |
alias |
{corner-radius-800} |
16px |
No |
- |
- |
| corner-radius-full |
alias |
{corner-radius-1000} |
0.5 |
No |
- |
- |
| corner-radius-large-default |
alias |
{corner-radius-700} |
10px |
No |
- |
- |
| corner-radius-medium-default |
alias |
{corner-radius-500} |
8px |
No |
- |
- |
| corner-radius-medium-size-extra-large |
alias |
{corner-radius-700} |
10px |
No |
- |
- |
| corner-radius-medium-size-extra-small |
alias |
{corner-radius-300} |
6px |
No |
- |
- |
| corner-radius-medium-size-large |
alias |
{corner-radius-600} |
9px |
No |
- |
- |
| corner-radius-medium-size-medium |
alias |
{corner-radius-500} |
8px |
No |
- |
- |
| corner-radius-medium-size-small |
alias |
{corner-radius-400} |
7px |
No |
- |
- |
| corner-radius-none |
alias |
{corner-radius-0} |
0px |
No |
- |
- |
| corner-radius-small-default |
alias |
{corner-radius-100} |
4px |
No |
- |
- |
| corner-radius-small-size-extra-large |
alias |
{corner-radius-300} |
6px |
No |
- |
- |
| corner-radius-small-size-large |
alias |
{corner-radius-200} |
5px |
No |
- |
- |
| corner-radius-small-size-medium |
alias |
{corner-radius-100} |
4px |
No |
- |
- |
| corner-radius-small-size-small |
alias |
{corner-radius-75} |
3px |
No |
- |
- |
| corner-triangle-icon-size-100 |
scale-set |
- |
desktop: 5px
mobile: 7px |
No |
- |
- |
| corner-triangle-icon-size-200 |
scale-set |
- |
desktop: 6px
mobile: 8px |
No |
- |
- |
| corner-triangle-icon-size-300 |
scale-set |
- |
desktop: 7px
mobile: 8px |
No |
- |
- |
| corner-triangle-icon-size-75 |
scale-set |
- |
desktop: 5px
mobile: 6px |
No |
- |
- |
| disclosure-indicator-top-to-disclosure-icon-extra-large |
scale-set |
- |
desktop: 17px
mobile: 22px |
Yes |
NO USAGE FOUND / Not in design specs, files, or findable by Spectrum Fluffyjaws AI. Recommend to deprecate. |
- |
| disclosure-indicator-top-to-disclosure-icon-large |
scale-set |
- |
desktop: 14px
mobile: 17px |
Yes |
NO USAGE FOUND / Not in design specs, files, or findable by Spectrum Fluffyjaws AI. Recommend to deprecate. |
- |
| disclosure-indicator-top-to-disclosure-icon-medium |
scale-set |
- |
desktop: 11px
mobile: 13px |
Yes |
NO USAGE FOUND / Not in design specs, files, or findable by Spectrum Fluffyjaws AI. Recommend to deprecate. |
- |
| disclosure-indicator-top-to-disclosure-icon-small |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
NO USAGE FOUND / Not in design specs, files, or findable by Spectrum Fluffyjaws AI. Recommend to deprecate. |
- |
| drop-shadow-blur |
alias |
{drop-shadow-blur-100} |
6px |
Yes |
- |
- |
| drop-shadow-blur-100 |
dimension |
6px |
6px |
No |
- |
- |
| drop-shadow-blur-200 |
dimension |
8px |
8px |
No |
- |
- |
| drop-shadow-blur-300 |
dimension |
16px |
16px |
No |
- |
- |
| drop-shadow-dragged-blur |
alias |
{drop-shadow-blur-300} |
16px |
No |
- |
- |
| drop-shadow-dragged-x |
alias |
{drop-shadow-x-300} |
0px |
No |
- |
- |
| drop-shadow-dragged-y |
alias |
{drop-shadow-y-300} |
6px |
No |
- |
- |
| drop-shadow-elevated-blur |
alias |
{drop-shadow-blur-200} |
8px |
No |
- |
- |
| drop-shadow-elevated-x |
alias |
{drop-shadow-x-200} |
0px |
No |
- |
- |
| drop-shadow-elevated-y |
alias |
{drop-shadow-y-200} |
2px |
No |
- |
- |
| drop-shadow-emphasized-default-blur |
alias |
{drop-shadow-blur-100} |
6px |
No |
- |
- |
| drop-shadow-emphasized-default-x |
alias |
{drop-shadow-x-100} |
0px |
No |
- |
- |
| drop-shadow-emphasized-default-y |
alias |
{drop-shadow-y-100} |
1px |
No |
- |
- |
| drop-shadow-emphasized-hover-blur |
alias |
{drop-shadow-blur-200} |
8px |
No |
- |
- |
| drop-shadow-emphasized-hover-x |
alias |
{drop-shadow-x-200} |
0px |
No |
- |
- |
| drop-shadow-emphasized-hover-y |
alias |
{drop-shadow-y-200} |
2px |
No |
- |
- |
| drop-shadow-x |
alias |
{drop-shadow-x-100} |
0px |
Yes |
- |
- |
| drop-shadow-x-100 |
dimension |
0px |
0px |
No |
- |
- |
| drop-shadow-x-200 |
dimension |
0px |
0px |
No |
- |
- |
| drop-shadow-x-300 |
dimension |
0px |
0px |
No |
- |
- |
| drop-shadow-y |
alias |
{drop-shadow-y-100} |
1px |
Yes |
- |
- |
| drop-shadow-y-100 |
dimension |
1px |
1px |
No |
- |
- |
| drop-shadow-y-200 |
dimension |
2px |
2px |
No |
- |
- |
| drop-shadow-y-300 |
dimension |
6px |
6px |
No |
- |
- |
| drop-target-dash-gap |
alias |
{spacing-85} |
6px |
No |
- |
- |
| drop-target-dash-length |
alias |
{spacing-100} |
8px |
No |
- |
- |
| field-edge-to-alert-icon-extra-large |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| field-edge-to-alert-icon-large |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| field-edge-to-alert-icon-medium |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| field-edge-to-alert-icon-quiet |
dimension |
0px |
0px |
Yes |
- |
- |
| field-edge-to-alert-icon-small |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-horizontal-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-small |
| field-edge-to-border-quiet |
dimension |
0px |
0px |
Yes |
- |
- |
| field-edge-to-disclosure-icon-100 |
scale-set |
- |
desktop: 11px
mobile: 13px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| field-edge-to-disclosure-icon-200 |
scale-set |
- |
desktop: 14px
mobile: 17px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| field-edge-to-disclosure-icon-300 |
scale-set |
- |
desktop: 17px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| field-edge-to-disclosure-icon-75 |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-horizontal-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-small |
| field-edge-to-text-quiet |
dimension |
0px |
0px |
Yes |
- |
- |
| field-edge-to-validation-icon-extra-large |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| field-edge-to-validation-icon-large |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| field-edge-to-validation-icon-medium |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| field-edge-to-validation-icon-quiet |
dimension |
0px |
0px |
Yes |
- |
- |
| field-edge-to-validation-icon-small |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-horizontal-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-small |
| field-edge-to-visual-quiet |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| field-end-edge-to-disclosure-icon-100 |
scale-set |
- |
desktop: 11px
mobile: 13px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| field-end-edge-to-disclosure-icon-200 |
scale-set |
- |
desktop: 14px
mobile: 17px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| field-end-edge-to-disclosure-icon-300 |
scale-set |
- |
desktop: 17px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| field-end-edge-to-disclosure-icon-75 |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-horizontal-small instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-small |
| field-text-to-alert-icon-extra-large |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| field-text-to-alert-icon-large |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| field-text-to-alert-icon-medium |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| field-text-to-alert-icon-small |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token base-padding-horizontal-small instead. |
Replaced by base-padding-horizontal-small |
| field-text-to-validation-icon-extra-large |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token base-padding-horizontal-extra-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-extra-large |
| field-text-to-validation-icon-large |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token base-padding-horizontal-large instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-large |
| field-text-to-validation-icon-medium |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-medium instead. Updated to follow Spectrum Future Foundations spacing formula |
Replaced by base-padding-horizontal-medium |
| field-text-to-validation-icon-small |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token base-padding-horizontal-small instead. |
Replaced by base-padding-horizontal-small |
| field-top-to-alert-icon-extra-large |
scale-set |
- |
desktop: 13px
mobile: 16px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. |
Replaced by base-padding-vertical-extra-large |
| field-top-to-alert-icon-large |
scale-set |
- |
desktop: 10px
mobile: 13px |
Yes |
Use semantic token base-padding-vertical-large instead. |
Replaced by base-padding-vertical-large |
| field-top-to-alert-icon-medium |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-vertical-medium instead. |
Replaced by base-padding-vertical-medium |
| field-top-to-alert-icon-small |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-padding-vertical-small instead. |
Replaced by base-padding-vertical-small |
| field-top-to-disclosure-icon-100 |
scale-set |
- |
desktop: 11px
mobile: 13px |
Yes |
Use semantic token base-padding-vertical-medium instead. Require unified UI icon set. |
Replaced by base-padding-vertical-medium |
| field-top-to-disclosure-icon-200 |
scale-set |
- |
desktop: 14px
mobile: 17px |
Yes |
Use semantic token base-padding-vertical-large instead. Require unified UI icon set. |
Replaced by base-padding-vertical-large |
| field-top-to-disclosure-icon-300 |
scale-set |
- |
desktop: 17px
mobile: 22px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Require unified UI icon set. |
Replaced by base-padding-vertical-extra-large |
| field-top-to-disclosure-icon-75 |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-vertical-small instead. Require unified UI icon set. |
Replaced by base-padding-vertical-small |
| field-top-to-disclosure-icon-compact-extra-large |
scale-set |
- |
desktop: 17px
mobile: 21px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work |
Replaced by base-padding-vertical-extra-large |
| field-top-to-disclosure-icon-compact-large |
scale-set |
- |
desktop: 14px
mobile: 17px |
Yes |
Use semantic token base-padding-vertical-large instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work |
Replaced by base-padding-vertical-large |
| field-top-to-disclosure-icon-compact-medium |
scale-set |
- |
desktop: 11px
mobile: 13px |
Yes |
Use semantic token base-padding-vertical-medium instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work |
Replaced by base-padding-vertical-medium |
| field-top-to-disclosure-icon-compact-small |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-vertical-small instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-small |
| field-top-to-disclosure-icon-extra-large |
scale-set |
- |
desktop: 21px
mobile: 26px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-extra-large |
| field-top-to-disclosure-icon-large |
scale-set |
- |
desktop: 18px
mobile: 22px |
Yes |
Use semantic token base-padding-vertical-large instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-large |
| field-top-to-disclosure-icon-medium |
scale-set |
- |
desktop: 15px
mobile: 18px |
Yes |
Use semantic token base-padding-vertical-medium instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-medium |
| field-top-to-disclosure-icon-small |
scale-set |
- |
desktop: 11px
mobile: 13px |
Yes |
Use semantic token base-padding-vertical-small instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-small |
| field-top-to-disclosure-icon-spacious-extra-large |
scale-set |
- |
desktop: 25px
mobile: 31px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-extra-large |
| field-top-to-disclosure-icon-spacious-large |
scale-set |
- |
desktop: 22px
mobile: 27px |
Yes |
Use semantic token base-padding-vertical-large instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-large |
| field-top-to-disclosure-icon-spacious-medium |
scale-set |
- |
desktop: 19px
mobile: 23px |
Yes |
Use semantic token base-padding-vertical-medium instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-medium |
| field-top-to-disclosure-icon-spacious-small |
scale-set |
- |
desktop: 15px
mobile: 18px |
Yes |
Use semantic token base-padding-vertical-small instead. UI icon will need to be in a frame with height equal to workflow-icon-[size] for this value to work. Accordion density addressed differently; refactor required. |
Replaced by base-padding-vertical-small |
| field-top-to-progress-circle-extra-large |
scale-set |
- |
desktop: 11px
mobile: 15px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Change progress circle to equal size as workflow icon, that way we can reuse tokens |
Replaced by base-padding-vertical-extra-large |
| field-top-to-progress-circle-large |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-padding-vertical-large instead. Change progress circle to equal size as workflow icon, that way we can reuse tokens |
Replaced by base-padding-vertical-large |
| field-top-to-progress-circle-medium |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token base-padding-vertical-medium instead. Change progress circle to equal size as workflow icon, that way we can reuse tokens |
Replaced by base-padding-vertical-medium |
| field-top-to-progress-circle-small |
scale-set |
- |
desktop: 4px
mobile: 6px |
Yes |
Use semantic token base-padding-vertical-small instead. Change progress circle to equal size as workflow icon, that way we can reuse tokens |
Replaced by base-padding-vertical-small |
| field-top-to-validation-icon-extra-large |
scale-set |
- |
desktop: 17px
mobile: 22px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. Require unified UI icon set. |
Replaced by base-padding-vertical-extra-large |
| field-top-to-validation-icon-large |
scale-set |
- |
desktop: 14px
mobile: 17px |
Yes |
Use semantic token base-padding-vertical-large instead. Require unified UI icon set. |
Replaced by base-padding-vertical-large |
| field-top-to-validation-icon-medium |
scale-set |
- |
desktop: 11px
mobile: 13px |
Yes |
Use semantic token base-padding-vertical-medium instead. Require unified UI icon set. |
Replaced by base-padding-vertical-medium |
| field-top-to-validation-icon-small |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-padding-vertical-small instead. Require unified UI icon set. |
Replaced by base-padding-vertical-small |
| field-width |
scale-set |
- |
desktop: 192px
mobile: 240px |
Yes |
This token has been deprecated, use field-default-width-medium instead. |
Replaced by field-default-width-medium |
| field-width-extra-large |
alias |
{field-default-width-extra-large} |
desktop: 240px
mobile: 288px |
Yes |
This token has been deprecated, use field-default-width-extra-large instead. |
Replaced by field-default-width-extra-large |
| field-width-large |
alias |
{field-default-width-large} |
desktop: 224px
mobile: 272px |
Yes |
This token has been deprecated, use field-default-width-large instead. |
Replaced by field-default-width-large |
| field-width-medium |
alias |
{field-default-width-medium} |
desktop: 208px
mobile: 256px |
Yes |
This token has been deprecated, use field-default-width-medium instead. |
Replaced by field-default-width-medium |
| field-width-small |
alias |
{field-default-width-small} |
desktop: 192px
mobile: 240px |
Yes |
This token has been deprecated, use field-default-width-small instead. |
Replaced by field-default-width-small |
| focus-indicator-gap |
dimension |
2px |
2px |
Yes |
Use semantic token focus-ring-gap instead. |
Replaced by focus-ring-gap |
| focus-indicator-thickness |
dimension |
2px |
2px |
No |
- |
- |
| focus-ring-gap |
alias |
{spacing-50} |
2px |
No |
- |
- |
| gradient-stop-1-genai |
gradient-stop |
0 |
0 |
No |
- |
- |
| gradient-stop-1-premium |
gradient-stop |
0 |
0 |
No |
- |
- |
| gradient-stop-2-genai |
gradient-stop |
0.3333 |
0.3333 |
No |
- |
- |
| gradient-stop-2-premium |
gradient-stop |
0.6666 |
0.6666 |
No |
- |
- |
| gradient-stop-3-genai |
gradient-stop |
1 |
1 |
No |
- |
- |
| gradient-stop-3-premium |
gradient-stop |
1 |
1 |
No |
- |
- |
| group-gap-compact |
alias |
{spacing-50} |
2px |
No |
- |
- |
| group-gap-extra-large |
alias |
{spacing-300} |
16px |
No |
- |
- |
| group-gap-extra-small |
alias |
{spacing-75} |
4px |
No |
- |
- |
| group-gap-large |
alias |
{spacing-200} |
12px |
No |
- |
- |
| group-gap-medium |
alias |
{spacing-100} |
8px |
No |
- |
- |
| group-gap-small |
alias |
{spacing-85} |
6px |
No |
- |
- |
| label-to-description-0 |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| list-gap-compact |
alias |
{spacing-50} |
2px |
No |
- |
- |
| list-gap-regular |
alias |
{spacing-75} |
4px |
No |
- |
- |
| list-gap-spacious |
alias |
{spacing-100} |
8px |
No |
- |
- |
| list-indent-large |
alias |
{spacing-400} |
24px |
No |
- |
- |
| list-indent-medium |
alias |
{spacing-300} |
16px |
No |
- |
- |
| list-item-gap-medium |
alias |
{spacing-100} |
8px |
No |
- |
- |
| list-item-gap-small |
alias |
{spacing-50} |
2px |
No |
- |
- |
| list-item-padding-horizontal |
alias |
{spacing-85} |
6px |
No |
- |
- |
| list-item-padding-vertical-regular |
alias |
{spacing-75} |
4px |
No |
- |
- |
| list-item-padding-vertical-spacious |
alias |
{spacing-100} |
8px |
No |
- |
- |
| navigational-indicator-top-to-back-icon-extra-large |
scale-set |
- |
desktop: 15px
mobile: 19px |
Yes |
Use semantic token base-padding-vertical-extra-large instead. UI icons must be in a frame that has height equal to workflow-icon-size-extra-large |
Replaced by base-padding-vertical-extra-large |
| navigational-indicator-top-to-back-icon-large |
scale-set |
- |
desktop: 12px
mobile: 16px |
Yes |
Use semantic token base-padding-vertical-large instead. UI icons must be in a frame that has height equal to workflow-icon-size-large |
Replaced by base-padding-vertical-large |
| navigational-indicator-top-to-back-icon-medium |
scale-set |
- |
desktop: 9px
mobile: 12px |
Yes |
Use semantic token base-padding-vertical-medium instead. UI icons must be in a frame that has height equal to workflow-icon-size-medium |
Replaced by base-padding-vertical-medium |
| navigational-indicator-top-to-back-icon-small |
scale-set |
- |
desktop: 6px
mobile: 7px |
Yes |
Use semantic token base-padding-vertical-small instead. UI icons must be in a frame that has height equal to workflow-icon-size-small |
Replaced by base-padding-vertical-small |
| popover-gap |
alias |
{spacing-100} |
8px |
No |
- |
- |
| popover-padding |
alias |
{spacing-100} |
8px |
No |
- |
- |
| side-focus-indicator |
dimension |
4px |
4px |
No |
- |
- |
| side-label-character-count-to-field |
scale-set |
- |
desktop: 12px
mobile: 15px |
Yes |
Use semantic token base-padding-horizontal-medium instead. |
Replaced by base-padding-horizontal-medium |
| side-label-character-count-top-margin-extra-large |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| side-label-character-count-top-margin-large |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| side-label-character-count-top-margin-medium |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| side-label-character-count-top-margin-small |
dimension |
0px |
0px |
Yes |
Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. |
- |
| spacing-100 |
dimension |
8px |
8px |
No |
- |
- |
| spacing-1000 |
dimension |
96px |
96px |
No |
- |
- |
| spacing-200 |
dimension |
12px |
12px |
No |
- |
- |
| spacing-25 |
dimension |
1px |
1px |
No |
- |
- |
| spacing-300 |
dimension |
16px |
16px |
No |
- |
- |
| spacing-350 |
dimension |
20px |
20px |
No |
- |
- |
| spacing-400 |
dimension |
24px |
24px |
No |
- |
- |
| spacing-50 |
dimension |
2px |
2px |
No |
- |
- |
| spacing-500 |
dimension |
32px |
32px |
No |
- |
- |
| spacing-600 |
dimension |
40px |
40px |
No |
- |
- |
| spacing-700 |
dimension |
48px |
48px |
No |
- |
- |
| spacing-75 |
dimension |
4px |
4px |
No |
- |
- |
| spacing-800 |
dimension |
64px |
64px |
No |
- |
- |
| spacing-85 |
dimension |
6px |
6px |
No |
- |
- |
| spacing-900 |
dimension |
80px |
80px |
No |
- |
- |
| 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 |
- |
- |
| table-item-padding-compact |
alias |
{spacing-100} |
8px |
No |
- |
- |
| table-item-padding-regular |
alias |
{spacing-200} |
12px |
No |
- |
- |
| table-item-padding-spacious |
alias |
{spacing-300} |
16px |
No |
- |
- |
| text-gap-extra-large |
dimension |
2px |
2px |
No |
- |
- |
| text-gap-extra-small |
dimension |
1px |
1px |
No |
- |
- |
| text-gap-large |
dimension |
2px |
2px |
No |
- |
- |
| text-gap-medium |
dimension |
1px |
1px |
No |
- |
- |
| text-gap-small |
dimension |
1px |
1px |
No |
- |
- |
| text-to-control-100 |
scale-set |
- |
desktop: 10px
mobile: 13px |
Yes |
Use semantic token base-gap-medium instead. |
Replaced by base-gap-medium |
| text-to-control-200 |
scale-set |
- |
desktop: 11px
mobile: 14px |
Yes |
Use semantic token base-gap-large instead. |
Replaced by base-gap-large |
| text-to-control-300 |
scale-set |
- |
desktop: 13px
mobile: 16px |
Yes |
Use semantic token base-gap-extra-large instead. |
Replaced by base-gap-extra-large |
| text-to-control-50 |
scale-set |
- |
desktop: 4px
mobile: 5px |
Yes |
Use semantic token base-gap-extra-small instead. |
Replaced by base-gap-extra-small |
| text-to-control-75 |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-gap-small instead. |
Replaced by base-gap-small |
| text-to-visual-100 |
scale-set |
- |
desktop: 6px
mobile: 8px |
Yes |
Use semantic token base-gap-medium instead. |
Replaced by base-gap-medium |
| text-to-visual-200 |
scale-set |
- |
desktop: 7px
mobile: 9px |
Yes |
Use semantic token base-gap-large instead. |
Replaced by base-gap-large |
| text-to-visual-300 |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token base-gap-extra-large instead. |
Replaced by base-gap-extra-large |
| text-to-visual-400 |
scale-set |
- |
desktop: 9px
mobile: 11px |
Yes |
Use semantic token base-gap-2x-large instead. |
Replaced by base-gap-2x-large |
| text-to-visual-50 |
scale-set |
- |
desktop: 5px
mobile: 7px |
Yes |
Use semantic token base-gap-extra-small instead. |
Replaced by base-gap-extra-small |
| text-to-visual-75 |
scale-set |
- |
desktop: 5px
mobile: 7px |
Yes |
Use semantic token base-gap-small instead. |
Replaced by base-gap-small |
| text-underline-gap |
dimension |
1px |
1px |
Yes |
Use semantic token text-gap-medium instead. |
Replaced by text-gap-medium |
| text-underline-thickness |
dimension |
1px |
1px |
No |
- |
- |
| visual-to-control-100 |
scale-set |
- |
desktop: 8px
mobile: 10px |
Yes |
Use semantic token base-gap-medium instead. |
Replaced by base-gap-medium |
| window-to-edge |
alias |
{spacing-600} |
40px |
Yes |
Use semantic token container-padding-3x-large instead. |
Replaced by container-padding-3x-large |
| workflow-icon-2x-large |
scale-set |
- |
desktop: 24px
mobile: 32px |
No |
- |
- |
| workflow-icon-2x-small |
scale-set |
- |
desktop: 12px
mobile: 14px |
No |
- |
- |
| workflow-icon-3x-small |
scale-set |
- |
desktop: 10px
mobile: 12px |
No |
- |
- |
| workflow-icon-extra-large |
scale-set |
- |
desktop: 22px
mobile: 30px |
No |
- |
- |
| workflow-icon-extra-small |
scale-set |
- |
desktop: 14px
mobile: 16px |
No |
- |
- |
| workflow-icon-large |
scale-set |
- |
desktop: 20px
mobile: 28px |
No |
- |
- |
| workflow-icon-medium |
scale-set |
- |
desktop: 18px
mobile: 24px |
No |
- |
- |
| workflow-icon-size-100 |
scale-set |
- |
desktop: 20px
mobile: 24px |
No |
- |
- |
| workflow-icon-size-200 |
scale-set |
- |
desktop: 22px
mobile: 28px |
No |
- |
- |
| workflow-icon-size-300 |
scale-set |
- |
desktop: 26px
mobile: 30px |
No |
- |
- |
| workflow-icon-size-50 |
scale-set |
- |
desktop: 14px
mobile: 16px |
No |
- |
- |
| workflow-icon-size-75 |
scale-set |
- |
desktop: 16px
mobile: 18px |
No |
- |
- |
| workflow-icon-small |
scale-set |
- |
desktop: 16px
mobile: 18px |
No |
- |
- |
