Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Specification
  • Tools
  • In field button

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    in-field-button-edge-to-disclosure-icon-stacked-extra-large dimension 16px 16px Yes Use semantic token accessory-item-padding-extra-large instead. Requires refactor; prior value is this token + accessory-gap-[size] Replaced by accessory-item-padding-extra-large
    in-field-button-edge-to-disclosure-icon-stacked-large dimension 13px 13px Yes Use semantic token accessory-item-padding-large instead. Requires refactor; prior value is this token + accessory-gap-[size] Replaced by accessory-item-padding-large
    in-field-button-edge-to-disclosure-icon-stacked-medium dimension 9px 9px Yes Use semantic token accessory-item-padding-medium instead. Requires refactor; prior value is this token + accessory-gap-[size] Replaced by accessory-item-padding-medium
    in-field-button-edge-to-disclosure-icon-stacked-small dimension 7px 7px Yes Use semantic token accessory-item-padding-small instead. Requires refactor; prior value is this token + accessory-gap-[size] Replaced by accessory-item-padding-small
    in-field-button-edge-to-fill dimension 0px 0px Yes - -
    in-field-button-edge-to-fill-extra-large scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token accessory-gap-extra-large instead. Replaced by accessory-gap-extra-large
    in-field-button-edge-to-fill-large dimension 8px 8px Yes Use semantic token accessory-gap-large instead. Replaced by accessory-gap-large
    in-field-button-edge-to-fill-medium dimension 6px 6px Yes Use semantic token accessory-gap-medium instead. Replaced by accessory-gap-medium
    in-field-button-edge-to-fill-small scale-set - desktop: 4px
    mobile: 5px
    Yes Use semantic token accessory-gap-small instead. Replaced by accessory-gap-small
    in-field-button-fill-stacked-inner-border-rounding dimension 0px 0px No - -
    in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large alias {in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large} 5px Yes Use semantic token accessory-item-padding-extra-large instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-extra-large
    in-field-button-inner-edge-to-disclosure-icon-stacked-large alias {in-field-button-outer-edge-to-disclosure-icon-stacked-large} 4px Yes Use semantic token accessory-item-padding-large instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-large
    in-field-button-inner-edge-to-disclosure-icon-stacked-medium alias {in-field-button-outer-edge-to-disclosure-icon-stacked-medium} 3px Yes Use semantic token accessory-item-padding-medium instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-medium
    in-field-button-inner-edge-to-disclosure-icon-stacked-small alias {in-field-button-outer-edge-to-disclosure-icon-stacked-small} 3px Yes Use semantic token accessory-item-padding-small instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-small
    in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large dimension 5px 5px Yes Use semantic token accessory-item-padding-extra-large instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-extra-large
    in-field-button-outer-edge-to-disclosure-icon-stacked-large dimension 4px 4px Yes Use semantic token accessory-item-padding-large instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-large
    in-field-button-outer-edge-to-disclosure-icon-stacked-medium dimension 3px 3px Yes Use semantic token accessory-item-padding-medium instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-medium
    in-field-button-outer-edge-to-disclosure-icon-stacked-small dimension 3px 3px Yes Use semantic token accessory-item-padding-small instead. Not present in S2 specs. May require refactor Replaced by accessory-item-padding-small
    in-field-button-stacked-inner-edge-to-fill dimension 0px 0px Yes Zero values are removed without token replacements; hardcode a zero-pixel value in implementation. -
    in-field-button-width-stacked-extra-large dimension 44px 44px No - -
    in-field-button-width-stacked-large dimension 36px 36px No - -
    in-field-button-width-stacked-medium dimension 28px 28px No - -
    in-field-button-width-stacked-small dimension 20px 20px No - -