Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Specification
  • Tools
  • Number field

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    in-field-stepper-to-end-extra-large scale-set - desktop: 4px
    mobile: 5px
    Yes Use semantic token accessory-gap-extra-large instead. Refactoring required Replaced by accessory-gap-extra-large
    in-field-stepper-to-end-large dimension 4px 4px Yes Use semantic token accessory-gap-large instead. Refactoring required Replaced by accessory-gap-large
    in-field-stepper-to-end-medium dimension 3px 3px Yes Use semantic token accessory-gap-medium instead. Refactoring required Replaced by accessory-gap-medium
    in-field-stepper-to-end-small scale-set - desktop: 0px
    mobile: 3px
    Yes Use semantic token accessory-gap-small instead. Refactoring required Replaced by accessory-gap-small
    number-field-minimum-width-multiplier multiplier 1.25 1.25 No - -
    number-field-visual-to-in-field-stepper-extra-large scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token base-padding-horizontal-extra-large instead. Replaced by base-padding-horizontal-extra-large
    number-field-visual-to-in-field-stepper-large scale-set - desktop: 7px
    mobile: 9px
    Yes Use semantic token base-padding-horizontal-large instead. Replaced by base-padding-horizontal-large
    number-field-visual-to-in-field-stepper-medium scale-set - desktop: 6px
    mobile: 8px
    Yes Use semantic token base-padding-horizontal-medium instead. Replaced by base-padding-horizontal-medium
    number-field-visual-to-in-field-stepper-small scale-set - desktop: 5px
    mobile: 7px
    Yes Use semantic token base-padding-horizontal-small instead. Replaced by base-padding-horizontal-small
    number-field-with-stepper-minimum-width-extra-large scale-set - desktop: 168px
    mobile: 198px
    No - -
    number-field-with-stepper-minimum-width-large scale-set - desktop: 144px
    mobile: 174px
    No - -
    number-field-with-stepper-minimum-width-medium scale-set - desktop: 120px
    mobile: 150px
    No - -
    number-field-with-stepper-minimum-width-small scale-set - desktop: 104px
    mobile: 126px
    No - -