Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Specification
  • Tools
  • Status light

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    status-light-dot-size-extra-large scale-set - desktop: 14px
    mobile: 16px
    No - -
    status-light-dot-size-large scale-set - desktop: 12px
    mobile: 14px
    No - -
    status-light-dot-size-medium scale-set - desktop: 10px
    mobile: 12px
    No - -
    status-light-dot-size-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    status-light-text-to-visual-100 alias {text-to-visual-100} desktop: 6px
    mobile: 8px
    Yes Use semantic token base-gap-medium instead. Replaced by base-gap-medium
    status-light-text-to-visual-200 alias {text-to-visual-200} desktop: 7px
    mobile: 9px
    Yes Use semantic token base-gap-large instead. Replaced by base-gap-large
    status-light-text-to-visual-300 alias {text-to-visual-300} desktop: 8px
    mobile: 10px
    Yes Use semantic token base-gap-extra-large instead. Replaced by base-gap-extra-large
    status-light-text-to-visual-75 alias {text-to-visual-75} desktop: 5px
    mobile: 7px
    Yes Use semantic token base-gap-small instead. Replaced by base-gap-small
    status-light-top-to-dot-extra-large scale-set - desktop: 17px
    mobile: 22px
    Yes Use semantic token base-padding-vertical-extra-large instead. Requires Dot to be placed in frame of height workflow-icon-extra-large Replaced by base-padding-vertical-extra-large
    status-light-top-to-dot-large scale-set - desktop: 14px
    mobile: 18px
    Yes Use semantic token base-padding-vertical-large instead. Requires Dot to be placed in frame of height workflow-icon-large Replaced by base-padding-vertical-large
    status-light-top-to-dot-medium scale-set - desktop: 11px
    mobile: 14px
    Yes Use semantic token base-padding-vertical-medium instead. Requires Dot to be placed in frame of height workflow-icon-medium Replaced by base-padding-vertical-medium
    status-light-top-to-dot-small scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token base-padding-vertical-small instead. Requires Dot to be placed in frame of height workflow-icon-small Replaced by base-padding-vertical-small