Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Specification
  • Tools
  • Tag

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    tag-edge-to-clear-icon-large scale-set - desktop: 15px
    mobile: 19px
    Yes Use semantic token base-gap-large instead. Replaced by base-gap-large
    tag-edge-to-clear-icon-medium scale-set - desktop: 12px
    mobile: 15px
    Yes Use semantic token base-gap-medium instead. Replaced by base-gap-medium
    tag-edge-to-clear-icon-small scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token base-gap-small instead. Replaced by base-gap-small
    tag-label-to-clear-icon-large scale-set - desktop: 15px
    mobile: 19px
    Yes Use semantic token base-padding-horizontal-large instead. Replaced by base-padding-horizontal-large
    tag-label-to-clear-icon-medium scale-set - desktop: 12px
    mobile: 15px
    Yes Use semantic token base-padding-horizontal-medium instead. Replaced by base-padding-horizontal-medium
    tag-label-to-clear-icon-small scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token base-padding-horizontal-small instead. Replaced by base-padding-horizontal-small
    tag-maximum-width-multiplier multiplier 7 7 No - -
    tag-minimum-width-large scale-set - desktop: 33px
    mobile: 42px
    No - -
    tag-minimum-width-medium scale-set - desktop: 27px
    mobile: 34px
    No - -
    tag-minimum-width-multiplier multiplier 1 1 Yes - -
    tag-minimum-width-small scale-set - desktop: 21px
    mobile: 25px
    No - -
    tag-top-to-avatar-large scale-set - desktop: 9px
    mobile: 11px
    Yes Use semantic token base-padding-vertical-large instead. Replaced by base-padding-vertical-large
    tag-top-to-avatar-medium scale-set - desktop: 6px
    mobile: 7px
    Yes Use semantic token base-padding-vertical-medium instead. Replaced by base-padding-vertical-medium
    tag-top-to-avatar-small scale-set - desktop: 4px
    mobile: 5px
    Yes Use semantic token base-padding-vertical-small instead. Replaced by base-padding-vertical-small
    tag-top-to-cross-icon-large scale-set - desktop: 15px
    mobile: 19px
    Yes Use semantic token base-padding-horizontal-large instead. Edge cases should be ok for edge usage. In principle, it's still padding. In reality, it's vertical not horizontal. But that may be ok Replaced by base-padding-horizontal-large
    tag-top-to-cross-icon-medium scale-set - desktop: 12px
    mobile: 15px
    Yes Use semantic token base-padding-horizontal-medium instead. Edge cases should be ok for edge usage. In principle, it's still padding. In reality, it's vertical not horizontal. But that may be ok Replaced by base-padding-horizontal-medium
    tag-top-to-cross-icon-small scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token base-padding-horizontal-small instead. Edge cases should be ok for edge usage. In principle, it's still padding. In reality, it's vertical not horizontal. But that may be ok Replaced by base-padding-horizontal-small