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

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    table-border-divider-width dimension 1px 1px No - -
    table-checkbox-to-text scale-set - desktop: 24px
    mobile: 30px
    Yes Use semantic token table-item-padding-regular instead. Erroneous measurement. It includes the padding of a text cell. Needs to be removed or changed Replaced by table-item-padding-regular
    table-column-header-row-bottom-to-text-extra-large scale-set - desktop: 13px
    mobile: 17px
    Yes Use semantic token base-padding-vertical-extra-large instead. Replaced by base-padding-vertical-extra-large
    table-column-header-row-bottom-to-text-large scale-set - desktop: 10px
    mobile: 13px
    Yes Use semantic token base-padding-vertical-large instead. Replaced by base-padding-vertical-large
    table-column-header-row-bottom-to-text-medium scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token base-padding-vertical-medium instead. Replaced by base-padding-vertical-medium
    table-column-header-row-bottom-to-text-small scale-set - desktop: 9px
    mobile: 11px
    Yes Use semantic token base-padding-vertical-small instead. Replaced by base-padding-vertical-small
    table-column-header-row-top-to-text-extra-large scale-set - desktop: 13px
    mobile: 16px
    Yes Use semantic token base-padding-vertical-extra-large instead. Replaced by base-padding-vertical-extra-large
    table-column-header-row-top-to-text-large scale-set - desktop: 10px
    mobile: 13px
    Yes Use semantic token base-padding-vertical-large instead. Replaced by base-padding-vertical-large
    table-column-header-row-top-to-text-medium scale-set - desktop: 6px
    mobile: 9px
    Yes Use semantic token base-padding-vertical-medium instead. Replaced by base-padding-vertical-medium
    table-column-header-row-top-to-text-small scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token base-padding-vertical-small instead. Replaced by base-padding-vertical-small
    table-edge-to-content dimension 16px 16px Yes Use semantic token table-item-padding-spacious instead. Replaced by table-item-padding-spacious
    table-header-row-checkbox-to-top-extra-large scale-set - desktop: 15px
    mobile: 21px
    Yes Use semantic token base-padding-vertical-extra-large instead. Controls must be in a frame that has height equal to workflow-icon-size-extra-large Replaced by base-padding-vertical-extra-large
    table-header-row-checkbox-to-top-large scale-set - desktop: 12px
    mobile: 17px
    Yes Use semantic token base-padding-vertical-large instead. Controls must be in a frame that has height equal to workflow-icon-size-large Replaced by base-padding-vertical-large
    table-header-row-checkbox-to-top-medium scale-set - desktop: 8px
    mobile: 11px
    Yes Use semantic token base-padding-vertical-medium instead. Controls must be in a frame that has height equal to workflow-icon-size-medium Replaced by base-padding-vertical-medium
    table-header-row-checkbox-to-top-small scale-set - desktop: 10px
    mobile: 14px
    Yes Use semantic token base-padding-vertical-small instead. Controls must be in a frame that has height equal to workflow-icon-size-small Replaced by base-padding-vertical-small
    table-item-padding-compact alias {spacing-100} 8px No - -
    table-item-padding-regular alias {spacing-200} 12px No - -
    table-item-padding-spacious alias {spacing-300} 16px No - -
    table-row-bottom-to-text-extra-large scale-set - desktop: 17px
    mobile: 22px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-bottom-to-text-extra-large-compact alias {component-bottom-to-text-300} desktop: 14px
    mobile: 18px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-bottom-to-text-extra-large-regular scale-set - desktop: 17px
    mobile: 22px
    Yes This token has been deprecated, use table-row-bottom-to-text-extra-large instead. Replaced by table-row-bottom-to-text-extra-large
    table-row-bottom-to-text-extra-large-spacious scale-set - desktop: 21px
    mobile: 27px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-bottom-to-text-large scale-set - desktop: 14px
    mobile: 18px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-bottom-to-text-large-compact alias {component-bottom-to-text-200} desktop: 11px
    mobile: 14px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-bottom-to-text-large-regular scale-set - desktop: 14px
    mobile: 18px
    Yes This token has been deprecated, use table-row-bottom-to-text-large instead. Replaced by table-row-bottom-to-text-large
    table-row-bottom-to-text-large-spacious scale-set - desktop: 18px
    mobile: 23px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-bottom-to-text-medium scale-set - desktop: 13px
    mobile: 15px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-bottom-to-text-medium-compact alias {component-bottom-to-text-100} desktop: 9px
    mobile: 11px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-bottom-to-text-medium-regular scale-set - desktop: 13px
    mobile: 15px
    Yes This token has been deprecated, use table-row-bottom-to-text-medium instead. Replaced by table-row-bottom-to-text-medium
    table-row-bottom-to-text-medium-spacious scale-set - desktop: 16px
    mobile: 18px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-bottom-to-text-small scale-set - desktop: 9px
    mobile: 11px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-bottom-to-text-small-compact alias {component-bottom-to-text-75} desktop: 5px
    mobile: 6px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-bottom-to-text-small-regular scale-set - desktop: 9px
    mobile: 11px
    Yes This token has been deprecated, use table-row-bottom-to-text-small instead. Replaced by table-row-bottom-to-text-small
    table-row-bottom-to-text-small-spacious scale-set - desktop: 13px
    mobile: 16px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-checkbox-to-top-extra-large scale-set - desktop: 19px
    mobile: 26px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-checkbox-to-top-extra-large-compact scale-set - desktop: 15px
    mobile: 21px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-checkbox-to-top-extra-large-regular scale-set - desktop: 19px
    mobile: 26px
    Yes This token has been deprecated, use table-row-checkbox-to-top-extra-large instead. Replaced by table-row-checkbox-to-top-extra-large
    table-row-checkbox-to-top-extra-large-spacious scale-set - desktop: 23px
    mobile: 31px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-checkbox-to-top-large scale-set - desktop: 16px
    mobile: 22px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-checkbox-to-top-large-compact scale-set - desktop: 12px
    mobile: 17px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-checkbox-to-top-large-regular scale-set - desktop: 16px
    mobile: 22px
    Yes This token has been deprecated, use table-row-checkbox-to-top-large instead. Replaced by table-row-checkbox-to-top-large
    table-row-checkbox-to-top-large-spacious scale-set - desktop: 20px
    mobile: 27px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-checkbox-to-top-medium scale-set - desktop: 12px
    mobile: 16px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-checkbox-to-top-medium-compact scale-set - desktop: 8px
    mobile: 11px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-checkbox-to-top-medium-regular scale-set - desktop: 12px
    mobile: 16px
    Yes This token has been deprecated, use table-row-checkbox-to-top-medium instead. Replaced by table-row-checkbox-to-top-medium
    table-row-checkbox-to-top-medium-spacious scale-set - desktop: 16px
    mobile: 21px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-checkbox-to-top-small scale-set - desktop: 10px
    mobile: 14px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-checkbox-to-top-small-compact scale-set - desktop: 6px
    mobile: 9px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-checkbox-to-top-small-regular scale-set - desktop: 10px
    mobile: 14px
    Yes This token has been deprecated, use table-row-checkbox-to-top-small instead. Replaced by table-row-checkbox-to-top-small
    table-row-checkbox-to-top-small-spacious scale-set - desktop: 14px
    mobile: 19px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-down-opacity opacity 0.1 0.1 No - -
    table-row-height-extra-large scale-set - desktop: 56px
    mobile: 70px
    No - -
    table-row-height-extra-large-compact alias {component-height-300} desktop: 48px
    mobile: 60px
    No - -
    table-row-height-extra-large-regular scale-set - desktop: 56px
    mobile: 70px
    Yes This token has been deprecated, use table-row-height-extra-large instead. Replaced by table-row-height-extra-large
    table-row-height-extra-large-spacious scale-set - desktop: 64px
    mobile: 80px
    No - -
    table-row-height-large scale-set - desktop: 48px
    mobile: 60px
    No - -
    table-row-height-large-compact alias {component-height-200} desktop: 40px
    mobile: 50px
    No - -
    table-row-height-large-regular scale-set - desktop: 48px
    mobile: 60px
    Yes This token has been deprecated, use table-row-height-large instead. Replaced by table-row-height-large
    table-row-height-large-spacious scale-set - desktop: 56px
    mobile: 70px
    No - -
    table-row-height-medium scale-set - desktop: 40px
    mobile: 50px
    No - -
    table-row-height-medium-compact alias {component-height-100} desktop: 32px
    mobile: 40px
    No - -
    table-row-height-medium-regular scale-set - desktop: 40px
    mobile: 50px
    Yes This token has been deprecated, use table-row-height-medium instead. Replaced by table-row-height-medium
    table-row-height-medium-spacious scale-set - desktop: 48px
    mobile: 60px
    No - -
    table-row-height-small scale-set - desktop: 32px
    mobile: 40px
    No - -
    table-row-height-small-compact alias {component-height-75} desktop: 24px
    mobile: 30px
    No - -
    table-row-height-small-regular scale-set - desktop: 32px
    mobile: 40px
    Yes This token has been deprecated, use table-row-height-small instead. Replaced by table-row-height-small
    table-row-height-small-spacious scale-set - desktop: 40px
    mobile: 50px
    No - -
    table-row-hover-color alias {gray-900} light: rgb(19, 19, 19)
    dark: rgb(242, 242, 242)
    wireframe: rgb(10, 19, 39)
    No - -
    table-row-hover-opacity opacity 0.07 0.07 No - -
    table-row-top-to-text-extra-large scale-set - desktop: 17px
    mobile: 21px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-top-to-text-extra-large-compact alias {component-top-to-text-300} desktop: 12px
    mobile: 15px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-top-to-text-extra-large-regular scale-set - desktop: 17px
    mobile: 21px
    Yes This token has been deprecated, use table-row-top-to-text-extra-large instead. Replaced by table-row-top-to-text-extra-large
    table-row-top-to-text-extra-large-spacious scale-set - desktop: 21px
    mobile: 26px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-top-to-text-large scale-set - desktop: 14px
    mobile: 18px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-top-to-text-large-compact alias {component-top-to-text-200} desktop: 9px
    mobile: 12px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-top-to-text-large-regular scale-set - desktop: 14px
    mobile: 18px
    Yes This token has been deprecated, use table-row-top-to-text-large instead. Replaced by table-row-top-to-text-large
    table-row-top-to-text-large-spacious scale-set - desktop: 18px
    mobile: 23px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-top-to-text-medium scale-set - desktop: 10px
    mobile: 14px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-top-to-text-medium-compact alias {component-top-to-text-100} desktop: 6px
    mobile: 8px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-top-to-text-medium-regular scale-set - desktop: 10px
    mobile: 14px
    Yes This token has been deprecated, use table-row-top-to-text-medium instead. Replaced by table-row-top-to-text-medium
    table-row-top-to-text-medium-spacious scale-set - desktop: 15px
    mobile: 16px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-row-top-to-text-small scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-row-top-to-text-small-compact alias {component-top-to-text-75} desktop: 4px
    mobile: 5px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-row-top-to-text-small-regular scale-set - desktop: 8px
    mobile: 10px
    Yes This token has been deprecated, use table-row-top-to-text-small instead. Replaced by table-row-top-to-text-small
    table-row-top-to-text-small-spacious scale-set - desktop: 12px
    mobile: 15px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-section-header-row-height-extra-large scale-set - desktop: 48px
    mobile: 60px
    No - -
    table-section-header-row-height-large scale-set - desktop: 40px
    mobile: 50px
    No - -
    table-section-header-row-height-medium scale-set - desktop: 32px
    mobile: 40px
    No - -
    table-section-header-row-height-small scale-set - desktop: 24px
    mobile: 30px
    No - -
    table-selected-row-background-color alias {informative-background-color-default} light: rgb(59, 99, 251)
    dark: rgb(64, 105, 253)
    wireframe: rgb(74, 111, 195)
    No - -
    table-selected-row-background-color-non-emphasized alias {neutral-background-color-selected-default} light: rgb(41, 41, 41)
    dark: rgb(219, 219, 219)
    wireframe: rgb(25, 46, 93)
    No - -
    table-selected-row-background-opacity opacity 0.1 0.1 No - -
    table-selected-row-background-opacity-hover opacity 0.15 0.15 No - -
    table-selected-row-background-opacity-non-emphasized opacity 0.1 0.1 No - -
    table-selected-row-background-opacity-non-emphasized-hover opacity 0.15 0.15 No - -
    table-thumbnail-to-top-minimum-extra-large scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-thumbnail-to-top-minimum-extra-large-compact scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-thumbnail-to-top-minimum-extra-large-regular scale-set - desktop: 8px
    mobile: 10px
    Yes This token has been deprecated, use table-thumbnail-to-top-minimum-extra-large instead. Replaced by table-thumbnail-to-top-minimum-extra-large
    table-thumbnail-to-top-minimum-extra-large-spacious scale-set - desktop: 10px
    mobile: 12px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-thumbnail-to-top-minimum-large scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-thumbnail-to-top-minimum-large-compact scale-set - desktop: 7px
    mobile: 9px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-thumbnail-to-top-minimum-large-regular scale-set - desktop: 8px
    mobile: 10px
    Yes This token has been deprecated, use table-thumbnail-to-top-minimum-large instead. Replaced by table-thumbnail-to-top-minimum-large
    table-thumbnail-to-top-minimum-large-spacious scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-thumbnail-to-top-minimum-medium scale-set - desktop: 7px
    mobile: 9px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-thumbnail-to-top-minimum-medium-compact scale-set - desktop: 5px
    mobile: 6px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-thumbnail-to-top-minimum-medium-regular scale-set - desktop: 7px
    mobile: 9px
    Yes This token has been deprecated, use table-thumbnail-to-top-minimum-medium instead. Replaced by table-thumbnail-to-top-minimum-medium
    table-thumbnail-to-top-minimum-medium-spacious scale-set - desktop: 8px
    mobile: 10px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious
    table-thumbnail-to-top-minimum-small scale-set - desktop: 5px
    mobile: 6px
    Yes Use semantic token table-item-padding-regular instead. Refactor may be necessary Replaced by table-item-padding-regular
    table-thumbnail-to-top-minimum-small-compact scale-set - desktop: 4px
    mobile: 5px
    Yes Use semantic token table-item-padding-compact instead. Refactor may be necessary Replaced by table-item-padding-compact
    table-thumbnail-to-top-minimum-small-regular scale-set - desktop: 5px
    mobile: 6px
    Yes This token has been deprecated, use table-thumbnail-to-top-minimum-small instead. Replaced by table-thumbnail-to-top-minimum-small
    table-thumbnail-to-top-minimum-small-spacious scale-set - desktop: 7px
    mobile: 9px
    Yes Use semantic token table-item-padding-spacious instead. Refactor may be necessary Replaced by table-item-padding-spacious