Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Specification
  • Tools
  • Field label

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    field-label-text-to-asterisk-extra-large scale-set - desktop: 5px
    mobile: 6px
    Yes Use semantic token base-gap-extra-large instead. Replaced by base-gap-extra-large
    field-label-text-to-asterisk-large scale-set - desktop: 5px
    mobile: 6px
    Yes Use semantic token base-gap-large instead. Replaced by base-gap-large
    field-label-text-to-asterisk-medium scale-set - desktop: 4px
    mobile: 5px
    Yes Use semantic token base-gap-medium instead. Replaced by base-gap-medium
    field-label-text-to-asterisk-small scale-set - desktop: 4px
    mobile: 5px
    Yes Use semantic token base-gap-small instead. Replaced by base-gap-small
    field-label-to-component dimension 0px 0px Yes Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. -
    field-label-to-component-quiet-extra-large scale-set - desktop: -15px
    mobile: -19px
    Yes - -
    field-label-to-component-quiet-large scale-set - desktop: -12px
    mobile: -15px
    Yes - -
    field-label-to-component-quiet-medium scale-set - desktop: -8px
    mobile: -10px
    Yes - -
    field-label-to-component-quiet-small scale-set - desktop: -8px
    mobile: -10px
    Yes - -
    field-label-top-margin-extra-large dimension 0px 0px Yes Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. -
    field-label-top-margin-large dimension 0px 0px Yes Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. -
    field-label-top-margin-medium dimension 0px 0px Yes Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. -
    field-label-top-margin-small dimension 0px 0px Yes Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. -
    field-label-top-to-asterisk-extra-large scale-set - desktop: 18px
    mobile: 24px
    Yes Use semantic token base-padding-vertical-extra-large instead. Requires UI icon to be placed in frame of height workflow-icon-[size], or calculate this token + ( (workflow-icon-[size] - ui-icon-[size]) / 2 ) Replaced by base-padding-vertical-extra-large
    field-label-top-to-asterisk-large scale-set - desktop: 15px
    mobile: 19px
    Yes Use semantic token base-padding-vertical-large instead. Requires UI icon to be placed in frame of height workflow-icon-[size], or calculate this token + ( (workflow-icon-[size] - ui-icon-[size]) / 2 ) Replaced by base-padding-vertical-large
    field-label-top-to-asterisk-medium scale-set - desktop: 12px
    mobile: 15px
    Yes Use semantic token base-padding-vertical-medium instead. Requires UI icon to be placed in frame of height workflow-icon-[size], or calculate this token + ( (workflow-icon-[size] - ui-icon-[size]) / 2 ) Replaced by base-padding-vertical-medium
    field-label-top-to-asterisk-small scale-set - desktop: 8px
    mobile: 11px
    Yes Use semantic token base-padding-vertical-small instead. Requires UI icon to be placed in frame of height workflow-icon-[size], or calculate this token + ( (workflow-icon-[size] - ui-icon-[size]) / 2 ) Replaced by base-padding-vertical-small