Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Tools
  • Layout component

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    checkbox-control-size-small scale-set - desktop: 14px
    mobile: 18px
    No - -
    checkbox-control-size-medium scale-set - desktop: 16px
    mobile: 20px
    No - -
    checkbox-control-size-large scale-set - desktop: 18px
    mobile: 22px
    No - -
    checkbox-control-size-extra-large scale-set - desktop: 20px
    mobile: 26px
    No - -
    checkbox-top-to-control-small scale-set - desktop: 5px
    mobile: 6px
    No - -
    checkbox-top-to-control-medium scale-set - desktop: 8px
    mobile: 10px
    No - -
    checkbox-top-to-control-large scale-set - desktop: 11px
    mobile: 14px
    No - -
    checkbox-top-to-control-extra-large scale-set - desktop: 14px
    mobile: 17px
    No - -
    switch-control-width-small scale-set - desktop: 22px
    mobile: 30px
    No - -
    switch-control-width-medium scale-set - desktop: 26px
    mobile: 34px
    No - -
    switch-control-width-large scale-set - desktop: 30px
    mobile: 38px
    No - -
    switch-control-width-extra-large scale-set - desktop: 34px
    mobile: 46px
    No - -
    switch-control-height-small scale-set - desktop: 14px
    mobile: 18px
    No - -
    switch-control-height-medium scale-set - desktop: 16px
    mobile: 20px
    No - -
    switch-control-height-large scale-set - desktop: 18px
    mobile: 22px
    No - -
    switch-control-height-extra-large scale-set - desktop: 20px
    mobile: 26px
    No - -
    switch-top-to-control-small scale-set - desktop: 6px
    mobile: 7px
    No - -
    switch-top-to-control-medium scale-set - desktop: 9px
    mobile: 11px
    No - -
    switch-top-to-control-large scale-set - desktop: 12px
    mobile: 15px
    No - -
    switch-top-to-control-extra-large scale-set - desktop: 15px
    mobile: 19px
    No - -
    radio-button-control-size-small scale-set - desktop: 12px
    mobile: 16px
    No - -
    radio-button-control-size-medium scale-set - desktop: 14px
    mobile: 18px
    No - -
    radio-button-control-size-large scale-set - desktop: 16px
    mobile: 20px
    No - -
    radio-button-control-size-extra-large scale-set - desktop: 18px
    mobile: 22px
    No - -
    radio-button-top-to-control-small scale-set - desktop: 6px
    mobile: 7px
    No - -
    radio-button-top-to-control-medium scale-set - desktop: 9px
    mobile: 11px
    No - -
    radio-button-top-to-control-large scale-set - desktop: 12px
    mobile: 15px
    No - -
    radio-button-top-to-control-extra-large scale-set - desktop: 15px
    mobile: 19px
    No - -
    radio-button-selection-indicator dimension 4px 4px No - -
    field-label-text-to-asterisk-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    field-label-text-to-asterisk-medium scale-set - desktop: 4px
    mobile: 5px
    No - -
    field-label-text-to-asterisk-large scale-set - desktop: 5px
    mobile: 6px
    No - -
    field-label-text-to-asterisk-extra-large scale-set - desktop: 5px
    mobile: 6px
    No - -
    field-label-top-to-asterisk-small scale-set - desktop: 8px
    mobile: 11px
    No - -
    field-label-top-to-asterisk-medium scale-set - desktop: 12px
    mobile: 15px
    No - -
    field-label-top-to-asterisk-large scale-set - desktop: 15px
    mobile: 19px
    No - -
    field-label-top-to-asterisk-extra-large scale-set - desktop: 18px
    mobile: 24px
    No - -
    field-label-top-margin-small dimension 0px 0px No - -
    field-label-top-margin-medium dimension 0px 0px No - -
    field-label-top-margin-large dimension 0px 0px No - -
    field-label-top-margin-extra-large dimension 0px 0px No - -
    field-label-to-component dimension 0px 0px No - -
    field-label-to-component-quiet-small scale-set - desktop: -8px
    mobile: -10px
    No - -
    field-label-to-component-quiet-medium scale-set - desktop: -8px
    mobile: -10px
    No - -
    field-label-to-component-quiet-large scale-set - desktop: -12px
    mobile: -15px
    No - -
    field-label-to-component-quiet-extra-large scale-set - desktop: -15px
    mobile: -19px
    No - -
    help-text-top-to-workflow-icon-small scale-set - desktop: 4px
    mobile: 6px
    No - -
    help-text-top-to-workflow-icon-medium scale-set - desktop: 6px
    mobile: 8px
    No - -
    help-text-top-to-workflow-icon-large scale-set - desktop: 9px
    mobile: 11px
    No - -
    help-text-top-to-workflow-icon-extra-large scale-set - desktop: 11px
    mobile: 15px
    No - -
    help-text-to-component dimension 0px 0px No - -
    status-light-dot-size-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    status-light-dot-size-medium scale-set - desktop: 10px
    mobile: 12px
    No - -
    status-light-dot-size-large scale-set - desktop: 12px
    mobile: 14px
    No - -
    status-light-dot-size-extra-large scale-set - desktop: 14px
    mobile: 16px
    No - -
    status-light-top-to-dot-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    status-light-top-to-dot-medium scale-set - desktop: 11px
    mobile: 14px
    No - -
    status-light-top-to-dot-large scale-set - desktop: 14px
    mobile: 18px
    No - -
    status-light-top-to-dot-extra-large scale-set - desktop: 17px
    mobile: 22px
    No - -
    action-button-edge-to-hold-icon-extra-small dimension 3px 3px No - -
    action-button-edge-to-hold-icon-small dimension 3px 3px No - -
    action-button-edge-to-hold-icon-medium scale-set - desktop: 4px
    mobile: 5px
    No - -
    action-button-edge-to-hold-icon-large scale-set - desktop: 5px
    mobile: 6px
    No - -
    action-button-edge-to-hold-icon-extra-large scale-set - desktop: 6px
    mobile: 7px
    No - -
    button-minimum-width-multiplier multiplier 2.25 2.25 No - -
    tooltip-tip-width scale-set - desktop: 10px
    mobile: 12px
    No - -
    tooltip-tip-height scale-set - desktop: 5px
    mobile: 6px
    No - -
    tooltip-maximum-width scale-set - desktop: 160px
    mobile: 200px
    No - -
    divider-thickness-small dimension 1px 1px No - -
    divider-thickness-medium dimension 2px 2px No - -
    divider-thickness-large dimension 4px 4px No - -
    progress-circle-size-small scale-set - desktop: 16px
    mobile: 20px
    No - -
    progress-circle-size-medium scale-set - desktop: 32px
    mobile: 40px
    No - -
    progress-circle-size-large scale-set - desktop: 64px
    mobile: 80px
    No - -
    progress-circle-thickness-small scale-set - desktop: 2px
    mobile: 3px
    No - -
    progress-circle-thickness-medium scale-set - desktop: 3px
    mobile: 4px
    No - -
    progress-circle-thickness-large scale-set - desktop: 4px
    mobile: 5px
    No - -
    toast-height scale-set - desktop: 52px
    mobile: 60px
    No - -
    toast-maximum-width scale-set - desktop: 336px
    mobile: 420px
    No - -
    toast-top-to-workflow-icon scale-set - desktop: 18px
    mobile: 20px
    No - -
    toast-top-to-text scale-set - desktop: 18px
    mobile: 20px
    No - -
    toast-bottom-to-text scale-set - desktop: 20px
    mobile: 22px
    No - -
    action-bar-height alias {component-height-400} desktop: 56px
    mobile: 70px
    No - -
    action-bar-top-to-item-counter alias {component-top-to-text-300} desktop: 12px
    mobile: 15px
    No - -
    swatch-size-extra-small scale-set - desktop: 16px
    mobile: 20px
    No - -
    swatch-size-small scale-set - desktop: 24px
    mobile: 30px
    No - -
    swatch-size-medium scale-set - desktop: 32px
    mobile: 40px
    No - -
    swatch-size-large scale-set - desktop: 40px
    mobile: 50px
    No - -
    swatch-rectangle-width-multiplier multiplier 2 2 No - -
    swatch-slash-thickness-extra-small dimension 2px 2px No - -
    swatch-slash-thickness-small dimension 3px 3px No - -
    swatch-slash-thickness-medium dimension 4px 4px No - -
    swatch-slash-thickness-large dimension 5px 5px No - -
    progress-bar-minimum-width dimension 48px 48px No - -
    progress-bar-maximum-width dimension 768px 768px No - -
    progress-bar-thickness-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    progress-bar-thickness-medium scale-set - desktop: 6px
    mobile: 8px
    No - -
    progress-bar-thickness-large scale-set - desktop: 8px
    mobile: 10px
    No - -
    progress-bar-thickness-extra-large scale-set - desktop: 10px
    mobile: 13px
    No - -
    meter-minimum-width dimension 48px 48px No - -
    meter-maximum-width dimension 768px 768px No - -
    meter-width scale-set - desktop: 192px
    mobile: 240px
    No - -
    meter-default-width alias {meter-width} desktop: 192px
    mobile: 240px
    Yes Token renamed, use meter-width Replaced by meter-width
    meter-thickness-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    meter-thickness-large scale-set - desktop: 8px
    mobile: 10px
    No - -
    in-line-alert-minimum-width dimension 240px 240px No - -
    tag-top-to-avatar-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    tag-top-to-avatar-medium scale-set - desktop: 6px
    mobile: 7px
    No - -
    tag-top-to-avatar-large scale-set - desktop: 9px
    mobile: 11px
    No - -
    tag-top-to-cross-icon-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    tag-top-to-cross-icon-medium scale-set - desktop: 12px
    mobile: 15px
    No - -
    tag-top-to-cross-icon-large scale-set - desktop: 15px
    mobile: 19px
    No - -
    popover-tip-width dimension 16px 16px No - -
    popover-tip-height dimension 8px 8px No - -
    popover-top-to-content-area alias {popover-edge-to-content-area} 8px Yes Introduced as an error. Use popover-edge-to-content-area instead Replaced by popover-edge-to-content-area
    popover-edge-to-content-area alias {spacing-100} 8px No - -
    menu-item-label-to-description alias {menu-item-label-to-description-medium} 1px Yes - -
    menu-item-edge-to-content-not-selected-small scale-set - desktop: 28px
    mobile: 24px
    No - -
    menu-item-edge-to-content-not-selected-medium scale-set - desktop: 32px
    mobile: 42px
    No - -
    menu-item-edge-to-content-not-selected-large scale-set - desktop: 38px
    mobile: 47px
    No - -
    menu-item-edge-to-content-not-selected-extra-large scale-set - desktop: 45px
    mobile: 54px
    No - -
    menu-item-top-to-disclosure-icon-small scale-set - desktop: 7px
    mobile: 9px
    No - -
    menu-item-top-to-disclosure-icon-medium scale-set - desktop: 11px
    mobile: 13px
    No - -
    menu-item-top-to-disclosure-icon-large scale-set - desktop: 14px
    mobile: 17px
    No - -
    menu-item-top-to-disclosure-icon-extra-large scale-set - desktop: 17px
    mobile: 22px
    No - -
    menu-item-top-to-selected-icon-small scale-set - desktop: 7px
    mobile: 9px
    No - -
    menu-item-top-to-selected-icon-medium scale-set - desktop: 11px
    mobile: 13px
    No - -
    menu-item-top-to-selected-icon-large scale-set - desktop: 14px
    mobile: 17px
    No - -
    menu-item-top-to-selected-icon-extra-large scale-set - desktop: 17px
    mobile: 22px
    No - -
    menu-item-section-divider-height dimension 12px 12px No - -
    slider-track-thickness dimension 2px 2px Yes - -
    slider-control-height-small scale-set - desktop: 14px
    mobile: 18px
    No - -
    slider-control-height-medium scale-set - desktop: 16px
    mobile: 20px
    No - -
    slider-control-height-large scale-set - desktop: 18px
    mobile: 22px
    No - -
    slider-control-height-extra-large scale-set - desktop: 20px
    mobile: 26px
    No - -
    slider-handle-size-small scale-set - desktop: 14px
    mobile: 18px
    No - -
    slider-handle-size-medium scale-set - desktop: 16px
    mobile: 20px
    No - -
    slider-handle-size-large scale-set - desktop: 18px
    mobile: 22px
    No - -
    slider-handle-size-extra-large scale-set - desktop: 20px
    mobile: 26px
    No - -
    slider-handle-border-width-down-small scale-set - desktop: 5px
    mobile: 7px
    No - -
    slider-handle-border-width-down-medium scale-set - desktop: 6px
    mobile: 8px
    No - -
    slider-handle-border-width-down-large scale-set - desktop: 7px
    mobile: 9px
    No - -
    slider-handle-border-width-down-extra-large scale-set - desktop: 8px
    mobile: 11px
    No - -
    slider-handle-gap dimension 4px 4px Yes - -
    slider-bottom-to-handle-small scale-set - desktop: 5px
    mobile: 6px
    No - -
    slider-bottom-to-handle-medium scale-set - desktop: 8px
    mobile: 10px
    No - -
    slider-bottom-to-handle-large scale-set - desktop: 11px
    mobile: 14px
    No - -
    slider-bottom-to-handle-extra-large scale-set - desktop: 14px
    mobile: 17px
    No - -
    slider-control-to-field-label-small scale-set - desktop: -4px
    mobile: -8px
    No - -
    slider-control-to-field-label-medium scale-set - desktop: -12px
    mobile: -16px
    No - -
    slider-control-to-field-label-large scale-set - desktop: -16px
    mobile: -20px
    No - -
    slider-control-to-field-label-extra-large scale-set - desktop: -20px
    mobile: -28px
    No - -
    picker-minimum-width-multiplier multiplier 2 2 No - -
    picker-visual-to-disclosure-icon-small scale-set - desktop: 7px
    mobile: 9px
    No - -
    picker-visual-to-disclosure-icon-medium scale-set - desktop: 8px
    mobile: 10px
    No - -
    picker-visual-to-disclosure-icon-large scale-set - desktop: 9px
    mobile: 11px
    No - -
    picker-visual-to-disclosure-icon-extra-large scale-set - desktop: 10px
    mobile: 13px
    No - -
    picker-border-width alias {border-width-100} 1px No - -
    picker-end-edge-to-disclousure-icon-quiet alias {picker-end-edge-to-disclosure-icon-quiet} 0px Yes Use picker-end-edge-to-disclosure-icon-quiet instead Replaced by picker-end-edge-to-disclosure-icon-quiet
    picker-end-edge-to-disclosure-icon-quiet dimension 0px 0px No - -
    text-field-minimum-width-multiplier multiplier 1.5 1.5 No - -
    text-area-minimum-width scale-set - desktop: 112px
    mobile: 140px
    No - -
    text-area-minimum-height scale-set - desktop: 56px
    mobile: 70px
    No - -
    combo-box-minimum-width-multiplier multiplier 2.5 2.5 No - -
    combo-box-quiet-minimum-width-multiplier multiplier 2 2 Yes - -
    combo-box-visual-to-field-button-small alias {combo-box-visual-to-field-button} 0px Yes Replaced with combo-box-visual-to-field-button Replaced by combo-box-visual-to-field-button
    combo-box-visual-to-field-button-medium alias {combo-box-visual-to-field-button} 0px Yes Replaced with combo-box-visual-to-field-button Replaced by combo-box-visual-to-field-button
    combo-box-visual-to-field-button-large alias {combo-box-visual-to-field-button} 0px Yes Replaced with combo-box-visual-to-field-button Replaced by combo-box-visual-to-field-button
    combo-box-visual-to-field-button-extra-large alias {combo-box-visual-to-field-button} 0px Yes Replaced with combo-box-visual-to-field-button Replaced by combo-box-visual-to-field-button
    combo-box-visual-to-field-button-quiet alias {combo-box-visual-to-field-button} 0px Yes Replaced with combo-box-visual-to-field-button Replaced by combo-box-visual-to-field-button
    thumbnail-size-50 scale-set - desktop: 16px
    mobile: 20px
    No - -
    thumbnail-size-75 scale-set - desktop: 20px
    mobile: 24px
    No - -
    thumbnail-size-100 scale-set - desktop: 24px
    mobile: 28px
    No - -
    thumbnail-size-200 scale-set - desktop: 28px
    mobile: 32px
    No - -
    thumbnail-size-300 scale-set - desktop: 32px
    mobile: 36px
    No - -
    thumbnail-size-400 scale-set - desktop: 36px
    mobile: 40px
    No - -
    thumbnail-size-500 scale-set - desktop: 40px
    mobile: 44px
    No - -
    thumbnail-size-600 scale-set - desktop: 44px
    mobile: 48px
    No - -
    thumbnail-size-700 scale-set - desktop: 48px
    mobile: 52px
    No - -
    thumbnail-size-800 scale-set - desktop: 52px
    mobile: 56px
    No - -
    thumbnail-size-900 scale-set - desktop: 56px
    mobile: 64px
    No - -
    thumbnail-size-1000 scale-set - desktop: 64px
    mobile: 72px
    No - -
    alert-dialog-minimum-width dimension 288px 288px No - -
    alert-dialog-maximum-width dimension 480px 480px No - -
    alert-dialog-title-size alias {alert-dialog-title-font-size} desktop: 22px
    mobile: 24px
    Yes Replace with alert-dialog-title-font-size Replaced by alert-dialog-title-font-size
    alert-dialog-description-size alias {alert-dialog-description-font-size} desktop: 16px
    mobile: 17px
    Yes Replace with alert-dialog-description-font-size Replaced by alert-dialog-description-font-size
    opacity-checkerboard-square-size scale-set - desktop: 8px
    mobile: 10px
    Yes This token has been deprecated, use opacity-checkerboard-square-size-medium instead. Replaced by opacity-checkerboard-square-size-medium
    opacity-checkerboard-square-size-medium scale-set - desktop: 8px
    mobile: 10px
    No - -
    contextual-help-minimum-width dimension 268px 268px No - -
    contextual-help-title-size alias {contextual-help-title-font-size} desktop: 16px
    mobile: 17px
    Yes - -
    contextual-help-body-size alias {contextual-help-body-font-size} desktop: 14px
    mobile: 15px
    Yes - -
    breadcrumbs-height alias {component-height-200} desktop: 40px
    mobile: 50px
    Yes - -
    breadcrumbs-height-compact alias {component-height-100} desktop: 32px
    mobile: 40px
    Yes - -
    breadcrumbs-height-multiline scale-set - desktop: 72px
    mobile: 90px
    No - -
    breadcrumbs-top-to-text alias {component-top-to-text-200} desktop: 9px
    mobile: 12px
    Yes - -
    breadcrumbs-top-to-text-compact alias {component-top-to-text-100} desktop: 6px
    mobile: 8px
    Yes - -
    breadcrumbs-top-to-text-multiline scale-set - desktop: 4px
    mobile: 5px
    No - -
    breadcrumbs-bottom-to-text alias {component-bottom-to-text-200} desktop: 11px
    mobile: 14px
    Yes - -
    breadcrumbs-bottom-to-text-compact alias {component-bottom-to-text-100} desktop: 9px
    mobile: 11px
    Yes - -
    breadcrumbs-bottom-to-text-multiline scale-set - desktop: 9px
    mobile: 11px
    No - -
    breadcrumbs-start-edge-to-text alias {breadcrumbs-start-edge-to-text-large} desktop: 9px
    mobile: 11px
    Yes Use a sized token instead, e.g., breadcrumbs-start-edge-to-text-large. Replaced by breadcrumbs-start-edge-to-text-large
    breadcrumbs-end-edge-to-text dimension 0px 0px No - -
    breadcrumbs-top-text-to-bottom-text scale-set - desktop: 9px
    mobile: 11px
    No - -
    breadcrumbs-top-to-separator-icon alias {breadcrumbs-top-to-separator-large} desktop: 15px
    mobile: 20px
    Yes Use a sized token instead, e.g., breadcrumbs-top-to-separator-large. Replaced by breadcrumbs-top-to-separator-large
    breadcrumbs-top-to-separator-icon-compact alias {breadcrumbs-top-to-separator-medium} desktop: 11px
    mobile: 15px
    Yes Use a sized token instead, e.g., breadcrumbs-top-to-separator-medium. Replaced by breadcrumbs-top-to-separator-medium
    breadcrumbs-top-to-separator-icon-multiline scale-set - desktop: 7px
    mobile: 15px
    No - -
    breadcrumbs-separator-icon-to-bottom-text-multiline alias {breadcrumbs-separator-to-bottom-text-multiline} desktop: 11px
    mobile: 15px
    Yes - -
    breadcrumbs-truncated-menu-to-separator-icon alias {breadcrumbs-truncated-menu-to-separator} 0px Yes - -
    breadcrumbs-top-to-truncated-menu dimension 0px 0px No - -
    breadcrumbs-top-to-truncated-menu-compact alias {breadcrumbs-top-to-truncated-menu} 0px Yes - -
    breadcrumbs-start-edge-to-truncated-menu dimension 0px 0px No - -
    breadcrumbs-truncated-menu-to-bottom-text scale-set - desktop: 4px
    mobile: 5px
    No - -
    avatar-size-50 scale-set - desktop: 16px
    mobile: 20px
    No - -
    avatar-size-75 scale-set - desktop: 20px
    mobile: 24px
    No - -
    avatar-size-100 scale-set - desktop: 24px
    mobile: 28px
    No - -
    avatar-size-200 scale-set - desktop: 28px
    mobile: 32px
    No - -
    avatar-size-300 scale-set - desktop: 32px
    mobile: 36px
    No - -
    avatar-size-400 scale-set - desktop: 36px
    mobile: 40px
    No - -
    avatar-size-500 scale-set - desktop: 40px
    mobile: 44px
    No - -
    avatar-size-600 scale-set - desktop: 44px
    mobile: 48px
    No - -
    avatar-size-700 scale-set - desktop: 48px
    mobile: 52px
    No - -
    avatar-size-800 scale-set - desktop: 52px
    mobile: 56px
    No - -
    avatar-size-900 scale-set - desktop: 56px
    mobile: 64px
    No - -
    avatar-size-1000 scale-set - desktop: 64px
    mobile: 72px
    No - -
    avatar-size-1100 scale-set - desktop: 72px
    mobile: 80px
    No - -
    avatar-size-1200 scale-set - desktop: 80px
    mobile: 88px
    No - -
    avatar-size-1300 scale-set - desktop: 88px
    mobile: 96px
    No - -
    avatar-size-1400 scale-set - desktop: 96px
    mobile: 104px
    No - -
    avatar-size-1500 scale-set - desktop: 104px
    mobile: 112px
    No - -
    alert-banner-minimum-height scale-set - desktop: 56px
    mobile: 64px
    No - -
    alert-banner-width scale-set - desktop: 832px
    mobile: 680px
    No - -
    alert-banner-to-top-workflow-icon alias {alert-banner-top-to-workflow-icon} desktop: 18px
    mobile: 20px
    Yes Introduced as an error. Use alert-banner-top-to-workflow-icon instead Replaced by alert-banner-top-to-workflow-icon
    alert-banner-top-to-workflow-icon scale-set - desktop: 18px
    mobile: 20px
    No - -
    alert-banner-to-top-text alias {alert-banner-top-to-text} desktop: 18px
    mobile: 21px
    Yes Introduced as an error. Use alert-banner-top-to-text instead Replaced by alert-banner-top-to-text
    alert-banner-top-to-text scale-set - desktop: 18px
    mobile: 21px
    No - -
    alert-banner-to-bottom-text alias {alert-banner-bottom-to-text} desktop: 20px
    mobile: 22px
    Yes Introduced as an error. Use alert-banner-bottom-to-text instead Replaced by alert-banner-bottom-to-text
    alert-banner-bottom-to-text scale-set - desktop: 20px
    mobile: 22px
    No - -
    rating-indicator-width scale-set - desktop: 18px
    mobile: 22px
    No - -
    rating-indicator-to-icon scale-set - desktop: 4px
    mobile: 5px
    No - -
    color-area-width scale-set - desktop: 192px
    mobile: 240px
    No - -
    color-area-minimum-width scale-set - desktop: 64px
    mobile: 80px
    No - -
    color-area-height scale-set - desktop: 192px
    mobile: 240px
    No - -
    color-area-minimum-height scale-set - desktop: 64px
    mobile: 80px
    No - -
    color-area-border-width alias {border-width-100} 1px No - -
    color-area-border-rounding alias {corner-radius-medium-size-small} 7px No - -
    color-wheel-width scale-set - desktop: 192px
    mobile: 240px
    No - -
    color-wheel-minimum-width scale-set - desktop: 175px
    mobile: 219px
    No - -
    color-wheel-color-area-margin dimension 12px 12px No - -
    color-slider-length scale-set - desktop: 192px
    mobile: 240px
    No - -
    color-slider-minimum-length scale-set - desktop: 80px
    mobile: 100px
    No - -
    color-slider-border-width dimension 1px 1px No - -
    color-slider-border-rounding alias {corner-radius-medium-size-small} 7px No - -
    floating-action-button-drop-shadow-blur dimension 12px 12px No - -
    floating-action-button-drop-shadow-y dimension 4px 4px No - -
    illustrated-message-maximum-width alias {illustrated-message-vertical-maximum-width} 380px Yes - -
    illustrated-message-title-size alias {illustrated-message-large-title-font-size} desktop: 22px
    mobile: 24px
    Yes Use illustrated-message-medium-title-font-size instead Replaced by illustrated-message-medium-title-font-size
    illustrated-message-cjk-title-size alias {illustrated-message-large-cjk-title-font-size} desktop: 20px
    mobile: 22px
    Yes Use illustrated-message-medium-cjk-title-font-size instead Replaced by illustrated-message-medium-cjk-title-font-size
    illustrated-message-body-size alias {illustrated-message-large-body-font-size} desktop: 14px
    mobile: 15px
    Yes Use illustrated-message-medium-body-font-size instead Replaced by illustrated-message-medium-body-font-size
    search-field-minimum-width-multiplier multiplier 4 4 No - -
    color-loupe-height dimension 64px 64px No - -
    color-loupe-width dimension 48px 48px No - -
    color-loupe-bottom-to-color-handle dimension 12px 12px No - -
    color-loupe-outer-border-width alias {border-width-200} 2px No - -
    color-loupe-inner-border-width dimension 1px 1px No - -
    card-minimum-width alias {card-minimum-width-default} 100px Yes This token has been deprecated, use card-minimum-width-default instead. Replaced by card-minimum-width-default
    card-minimum-width-default dimension 100px 100px No - -
    card-preview-minimum-height dimension 130px 130px No - -
    card-selection-background-size dimension 40px 40px No - -
    drop-zone-width dimension 428px 428px No - -
    drop-zone-content-maximum-width alias {illustrated-message-maximum-width} 380px Yes - -
    drop-zone-border-dash-length dimension 8px 8px No - -
    drop-zone-border-dash-gap dimension 6px 6px No - -
    drop-zone-title-size alias {drop-zone-title-font-size} desktop: 20px
    mobile: 22px
    Yes Use drop-zone-title-font-size instead Replaced by drop-zone-title-font-size
    drop-zone-cjk-title-size alias {drop-zone-cjk-title-font-size} desktop: 18px
    mobile: 19px
    Yes Use drop-zone-cjk-title-font-size instead Replaced by drop-zone-cjk-title-font-size
    drop-zone-body-size alias {drop-zone-body-font-size} desktop: 14px
    mobile: 15px
    Yes Use drop-zone-body-font-size instead Replaced by drop-zone-body-font-size
    coach-mark-width scale-set - desktop: 296px
    mobile: 216px
    No - -
    coach-mark-minimum-width scale-set - desktop: 296px
    mobile: 216px
    No - -
    coach-mark-maximum-width scale-set - desktop: 380px
    mobile: 248px
    No - -
    coach-mark-edge-to-content scale-set - desktop: 24px
    mobile: 16px
    No - -
    coach-mark-pagination-text-to-bottom-edge scale-set - desktop: 33px
    mobile: 22px
    No - -
    coach-mark-media-height scale-set - desktop: 222px
    mobile: 162px
    No - -
    coach-mark-media-minimum-height scale-set - desktop: 166px
    mobile: 121px
    No - -
    coach-mark-title-size alias {coach-mark-title-font-size} desktop: 16px
    mobile: 17px
    Yes Replace with coach-mark-title-font-size Replaced by coach-mark-title-font-size
    coach-mark-body-size alias {coach-mark-body-font-size} desktop: 16px
    mobile: 17px
    Yes Replace with coach-mark-body-font-size Replaced by coach-mark-body-font-size
    coach-mark-pagination-body-size alias {coach-mark-pagination-body-font-size} desktop: 14px
    mobile: 15px
    Yes Replace with coach-mark-pagination-body-font-size Replaced by coach-mark-pagination-body-font-size
    accordion-top-to-text-compact-small scale-set - desktop: 3px
    mobile: 4px
    No - -
    accordion-top-to-text-regular-small alias {accordion-top-to-text-small} desktop: 7px
    mobile: 10px
    Yes - -
    accordion-small-top-to-text-spacious scale-set - desktop: 9px
    mobile: 12px
    No - -
    accordion-top-to-text-compact-medium dimension 5px 5px No - -
    accordion-top-to-text-regular-medium alias {accordion-top-to-text-medium} desktop: 9px
    mobile: 10px
    Yes - -
    accordion-top-to-text-spacious-medium scale-set - desktop: 13px
    mobile: 15px
    No - -
    accordion-top-to-text-compact-large scale-set - desktop: 8px
    mobile: 14px
    No - -
    accordion-top-to-text-regular-large alias {accordion-top-to-text-large} desktop: 12px
    mobile: 16px
    Yes - -
    accordion-top-to-text-spacious-large scale-set - desktop: 16px
    mobile: 19px
    No - -
    accordion-top-to-text-compact-extra-large scale-set - desktop: 8px
    mobile: 11px
    No - -
    accordion-top-to-text-regular-extra-large alias {accordion-top-to-text-extra-large} desktop: 13px
    mobile: 17px
    Yes - -
    accordion-top-to-text-spacious-extra-large scale-set - desktop: 17px
    mobile: 21px
    No - -
    accordion-bottom-to-text-compact-small scale-set - desktop: 2px
    mobile: 4px
    No - -
    accordion-bottom-to-text-regular-small alias {accordion-bottom-to-text-small} desktop: 7px
    mobile: 9px
    Yes - -
    accordion-bottom-to-text-spacious-small scale-set - desktop: 11px
    mobile: 15px
    No - -
    accordion-bottom-to-text-compact-medium scale-set - desktop: 5px
    mobile: 8px
    No - -
    accordion-bottom-to-text-regular-medium alias {accordion-bottom-to-text-medium} desktop: 9px
    mobile: 13px
    Yes - -
    accordion-bottom-to-text-spacious-medium scale-set - desktop: 13px
    mobile: 18px
    No - -
    accordion-bottom-to-text-compact-large scale-set - desktop: 8px
    mobile: 9px
    No - -
    accordion-bottom-to-text-regular-large alias {accordion-bottom-to-text-large} desktop: 11px
    mobile: 14px
    Yes - -
    accordion-bottom-to-text-spacious-large scale-set - desktop: 16px
    mobile: 19px
    No - -
    accordion-bottom-to-text-compact-extra-large scale-set - desktop: 8px
    mobile: 10px
    No - -
    accordion-bottom-to-text-regular-extra-large alias {accordion-bottom-to-text-extra-large} desktop: 12px
    mobile: 15px
    Yes - -
    accordion-bottom-to-text-spacious-extra-large scale-set - desktop: 16px
    mobile: 21px
    No - -
    accordion-minimum-width scale-set - desktop: 200px
    mobile: 250px
    No - -
    accordion-disclosure-indicator-to-text dimension 0px 0px Yes - -
    accordion-edge-to-disclosure-indicator dimension 0px 0px Yes - -
    accordion-edge-to-text dimension 0px 0px No - -
    accordion-focus-indicator-gap dimension 2px 2px No - -
    accordion-content-area-top-to-content scale-set - desktop: 8px
    mobile: 10px
    No - -
    accordion-content-area-bottom-to-content scale-set - desktop: 16px
    mobile: 20px
    No - -
    color-handle-size scale-set - desktop: 16px
    mobile: 20px
    No - -
    color-handle-size-key-focus scale-set - desktop: 32px
    mobile: 40px
    No - -
    color-handle-border-width alias {border-width-200} 2px No - -
    color-handle-inner-border-width dimension 1px 1px No - -
    color-handle-outer-border-width dimension 1px 1px No - -
    color-handle-drop-shadow-x dimension 0 0 No - -
    color-handle-drop-shadow-y dimension 0 0 No - -
    color-handle-drop-shadow-blur dimension 0 0 No - -
    table-column-header-row-top-to-text-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    table-column-header-row-top-to-text-medium scale-set - desktop: 6px
    mobile: 9px
    No - -
    table-column-header-row-top-to-text-large scale-set - desktop: 10px
    mobile: 13px
    No - -
    table-column-header-row-top-to-text-extra-large scale-set - desktop: 13px
    mobile: 16px
    No - -
    table-column-header-row-bottom-to-text-small scale-set - desktop: 9px
    mobile: 11px
    No - -
    table-column-header-row-bottom-to-text-medium scale-set - desktop: 8px
    mobile: 10px
    No - -
    table-column-header-row-bottom-to-text-large scale-set - desktop: 10px
    mobile: 13px
    No - -
    table-column-header-row-bottom-to-text-extra-large scale-set - desktop: 13px
    mobile: 17px
    No - -
    table-row-height-small-compact alias {component-height-75} desktop: 24px
    mobile: 30px
    No - -
    table-row-height-medium-compact alias {component-height-100} desktop: 32px
    mobile: 40px
    No - -
    table-row-height-large-compact alias {component-height-200} desktop: 40px
    mobile: 50px
    No - -
    table-row-height-extra-large-compact alias {component-height-300} desktop: 48px
    mobile: 60px
    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 scale-set - 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 scale-set - 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 scale-set - 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 scale-set - desktop: 56px
    mobile: 70px
    No - -
    table-row-height-small-spacious scale-set - desktop: 40px
    mobile: 50px
    No - -
    table-row-height-medium-spacious scale-set - desktop: 48px
    mobile: 60px
    No - -
    table-row-height-large-spacious scale-set - desktop: 56px
    mobile: 70px
    No - -
    table-row-height-extra-large-spacious scale-set - desktop: 64px
    mobile: 80px
    No - -
    table-row-top-to-text-small-compact alias {component-top-to-text-75} desktop: 4px
    mobile: 5px
    No - -
    table-row-top-to-text-medium-compact alias {component-top-to-text-100} desktop: 6px
    mobile: 8px
    No - -
    table-row-top-to-text-large-compact alias {component-top-to-text-200} desktop: 9px
    mobile: 12px
    No - -
    table-row-top-to-text-extra-large-compact alias {component-top-to-text-300} desktop: 12px
    mobile: 15px
    No - -
    table-row-bottom-to-text-small-compact alias {component-bottom-to-text-75} desktop: 5px
    mobile: 6px
    No - -
    table-row-bottom-to-text-medium-compact alias {component-bottom-to-text-100} desktop: 9px
    mobile: 11px
    No - -
    table-row-bottom-to-text-large-compact alias {component-bottom-to-text-200} desktop: 11px
    mobile: 14px
    No - -
    table-row-bottom-to-text-extra-large-compact alias {component-bottom-to-text-300} desktop: 14px
    mobile: 18px
    No - -
    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 scale-set - desktop: 8px
    mobile: 10px
    No - -
    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 scale-set - desktop: 10px
    mobile: 14px
    No - -
    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 scale-set - desktop: 14px
    mobile: 18px
    No - -
    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 scale-set - desktop: 17px
    mobile: 21px
    No - -
    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 scale-set - desktop: 9px
    mobile: 11px
    No - -
    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 scale-set - desktop: 13px
    mobile: 15px
    No - -
    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 scale-set - desktop: 14px
    mobile: 18px
    No - -
    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 scale-set - desktop: 17px
    mobile: 22px
    No - -
    table-row-top-to-text-small-spacious scale-set - desktop: 12px
    mobile: 15px
    No - -
    table-row-top-to-text-medium-spacious scale-set - desktop: 15px
    mobile: 16px
    No - -
    table-row-top-to-text-large-spacious scale-set - desktop: 18px
    mobile: 23px
    No - -
    table-row-top-to-text-extra-large-spacious scale-set - desktop: 21px
    mobile: 26px
    No - -
    table-row-bottom-to-text-small-spacious scale-set - desktop: 13px
    mobile: 16px
    No - -
    table-row-bottom-to-text-medium-spacious scale-set - desktop: 16px
    mobile: 18px
    No - -
    table-row-bottom-to-text-large-spacious scale-set - desktop: 18px
    mobile: 23px
    No - -
    table-row-bottom-to-text-extra-large-spacious scale-set - desktop: 21px
    mobile: 27px
    No - -
    table-edge-to-content dimension 16px 16px No - -
    table-border-divider-width dimension 1px 1px No - -
    table-checkbox-to-text scale-set - desktop: 24px
    mobile: 30px
    No - -
    table-header-row-checkbox-to-top-small scale-set - desktop: 10px
    mobile: 14px
    No - -
    table-header-row-checkbox-to-top-medium scale-set - desktop: 8px
    mobile: 11px
    No - -
    table-header-row-checkbox-to-top-large scale-set - desktop: 12px
    mobile: 17px
    No - -
    table-header-row-checkbox-to-top-extra-large scale-set - desktop: 15px
    mobile: 21px
    No - -
    table-row-checkbox-to-top-small-compact scale-set - desktop: 6px
    mobile: 9px
    No - -
    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 scale-set - desktop: 10px
    mobile: 14px
    No - -
    table-row-checkbox-to-top-small-spacious scale-set - desktop: 14px
    mobile: 19px
    No - -
    table-row-checkbox-to-top-medium-compact scale-set - desktop: 8px
    mobile: 11px
    No - -
    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 scale-set - desktop: 12px
    mobile: 16px
    No - -
    table-row-checkbox-to-top-medium-spacious scale-set - desktop: 16px
    mobile: 21px
    No - -
    table-row-checkbox-to-top-large-compact scale-set - desktop: 12px
    mobile: 17px
    No - -
    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 scale-set - desktop: 16px
    mobile: 22px
    No - -
    table-row-checkbox-to-top-large-spacious scale-set - desktop: 20px
    mobile: 27px
    No - -
    table-row-checkbox-to-top-extra-large-compact scale-set - desktop: 15px
    mobile: 21px
    No - -
    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 scale-set - desktop: 19px
    mobile: 26px
    No - -
    table-row-checkbox-to-top-extra-large-spacious scale-set - desktop: 23px
    mobile: 31px
    No - -
    table-section-header-row-height-small scale-set - desktop: 24px
    mobile: 30px
    No - -
    table-section-header-row-height-medium scale-set - desktop: 32px
    mobile: 40px
    No - -
    table-section-header-row-height-large scale-set - desktop: 40px
    mobile: 50px
    No - -
    table-section-header-row-height-extra-large scale-set - desktop: 48px
    mobile: 60px
    No - -
    table-thumbnail-to-top-minimum-small-compact scale-set - desktop: 4px
    mobile: 5px
    No - -
    table-thumbnail-to-top-minimum-medium-compact scale-set - desktop: 5px
    mobile: 6px
    No - -
    table-thumbnail-to-top-minimum-large-compact scale-set - desktop: 7px
    mobile: 9px
    No - -
    table-thumbnail-to-top-minimum-extra-large-compact scale-set - desktop: 8px
    mobile: 10px
    No - -
    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 scale-set - desktop: 5px
    mobile: 6px
    No - -
    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 scale-set - desktop: 7px
    mobile: 9px
    No - -
    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 scale-set - desktop: 8px
    mobile: 10px
    No - -
    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 scale-set - desktop: 8px
    mobile: 10px
    No - -
    table-thumbnail-to-top-minimum-small-spacious scale-set - desktop: 7px
    mobile: 9px
    No - -
    table-thumbnail-to-top-minimum-medium-spacious scale-set - desktop: 8px
    mobile: 10px
    No - -
    table-thumbnail-to-top-minimum-large-spacious scale-set - desktop: 8px
    mobile: 10px
    No - -
    table-thumbnail-to-top-minimum-extra-large-spacious scale-set - desktop: 10px
    mobile: 12px
    No - -
    tab-item-height-small alias {component-height-200} desktop: 40px
    mobile: 50px
    No - -
    tab-item-height-medium alias {component-height-300} desktop: 48px
    mobile: 60px
    No - -
    tab-item-height-large alias {component-height-400} desktop: 56px
    mobile: 70px
    No - -
    tab-item-height-extra-large alias {component-height-500} desktop: 64px
    mobile: 80px
    No - -
    tab-item-compact-height-small alias {component-height-75} desktop: 24px
    mobile: 30px
    No - -
    tab-item-compact-height-medium alias {component-height-100} desktop: 32px
    mobile: 40px
    No - -
    tab-item-compact-height-large alias {component-height-200} desktop: 40px
    mobile: 50px
    No - -
    tab-item-compact-height-extra-large alias {component-height-300} desktop: 48px
    mobile: 60px
    No - -
    tab-item-to-tab-item-horizontal-small scale-set - desktop: 21px
    mobile: 27px
    No - -
    tab-item-to-tab-item-horizontal-medium scale-set - desktop: 24px
    mobile: 30px
    No - -
    tab-item-to-tab-item-horizontal-large scale-set - desktop: 27px
    mobile: 33px
    No - -
    tab-item-to-tab-item-horizontal-extra-large scale-set - desktop: 30px
    mobile: 36px
    No - -
    tab-item-to-tab-item-vertical-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    tab-item-to-tab-item-vertical-medium scale-set - desktop: 4px
    mobile: 5px
    No - -
    tab-item-to-tab-item-vertical-large scale-set - desktop: 5px
    mobile: 6px
    No - -
    tab-item-to-tab-item-vertical-extra-large scale-set - desktop: 5px
    mobile: 6px
    No - -
    tab-item-start-to-edge-quiet dimension 0px 0px No - -
    tab-item-start-to-edge-small scale-set - desktop: 12px
    mobile: 13px
    No - -
    tab-item-start-to-edge-medium scale-set - desktop: 12px
    mobile: 15px
    No - -
    tab-item-start-to-edge-large scale-set - desktop: 13px
    mobile: 17px
    No - -
    tab-item-start-to-edge-extra-large scale-set - desktop: 13px
    mobile: 19px
    No - -
    tab-item-top-to-text-small scale-set - desktop: 11px
    mobile: 14px
    No - -
    tab-item-bottom-to-text-small scale-set - desktop: 12px
    mobile: 15px
    No - -
    tab-item-top-to-text-medium scale-set - desktop: 14px
    mobile: 18px
    No - -
    tab-item-bottom-to-text-medium scale-set - desktop: 14px
    mobile: 19px
    No - -
    tab-item-top-to-text-large scale-set - desktop: 16px
    mobile: 22px
    No - -
    tab-item-bottom-to-text-large scale-set - desktop: 18px
    mobile: 22px
    No - -
    tab-item-top-to-text-extra-large scale-set - desktop: 19px
    mobile: 25px
    No - -
    tab-item-bottom-to-text-extra-large scale-set - desktop: 20px
    mobile: 25px
    No - -
    tab-item-top-to-text-compact-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    tab-item-bottom-to-text-compact-small scale-set - desktop: 5px
    mobile: 6px
    No - -
    tab-item-top-to-text-compact-medium scale-set - desktop: 6px
    mobile: 9px
    No - -
    tab-item-bottom-to-text-compact-medium scale-set - desktop: 8px
    mobile: 10px
    No - -
    tab-item-top-to-text-compact-large scale-set - desktop: 10px
    mobile: 12px
    No - -
    tab-item-bottom-to-text-compact-large scale-set - desktop: 12px
    mobile: 14px
    No - -
    tab-item-top-to-text-compact-extra-large scale-set - desktop: 12px
    mobile: 15px
    No - -
    tab-item-bottom-to-text-compact-extra-large scale-set - desktop: 13px
    mobile: 17px
    No - -
    tab-item-top-to-workflow-icon-small scale-set - desktop: 13px
    mobile: 15px
    No - -
    tab-item-top-to-workflow-icon-medium scale-set - desktop: 15px
    mobile: 19px
    No - -
    tab-item-top-to-workflow-icon-large scale-set - desktop: 17px
    mobile: 23px
    No - -
    tab-item-top-to-workflow-icon-extra-large scale-set - desktop: 19px
    mobile: 26px
    No - -
    tab-item-top-to-workflow-icon-compact-small scale-set - desktop: 3px
    mobile: 5px
    No - -
    tab-item-top-to-workflow-icon-compact-medium scale-set - desktop: 7px
    mobile: 9px
    No - -
    tab-item-top-to-workflow-icon-compact-large scale-set - desktop: 9px
    mobile: 13px
    No - -
    tab-item-top-to-workflow-icon-compact-extra-large scale-set - desktop: 11px
    mobile: 16px
    No - -
    tab-item-focus-indicator-gap-small scale-set - desktop: 7px
    mobile: 9px
    No - -
    tab-item-focus-indicator-gap-medium scale-set - desktop: 8px
    mobile: 10px
    No - -
    tab-item-focus-indicator-gap-large scale-set - desktop: 9px
    mobile: 11px
    No - -
    tab-item-focus-indicator-gap-extra-large scale-set - desktop: 10px
    mobile: 12px
    No - -
    side-navigation-width scale-set - desktop: 192px
    mobile: 240px
    No - -
    side-navigation-minimum-width scale-set - desktop: 144px
    mobile: 180px
    No - -
    side-navigation-maximum-width scale-set - desktop: 240px
    mobile: 300px
    No - -
    side-navigation-second-level-edge-to-text scale-set - desktop: 38px
    mobile: 44px
    No - -
    side-navigation-third-level-edge-to-text scale-set - desktop: 64px
    mobile: 70px
    No - -
    side-navigation-with-icon-second-level-edge-to-text scale-set - desktop: 28px
    mobile: 34px
    No - -
    side-navigation-with-icon-third-level-edge-to-text scale-set - desktop: 44px
    mobile: 50px
    No - -
    side-navigation-item-to-item scale-set - desktop: 4px
    mobile: 5px
    No - -
    side-navigation-item-to-header scale-set - desktop: 24px
    mobile: 30px
    No - -
    side-navigation-bottom-to-text scale-set - desktop: 8px
    mobile: 10px
    No - -
    tray-top-to-content-area scale-set - desktop: 4px
    mobile: 5px
    No - -
    in-field-button-width-stacked-small dimension 20px 20px No - -
    in-field-button-width-stacked-medium dimension 28px 28px No - -
    in-field-button-width-stacked-large dimension 36px 36px No - -
    in-field-button-width-stacked-extra-large dimension 44px 44px No - -
    in-field-button-fill-stacked-inner-border-rounding dimension 0px 0px No - -
    in-field-button-edge-to-fill dimension 0px 0px Yes - -
    in-field-button-stacked-inner-edge-to-fill dimension 0px 0px No - -
    in-field-button-edge-to-disclosure-icon-stacked-small dimension 7px 7px No - -
    in-field-button-edge-to-disclosure-icon-stacked-medium dimension 9px 9px No - -
    in-field-button-edge-to-disclosure-icon-stacked-large dimension 13px 13px No - -
    in-field-button-edge-to-disclosure-icon-stacked-extra-large dimension 16px 16px No - -
    in-field-button-outer-edge-to-disclosure-icon-stacked-small dimension 3px 3px No - -
    in-field-button-outer-edge-to-disclosure-icon-stacked-medium dimension 3px 3px No - -
    in-field-button-outer-edge-to-disclosure-icon-stacked-large dimension 4px 4px No - -
    in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large dimension 5px 5px No - -
    in-field-button-inner-edge-to-disclosure-icon-stacked-small alias {in-field-button-outer-edge-to-disclosure-icon-stacked-small} 3px No - -
    in-field-button-inner-edge-to-disclosure-icon-stacked-medium alias {in-field-button-outer-edge-to-disclosure-icon-stacked-medium} 3px No - -
    in-field-button-inner-edge-to-disclosure-icon-stacked-large alias {in-field-button-outer-edge-to-disclosure-icon-stacked-large} 4px 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 No - -
    arrow-icon-size-75 scale-set - desktop: 10px
    mobile: 12px
    No - -
    arrow-icon-size-100 scale-set - desktop: 10px
    mobile: 14px
    No - -
    arrow-icon-size-200 scale-set - desktop: 12px
    mobile: 16px
    No - -
    arrow-icon-size-300 scale-set - desktop: 14px
    mobile: 16px
    No - -
    arrow-icon-size-400 scale-set - desktop: 16px
    mobile: 18px
    No - -
    arrow-icon-size-500 scale-set - desktop: 18px
    mobile: 22px
    No - -
    arrow-icon-size-600 scale-set - desktop: 20px
    mobile: 24px
    No - -
    asterisk-icon-size-75 dimension 8px 8px No - -
    asterisk-icon-size-100 scale-set - desktop: 8px
    mobile: 10px
    No - -
    asterisk-icon-size-200 scale-set - desktop: 10px
    mobile: 12px
    No - -
    asterisk-icon-size-300 scale-set - desktop: 10px
    mobile: 12px
    No - -
    checkmark-icon-size-50 scale-set - desktop: 10px
    mobile: 12px
    No - -
    checkmark-icon-size-75 scale-set - desktop: 10px
    mobile: 12px
    No - -
    checkmark-icon-size-100 scale-set - desktop: 10px
    mobile: 14px
    No - -
    checkmark-icon-size-200 scale-set - desktop: 12px
    mobile: 14px
    No - -
    checkmark-icon-size-300 scale-set - desktop: 14px
    mobile: 16px
    No - -
    checkmark-icon-size-400 scale-set - desktop: 16px
    mobile: 18px
    No - -
    checkmark-icon-size-500 scale-set - desktop: 16px
    mobile: 20px
    No - -
    checkmark-icon-size-600 scale-set - desktop: 18px
    mobile: 24px
    No - -
    chevron-icon-size-50 scale-set - desktop: 6px
    mobile: 8px
    No - -
    chevron-icon-size-75 scale-set - desktop: 10px
    mobile: 12px
    No - -
    chevron-icon-size-100 scale-set - desktop: 10px
    mobile: 14px
    No - -
    chevron-icon-size-200 scale-set - desktop: 12px
    mobile: 14px
    No - -
    chevron-icon-size-300 scale-set - desktop: 14px
    mobile: 16px
    No - -
    chevron-icon-size-400 scale-set - desktop: 16px
    mobile: 18px
    No - -
    chevron-icon-size-500 scale-set - desktop: 16px
    mobile: 20px
    No - -
    chevron-icon-size-600 scale-set - desktop: 18px
    mobile: 24px
    No - -
    cross-icon-size-75 scale-set - desktop: 8px
    mobile: 10px
    No - -
    cross-icon-size-100 scale-set - desktop: 8px
    mobile: 10px
    No - -
    cross-icon-size-200 scale-set - desktop: 10px
    mobile: 12px
    No - -
    cross-icon-size-300 scale-set - desktop: 12px
    mobile: 14px
    No - -
    cross-icon-size-400 scale-set - desktop: 12px
    mobile: 16px
    No - -
    cross-icon-size-500 scale-set - desktop: 14px
    mobile: 16px
    No - -
    cross-icon-size-600 scale-set - desktop: 16px
    mobile: 18px
    No - -
    dash-icon-size-50 scale-set - desktop: 8px
    mobile: 10px
    No - -
    dash-icon-size-75 scale-set - desktop: 8px
    mobile: 10px
    No - -
    dash-icon-size-100 scale-set - desktop: 10px
    mobile: 12px
    No - -
    dash-icon-size-200 scale-set - desktop: 12px
    mobile: 14px
    No - -
    dash-icon-size-300 scale-set - desktop: 12px
    mobile: 16px
    No - -
    dash-icon-size-400 scale-set - desktop: 14px
    mobile: 18px
    No - -
    dash-icon-size-500 scale-set - desktop: 16px
    mobile: 20px
    No - -
    dash-icon-size-600 scale-set - desktop: 18px
    mobile: 22px
    No - -
    side-navigation-header-to-item scale-set - desktop: 8px
    mobile: 10px
    No - -
    divider-vertical-minimum-height dimension 200px 200px No - -
    divider-horizontal-minimum-width dimension 200px 200px No - -
    tooltip-tip-corner-radius dimension 1px 1px No - -
    switch-handle-size-small scale-set - desktop: 6px
    mobile: 10px
    No - -
    switch-handle-selected-size-small scale-set - desktop: 8px
    mobile: 12px
    No - -
    switch-handle-selected-size-medium scale-set - desktop: 10px
    mobile: 14px
    No - -
    switch-handle-selected-size-large scale-set - desktop: 12px
    mobile: 16px
    No - -
    switch-handle-selected-size-extra-large scale-set - desktop: 14px
    mobile: 20px
    No - -
    switch-handle-size-medium scale-set - desktop: 8px
    mobile: 12px
    No - -
    switch-handle-size-large scale-set - desktop: 10px
    mobile: 14px
    No - -
    switch-handle-size-extra-large scale-set - desktop: 12px
    mobile: 18px
    No - -
    tag-minimum-width-multiplier multiplier 1 1 Yes - -
    tag-maximum-width-multiplier multiplier 7 7 No - -
    tag-label-to-clear-icon-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    tag-label-to-clear-icon-medium scale-set - desktop: 12px
    mobile: 15px
    No - -
    tag-label-to-clear-icon-large scale-set - desktop: 15px
    mobile: 19px
    No - -
    tag-edge-to-clear-icon-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    tag-edge-to-clear-icon-medium scale-set - desktop: 12px
    mobile: 15px
    No - -
    tag-edge-to-clear-icon-large scale-set - desktop: 15px
    mobile: 19px
    No - -
    title-cjk-emphasized-font-style alias {default-font-style} normal No - -
    title-cjk-emphasized-font-weight alias {extra-bold-font-weight} extra-bold No - -
    title-cjk-font-family alias {cjk-font-family} Adobe Clean Han No - -
    title-cjk-font-style alias {default-font-style} normal No - -
    title-cjk-font-weight alias {bold-font-weight} bold No - -
    title-cjk-line-height alias {cjk-line-height-100} 1.5 No - -
    title-cjk-size-l alias {font-size-200} desktop: 16px
    mobile: 19px
    No - -
    title-cjk-size-m alias {font-size-100} desktop: 14px
    mobile: 17px
    No - -
    title-cjk-size-s alias {font-size-75} desktop: 12px
    mobile: 15px
    No - -
    title-cjk-size-xl alias {font-size-300} desktop: 18px
    mobile: 22px
    No - -
    title-cjk-size-xs alias {font-size-50} desktop: 11px
    mobile: 13px
    No - -
    title-cjk-size-xxl alias {font-size-400} desktop: 20px
    mobile: 24px
    No - -
    title-cjk-size-xxxl alias {font-size-500} desktop: 22px
    mobile: 27px
    No - -
    title-cjk-strong-emphasized-font-style alias {default-font-style} normal No - -
    title-cjk-strong-emphasized-font-weight alias {extra-bold-font-weight} extra-bold No - -
    title-cjk-strong-font-style alias {default-font-style} normal No - -
    title-cjk-strong-font-weight alias {extra-bold-font-weight} extra-bold No - -
    title-line-height alias {line-height-100} 1.3 No - -
    title-margin-bottom-multiplier multiplier 0.25 0.25 No - -
    title-margin-top-multiplier multiplier 0.88888889 0.88888889 No - -
    title-sans-serif-emphasized-font-style alias {italic-font-style} italic No - -
    title-sans-serif-emphasized-font-weight alias {bold-font-weight} bold No - -
    title-sans-serif-font-family alias {sans-serif-font-family} Adobe Clean Spectrum VF No - -
    title-sans-serif-font-style alias {default-font-style} normal No - -
    title-sans-serif-font-weight alias {bold-font-weight} bold No - -
    title-sans-serif-strong-emphasized-font-style alias {italic-font-style} italic No - -
    title-sans-serif-strong-emphasized-font-weight alias {extra-bold-font-weight} extra-bold No - -
    title-sans-serif-strong-font-style alias {default-font-style} normal No - -
    title-sans-serif-strong-font-weight alias {extra-bold-font-weight} extra-bold No - -
    title-serif-emphasized-font-style alias {italic-font-style} italic No - -
    title-serif-emphasized-font-weight alias {bold-font-weight} bold No - -
    title-serif-font-family alias {serif-font-family} Adobe Clean Serif No - -
    title-serif-font-style alias {default-font-style} normal No - -
    title-serif-font-weight alias {bold-font-weight} bold No - -
    title-serif-strong-emphasized-font-style alias {italic-font-style} italic No - -
    title-serif-strong-emphasized-font-weight alias {black-font-weight} black No - -
    title-serif-strong-font-style alias {default-font-style} normal No - -
    title-serif-strong-font-weight alias {black-font-weight} black No - -
    title-size-l alias {font-size-300} desktop: 18px
    mobile: 22px
    No - -
    title-size-m alias {font-size-200} desktop: 16px
    mobile: 19px
    No - -
    title-size-s alias {font-size-100} desktop: 14px
    mobile: 17px
    No - -
    title-size-xl alias {font-size-400} desktop: 20px
    mobile: 24px
    No - -
    title-size-xs alias {font-size-75} desktop: 12px
    mobile: 15px
    No - -
    title-size-xxl alias {font-size-500} desktop: 22px
    mobile: 27px
    No - -
    title-size-xxxl alias {font-size-600} desktop: 25px
    mobile: 31px
    No - -
    opacity-checkerboard-square-size-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    alert-banner-top-to-alert-icon scale-set - desktop: 37px
    mobile: 29px
    No - -
    accordion-top-to-text-spacious-small scale-set - desktop: 11px
    mobile: 15px
    No - -
    field-default-width-small scale-set - desktop: 192px
    mobile: 240px
    No - -
    field-default-width-medium scale-set - desktop: 208px
    mobile: 256px
    No - -
    field-default-width-large scale-set - desktop: 224px
    mobile: 272px
    No - -
    field-default-width-extra-large scale-set - desktop: 240px
    mobile: 288px
    No - -
    tag-minimum-width-small scale-set - desktop: 21px
    mobile: 25px
    No - -
    tag-minimum-width-medium scale-set - desktop: 27px
    mobile: 34px
    No - -
    tag-minimum-width-large scale-set - desktop: 33px
    mobile: 42px
    No - -
    combo-box-visual-to-field-button dimension 0px 0px No - -
    in-field-button-edge-to-fill-small scale-set - desktop: 4px
    mobile: 5px
    No - -
    in-field-button-edge-to-fill-medium dimension 6px 6px No - -
    in-field-button-edge-to-fill-large dimension 8px 8px No - -
    in-field-button-edge-to-fill-extra-large scale-set - desktop: 8px
    mobile: 10px
    No - -
    in-field-progress-circle-edge-to-fill scale-set - desktop: 1px
    mobile: 2px
    No - -
    in-field-progress-circle-size-75 scale-set - desktop: 16px
    mobile: 18px
    No - -
    in-field-progress-circle-size-100 scale-set - desktop: 20px
    mobile: 24px
    No - -
    in-field-progress-circle-size-200 scale-set - desktop: 22px
    mobile: 28px
    No - -
    in-field-progress-circle-size-300 scale-set - desktop: 26px
    mobile: 30px
    No - -
    alert-dialog-description-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    alert-dialog-title-font-size scale-set - desktop: 22px
    mobile: 24px
    No - -
    coach-mark-body-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    coach-mark-pagination-body-font-size scale-set - desktop: 14px
    mobile: 15px
    No - -
    coach-mark-title-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    standard-dialog-title-font-size scale-set - desktop: 22px
    mobile: 24px
    No - -
    standard-dialog-body-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    standard-dialog-maximum-width-small dimension 400px 400px No - -
    standard-dialog-minimum-width dimension 288px 288px No - -
    standard-dialog-maximum-width-medium dimension 480px 480px No - -
    standard-dialog-maximum-width-large dimension 640px 640px No - -
    status-light-text-to-visual-75 alias {text-to-visual-75} desktop: 5px
    mobile: 7px
    No - -
    status-light-text-to-visual-100 alias {text-to-visual-100} desktop: 6px
    mobile: 8px
    No - -
    status-light-text-to-visual-200 alias {text-to-visual-200} desktop: 7px
    mobile: 9px
    No - -
    status-light-text-to-visual-300 alias {text-to-visual-300} desktop: 8px
    mobile: 10px
    No - -
    link-out-icon-size-75 scale-set - desktop: 10px
    mobile: 12px
    No - -
    link-out-icon-size-100 scale-set - desktop: 12px
    mobile: 14px
    No - -
    link-out-icon-size-200 scale-set - desktop: 14px
    mobile: 16px
    No - -
    link-out-icon-size-300 scale-set - desktop: 14px
    mobile: 16px
    No - -
    link-out-icon-size-400 scale-set - desktop: 16px
    mobile: 18px
    No - -
    menu-item-label-to-description-small dimension 1px 1px No - -
    menu-item-label-to-description-medium dimension 1px 1px No - -
    menu-item-label-to-description-large dimension 2px 2px No - -
    menu-item-label-to-description-extra-large dimension 2px 2px No - -
    menu-section-header-to-description-small dimension 1px 1px No - -
    menu-section-header-to-description-medium dimension 1px 1px No - -
    menu-section-header-to-description-large dimension 2px 2px No - -
    menu-section-header-to-description-extra-large dimension 2px 2px No - -
    menu-item-top-to-thumbnail-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    menu-item-top-to-thumbnail-medium scale-set - desktop: 9px
    mobile: 11px
    No - -
    menu-item-top-to-thumbnail-large scale-set - desktop: 10px
    mobile: 12px
    No - -
    menu-item-top-to-thumbnail-extra-large scale-set - desktop: 11px
    mobile: 13px
    No - -
    menu-item-background-opacity opacity 0 0 No - -
    illustrated-message-small-title-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    illustrated-message-small-cjk-title-font-size scale-set - desktop: 14px
    mobile: 15px
    No - -
    illustrated-message-medium-title-font-size scale-set - desktop: 20px
    mobile: 22px
    No - -
    illustrated-message-medium-cjk-title-font-size scale-set - desktop: 18px
    mobile: 19px
    No - -
    illustrated-message-large-title-font-size scale-set - desktop: 22px
    mobile: 24px
    No - -
    illustrated-message-large-cjk-title-font-size scale-set - desktop: 20px
    mobile: 22px
    No - -
    illustrated-message-small-body-font-size alias {body-size-xs} desktop: 12px
    mobile: 15px
    No - -
    illustrated-message-medium-body-font-size scale-set - desktop: 14px
    mobile: 15px
    No - -
    illustrated-message-large-body-font-size scale-set - desktop: 14px
    mobile: 15px
    No - -
    drop-zone-title-font-size alias {illustrated-message-medium-title-font-size} desktop: 20px
    mobile: 22px
    No - -
    drop-zone-cjk-title-font-size alias {illustrated-message-medium-cjk-title-font-size} desktop: 18px
    mobile: 19px
    No - -
    drop-zone-body-font-size alias {illustrated-message-medium-body-font-size} desktop: 14px
    mobile: 15px
    No - -
    breadcrumbs-separator-to-bottom-text-multiline scale-set - desktop: 11px
    mobile: 15px
    No - -
    breadcrumbs-start-edge-to-text-large scale-set - desktop: 9px
    mobile: 11px
    No - -
    breadcrumbs-start-edge-to-text-medium scale-set - desktop: 6px
    mobile: 8px
    No - -
    breadcrumbs-start-edge-to-text-multiline scale-set - desktop: 4px
    mobile: 5px
    No - -
    breadcrumbs-top-to-separator-large scale-set - desktop: 15px
    mobile: 20px
    No - -
    breadcrumbs-top-to-separator-medium scale-set - desktop: 11px
    mobile: 15px
    No - -
    breadcrumbs-top-to-separator-multiline scale-set - desktop: 7px
    mobile: 10px
    No - -
    breadcrumbs-truncated-menu-to-separator dimension 0px 0px No - -
    breadcrumbs-text-to-separator-large scale-set - desktop: 9px
    mobile: 11px
    No - -
    breadcrumbs-text-to-separator-medium scale-set - desktop: 6px
    mobile: 8px
    No - -
    breadcrumbs-text-to-separator-multiline scale-set - desktop: 4px
    mobile: 5px
    No - -
    contextual-help-body-font-size scale-set - desktop: 14px
    mobile: 15px
    No - -
    contextual-help-title-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    coach-indicator-collapsed-ring-rounding-increment dimension 6px 6px No - -
    coach-indicator-expanded-ring-rounding-increment dimension 14px 14px No - -
    coach-indicator-collapsed-ring-thickness dimension 4px 4px No - -
    coach-indicator-expanded-ring-thickness dimension 8px 8px No - -
    coach-indicator-collapsed-gap dimension 2px 2px No - -
    coach-indicator-expanded-gap dimension 6px 6px No - -
    coach-indicator-opacity opacity 0.2 0.2 No - -
    accordion-content-area-edge-to-content-small scale-set - desktop: 8px
    mobile: 10px
    No - -
    accordion-content-area-edge-to-content-medium scale-set - desktop: 9px
    mobile: 11px
    No - -
    accordion-content-area-edge-to-content-large scale-set - desktop: 12px
    mobile: 15px
    No - -
    accordion-content-area-edge-to-content-extra-large scale-set - desktop: 15px
    mobile: 19px
    No - -
    accordion-disclosure-indicator-to-text-small scale-set - desktop: 7px
    mobile: 9px
    No - -
    accordion-disclosure-indicator-to-text-medium scale-set - desktop: 11px
    mobile: 13px
    No - -
    accordion-disclosure-indicator-to-text-large scale-set - desktop: 14px
    mobile: 17px
    No - -
    accordion-disclosure-indicator-to-text-extra-large scale-set - desktop: 17px
    mobile: 22px
    No - -
    accordion-item-to-divider dimension 0px 0px No - -
    meter-thickness-medium scale-set - desktop: 6px
    mobile: 8px
    No - -
    meter-thickness-extra-large scale-set - desktop: 10px
    mobile: 13px
    No - -
    thumbnail-opacity-checkerboard-square-size dimension 4px 4px No - -
    thumbnail-corner-radius alias {corner-radius-75} 3px No - -
    action-bar-top-to-content-area alias {spacing-200} 12px No - -
    action-bar-bottom-to-content-area alias {spacing-200} 12px No - -
    action-bar-edge-to-content-area alias {spacing-100} 8px No - -
    action-bar-close-button-to-counter alias {text-to-control-50} desktop: 4px
    mobile: 5px
    No - -
    action-bar-counter-font-size alias {font-size-100} desktop: 14px
    mobile: 17px
    No - -
    swatch-group-spacing-spacious dimension 6px 6px No - -
    swatch-group-border-opacity opacity 0.2 0.2 No - -
    avatar-border-width alias {border-width-100} 1px No - -
    avatar-group-size-50 alias {avatar-size-50} desktop: 16px
    mobile: 20px
    No - -
    avatar-group-size-75 alias {avatar-size-75} desktop: 20px
    mobile: 24px
    No - -
    avatar-group-size-100 alias {avatar-size-100} desktop: 24px
    mobile: 28px
    No - -
    avatar-group-size-200 alias {avatar-size-200} desktop: 28px
    mobile: 32px
    No - -
    avatar-group-size-300 alias {avatar-size-300} desktop: 32px
    mobile: 36px
    No - -
    avatar-group-size-400 alias {avatar-size-400} desktop: 36px
    mobile: 40px
    No - -
    avatar-group-size-500 alias {avatar-size-500} desktop: 40px
    mobile: 44px
    No - -
    avatar-to-avatar-50 scale-set - desktop: -4px
    mobile: -5px
    No - -
    avatar-to-avatar-75 scale-set - desktop: -5px
    mobile: -6px
    No - -
    avatar-to-avatar-100 scale-set - desktop: -6px
    mobile: -7px
    No - -
    avatar-to-avatar-200 scale-set - desktop: -7px
    mobile: -8px
    No - -
    avatar-to-avatar-300 scale-set - desktop: -8px
    mobile: -9px
    No - -
    avatar-to-avatar-400 scale-set - desktop: -9px
    mobile: -10px
    No - -
    avatar-to-avatar-500 scale-set - desktop: -10px
    mobile: -11px
    No - -
    code-cjk-size-xl alias {code-size-xl} desktop: 20px
    mobile: 24px
    No - -
    code-cjk-size-l alias {code-size-l} desktop: 18px
    mobile: 22px
    No - -
    code-cjk-size-m alias {code-size-m} desktop: 16px
    mobile: 19px
    No - -
    code-cjk-size-s alias {code-size-s} desktop: 14px
    mobile: 17px
    No - -
    code-cjk-size-xs alias {code-size-xs} desktop: 12px
    mobile: 15px
    No - -
    standard-panel-width dimension 260px 260px No - -
    standard-panel-minimum-width dimension 200px 200px No - -
    standard-panel-maximum-width dimension 400px 400px No - -
    standard-panel-top-to-close-button-compact dimension 5px 5px No - -
    standard-panel-top-to-close-button-regular dimension 9px 9px No - -
    standard-panel-top-to-close-button-spacious dimension 17px 17px No - -
    standard-panel-edge-to-close-button-compact dimension 3px 3px No - -
    standard-panel-edge-to-close-button-regular dimension 7px 7px No - -
    standard-panel-edge-to-close-button-spacious dimension 15px 15px No - -
    standard-panel-title-font-size alias {title-size-s} desktop: 14px
    mobile: 17px
    No - -
    illustrated-message-horizontal-maximum-width dimension 535px 535px No - -
    illustrated-message-vertical-maximum-width dimension 380px 380px No - -
    bar-panel-width dimension 56px 56px No - -
    bar-panel-minimum-width dimension 40px 40px No - -
    bar-panel-maximum-width dimension 72px 72px No - -
    bar-panel-spacing-extra-spacious dimension 20px 20px No - -
    rating-top-to-content-area-small alias {spacing-75} 4px No - -
    rating-bottom-to-content-area-small alias {spacing-75} 4px No - -
    rating-edge-to-content-area-small alias {spacing-75} 4px No - -
    rating-top-to-content-area-medium dimension 6px 6px No - -
    rating-bottom-to-content-area-medium dimension 6px 6px No - -
    rating-edge-to-content-area-medium dimension 6px 6px No - -
    rating-width-small dimension 104px 104px No - -
    rating-height-small alias {component-height-75} desktop: 24px
    mobile: 30px
    No - -
    rating-width-medium dimension 128px 128px No - -
    rating-height-medium alias {component-height-100} desktop: 32px
    mobile: 40px
    No - -
    select-box-horizontal-minimum-height scale-set - desktop: 80px
    mobile: 100px
    No - -
    select-box-horizontal-width scale-set - desktop: 368px
    mobile: 460px
    No - -
    select-box-vertical-height scale-set - desktop: 170px
    mobile: 212px
    No - -
    select-box-edge-to-checkbox dimension 8px 8px No - -
    select-box-horizontal-end-to-content scale-set - desktop: 32px
    mobile: 40px
    No - -
    select-box-horizontal-illustration-to-label scale-set - desktop: 10px
    mobile: 12px
    No - -
    select-box-horizontal-label-to-description scale-set - desktop: 2px
    mobile: 3px
    No - -
    select-box-horizontal-start-to-content scale-set - desktop: 24px
    mobile: 30px
    No - -
    select-box-horizontal-top-to-content scale-set - desktop: 16px
    mobile: 20px
    No - -
    select-box-top-to-checkbox scale-set - desktop: 4px
    mobile: 5px
    No - -
    select-box-vertical-edge-to-content scale-set - desktop: 24px
    mobile: 30px
    No - -
    select-box-vertical-illustration-to-label scale-set - desktop: 8px
    mobile: 10px
    No - -
    slider-control-to-field-label-editable-small scale-set - desktop: -4px
    mobile: -8px
    No - -
    slider-control-to-field-label-editable-medium scale-set - desktop: -12px
    mobile: -16px
    No - -
    slider-control-to-field-label-editable-large scale-set - desktop: -16px
    mobile: -20px
    No - -
    slider-control-to-field-label-editable-extra-large scale-set - desktop: -20px
    mobile: -24px
    No - -
    slider-control-to-field-label-side-small scale-set - desktop: 16px
    mobile: 20px
    No - -
    slider-control-to-field-label-side-medium scale-set - desktop: 16px
    mobile: 20px
    No - -
    slider-control-to-field-label-side-large scale-set - desktop: 20px
    mobile: 24px
    No - -
    slider-control-to-field-label-side-extra-large scale-set - desktop: 24px
    mobile: 28px
    No - -
    slider-control-to-text-field-small scale-set - desktop: 16px
    mobile: 20px
    No - -
    slider-control-to-text-field-medium scale-set - desktop: 16px
    mobile: 20px
    No - -
    slider-control-to-text-field-large scale-set - desktop: 20px
    mobile: 24px
    No - -
    slider-control-to-text-field-extra-large scale-set - desktop: 24px
    mobile: 28px
    No - -
    segmented-control-selection-border-width alias {border-width-200} 2px No - -
    slider-handle-height-precision-small scale-set - desktop: 20px
    mobile: 24px
    No - -
    slider-handle-height-precision-medium scale-set - desktop: 22px
    mobile: 26px
    No - -
    slider-handle-height-precision-large scale-set - desktop: 24px
    mobile: 30px
    No - -
    slider-handle-height-precision-extra-large scale-set - desktop: 26px
    mobile: 32px
    No - -
    slider-handle-small scale-set - desktop: 18px
    mobile: 22px
    No - -
    slider-handle-medium scale-set - desktop: 20px
    mobile: 24px
    No - -
    slider-handle-large scale-set - desktop: 22px
    mobile: 28px
    No - -
    slider-handle-extra-large scale-set - desktop: 24px
    mobile: 30px
    No - -
    slider-handle-precision-width dimension 6px 6px No - -
    slider-track-height-medium dimension 4px 4px No - -
    slider-track-height-large dimension 16px 16px No - -
    segmented-control-item-height alias {component-height-100} desktop: 32px
    mobile: 40px
    No - -
    in-field-stepper-to-end-small scale-set - desktop: 0px
    mobile: 3px
    No - -
    in-field-stepper-to-end-medium dimension 3px 3px No - -
    in-field-stepper-to-end-large dimension 4px 4px No - -
    in-field-stepper-to-end-extra-large scale-set - desktop: 4px
    mobile: 5px
    No - -
    number-field-with-stepper-minimum-width-small scale-set - desktop: 104px
    mobile: 126px
    No - -
    number-field-with-stepper-minimum-width-medium scale-set - desktop: 120px
    mobile: 150px
    No - -
    number-field-with-stepper-minimum-width-large scale-set - desktop: 144px
    mobile: 174px
    No - -
    number-field-with-stepper-minimum-width-extra-large scale-set - desktop: 168px
    mobile: 198px
    No - -
    number-field-visual-to-in-field-stepper-small scale-set - desktop: 5px
    mobile: 7px
    No - -
    number-field-visual-to-in-field-stepper-medium scale-set - desktop: 6px
    mobile: 8px
    No - -
    number-field-visual-to-in-field-stepper-large scale-set - desktop: 7px
    mobile: 9px
    No - -
    number-field-visual-to-in-field-stepper-extra-large scale-set - desktop: 8px
    mobile: 10px
    No - -
    number-field-minimum-width-multiplier multiplier 1.25 1.25 No - -
    takeover-dialog-height dimension 100% 100% No - -
    takeover-dialog-width dimension 100% 100% No - -
    tree-view-disclosure-indicator-height scale-set - desktop: 32px
    mobile: 40px
    No - -
    tree-view-disclosure-indicator-width scale-set - desktop: 34px
    mobile: 42px
    No - -
    tree-view-minimum-height scale-set - desktop: 40px
    mobile: 50px
    No - -
    tree-view-minimum-width scale-set - desktop: 160px
    mobile: 200px
    No - -
    tree-view-bottom-to-label scale-set - desktop: 12px
    mobile: 16px
    No - -
    tree-view-drag-handle-to-checkbox scale-set - desktop: 8px
    mobile: 10px
    No - -
    tree-view-edge-to-checkbox scale-set - desktop: 12px
    mobile: 15px
    No - -
    tree-view-edge-to-drag-handle scale-set - desktop: 4px
    mobile: 5px
    No - -
    tree-view-end-edge-to-action-area scale-set - desktop: 6px
    mobile: 7px
    No - -
    tree-view-header-to-item dimension -1px -1px No - -
    tree-view-item-to-header scale-set - desktop: 24px
    mobile: 30px
    No - -
    tree-view-item-to-item alias {tree-view-item-to-item-default} -1px Yes This token has been deprecated, use tree-view-item-to-item-default instead. Replaced by tree-view-item-to-item-default
    tree-view-item-to-item-default dimension -1px -1px No - -
    tree-view-item-to-item-detached dimension 2px 2px No - -
    tree-view-label-to-action-area scale-set - desktop: 6px
    mobile: 8px
    No - -
    tree-view-level-increment scale-set - desktop: 16px
    mobile: 20px
    No - -
    tree-view-minimum-top-to-context-area scale-set - desktop: 8px
    mobile: 10px
    No - -
    tree-view-top-to-action-button scale-set - desktop: 4px
    mobile: 5px
    No - -
    tree-view-top-to-checkbox scale-set - desktop: 4px
    mobile: 5px
    No - -
    tree-view-top-to-disclosure-indicator scale-set - desktop: 15px
    mobile: 19px
    No - -
    tree-view-top-to-drag-handle scale-set - desktop: 15px
    mobile: 19px
    No - -
    tree-view-top-to-label scale-set - desktop: 10px
    mobile: 13px
    No - -
    tree-view-selected-row-background-opacity-emphasized opacity 0.1 0.1 No - -
    tree-view-selected-row-background-opacity-emphasized-hover opacity 0.15 0.15 No - -
    action-bar-minimum-width dimension 176px 176px No - -
    action-bar-label-to-action-group-area alias {spacing-300} 16px No - -
    card-edge-to-content-compact-extra-small dimension 6px 6px No - -
    card-edge-to-content-default-extra-small dimension 8px 8px No - -
    card-edge-to-content-spacious-extra-small dimension 12px 12px No - -
    card-edge-to-content-compact-small dimension 8px 8px No - -
    card-edge-to-content-default-small dimension 12px 12px No - -
    card-edge-to-content-spacious-small dimension 16px 16px No - -
    card-edge-to-content-compact-medium dimension 12px 12px No - -
    card-edge-to-content-default-medium dimension 16px 16px No - -
    card-edge-to-content-spacious-medium dimension 20px 20px No - -
    card-edge-to-content-compact-large dimension 16px 16px No - -
    card-edge-to-content-default-large dimension 20px 20px No - -
    card-edge-to-content-spacious-large dimension 24px 24px No - -
    card-edge-to-content-compact-extra-large dimension 20px 20px No - -
    card-edge-to-content-default-extra-large dimension 24px 24px No - -
    card-edge-to-content-spacious-extra-large dimension 28px 28px No - -
    card-header-to-description alias {spacing-75} 4px No - -
    card-description-to-footer alias {spacing-300} 16px No - -
    card-selection-background-size-small dimension 22px 22px No - -
    card-selection-background-size-medium dimension 24px 24px No - -
    card-selection-background-size-large dimension 26px 26px No - -
    card-selection-background-size-extra-large dimension 28px 28px No - -
    card-minimum-width-extra-small dimension 100px 100px No - -
    card-minimum-width-small dimension 150px 150px No - -
    card-minimum-width-medium dimension 200px 200px No - -
    card-minimum-width-large dimension 270px 270px No - -
    card-minimum-width-extra-large dimension 340px 340px No - -
    card-default-width-extra-small dimension 120px 120px No - -
    card-default-width-small dimension 180px 180px No - -
    card-default-width-medium dimension 240px 240px No - -
    card-default-width-large dimension 320px 320px No - -
    card-default-width-extra-large dimension 400px 400px No - -
    card-maximum-width-extra-small dimension 140px 140px No - -
    card-maximum-width-small dimension 210px 210px No - -
    card-maximum-width-medium dimension 280px 280px No - -
    card-maximum-width-large dimension 370px 370px No - -
    card-maximum-width-extra-large dimension 460px 460px No - -
    card-minimum-height-extra-small dimension 90px 90px No - -
    card-minimum-height-small dimension 135px 135px No - -
    card-minimum-height-medium dimension 180px 180px No - -
    card-minimum-height-large dimension 240px 240px No - -
    card-minimum-height-extra-large dimension 300px 300px No - -
    collection-card-minimum-height-extra-small dimension 88px 88px No - -
    collection-card-minimum-height-small dimension 124px 124px No - -
    collection-card-minimum-height-medium dimension 157px 157px No - -
    collection-card-minimum-height-large dimension 202px 202px No - -
    collection-card-minimum-height-extra-large dimension 249px 249px No - -
    collection-card-minimum-height-hero-extra-small dimension 168px 168px No - -
    collection-card-minimum-height-hero-small dimension 243px 243px No - -
    collection-card-minimum-height-hero-medium dimension 317px 317px No - -
    collection-card-minimum-height-hero-large dimension 414px 414px No - -
    collection-card-minimum-height-hero-extra-large dimension 514px 514px No - -
    user-card-minimum-height-small dimension 192px 192px No - -
    user-card-minimum-height-medium dimension 202px 202px No - -
    user-card-minimum-height-large dimension 219px 219px No - -
    user-card-minimum-height-extra-large dimension 236px 236px No - -
    user-card-minimum-height-title-below-small dimension 212px 212px No - -
    user-card-minimum-height-title-below-medium dimension 224px 224px No - -
    user-card-minimum-height-title-below-large dimension 244px 244px No - -
    user-card-minimum-height-title-below-extra-large dimension 263px 263px No - -
    segmented-control-item-maximum-width dimension 265px 265px No - -
    steplist-step-default-width-small dimension 46px 46px No - -
    steplist-step-default-width-medium dimension 54px 54px No - -
    steplist-step-default-width-large dimension 70px 70px No - -
    steplist-step-default-width-extra-large dimension 78px 78px No - -
    steplist-step-default-height-small dimension 46px 46px No - -
    steplist-step-default-height-medium dimension 54px 54px No - -
    steplist-step-default-height-large dimension 70px 70px No - -
    steplist-step-default-height-extra-large dimension 78px 78px No - -
    steplist-visual-size-small dimension 8px 8px No - -
    steplist-visual-size-medium dimension 16px 16px No - -
    steplist-visual-size-large dimension 24px 24px No - -
    steplist-visual-size-extra-large dimension 32px 32px No - -
    steplist-track-thickness-medium dimension 2px 2px No - -
    steplist-step-to-track-size-small dimension 6px 6px No - -
    steplist-step-to-track-size-medium dimension 7px 7px No - -
    steplist-step-to-track-size-large dimension 8px 8px No - -
    steplist-step-to-track-size-extra-large dimension 9px 9px No - -
    steplist-bottom-to-text dimension 1px 1px No - -
    card-horizontal-edge-to-content-compact dimension 12px 12px No - -
    card-horizontal-edge-to-content-default dimension 16px 16px No - -
    card-horizontal-edge-to-content-spacious dimension 20px 20px No - -
    accordion-edge-to-content-area-small dimension 7px 7px No - -
    accordion-edge-to-content-area-medium dimension 11px 11px No - -
    accordion-edge-to-content-area-large dimension 14px 14px No - -
    accordion-edge-to-content-area-extra-large dimension 17px 17px No - -
    single-calendar-popover-minimum-width dimension 320px 320px No - -
    single-calendar-popover-minimum-height dimension 320px 320px No - -
    double-calendar-popover-minimum-width dimension 616px 616px No - -
    double-calendar-popover-minimum-height dimension 320px 320px No - -
    triple-calendar-popover-minimum-width dimension 912px 912px No - -
    triple-calendar-popover-minimum-height dimension 320px 320px No - -
    date-field-minimum-width dimension 152px 152px No - -
    date-field-text-to-visual dimension 20px 20px No - -
    date-picker-visual-to-field-button dimension 0px 0px No - -
    date-picker-text-to-visual dimension 0px 0px No - -
    date-picker-minimum-width dimension 152px 152px No - -
    time-field-minimum-width multiplier 2.5 2.5 No - -
    time-field-text-to-visual dimension 20px 20px No - -
    segmented-text-field-gap dimension 0px 0px No - -
    segmented-text-field-rounding dimension 2px 2px No - -
    add-icon-size-50 scale-set - desktop: 8px
    mobile: 10px
    No - -
    add-icon-size-75 scale-set - desktop: 8px
    mobile: 10px
    No - -
    add-icon-size-100 scale-set - desktop: 10px
    mobile: 14px
    No - -
    add-icon-size-200 scale-set - desktop: 12px
    mobile: 14px
    No - -
    add-icon-size-300 scale-set - desktop: 12px
    mobile: 16px
    No - -
    drag-handle-icon-size-75 scale-set - desktop: 10px
    mobile: 12px
    No - -
    drag-handle-icon-size-100 scale-set - desktop: 10px
    mobile: 12px
    No - -
    drag-handle-icon-size-200 scale-set - desktop: 12px
    mobile: 14px
    No - -
    drag-handle-icon-size-300 scale-set - desktop: 14px
    mobile: 16px
    No - -
    gripper-icon-size-100 dimension 24px 24px No - -
    tag-field-default-width-small scale-set - desktop: 240px
    mobile: 264px
    No - -
    tag-field-default-width-medium scale-set - desktop: 264px
    mobile: 288px
    No - -
    tag-field-default-width-large scale-set - desktop: 288px
    mobile: 312px
    No - -
    tag-field-minimum-width scale-set - desktop: 180px
    mobile: 200px
    No - -
    tag-field-minimum-height-small scale-set - desktop: 44px
    mobile: 54px
    No - -
    tag-field-minimum-height-medium scale-set - desktop: 56px
    mobile: 68px
    No - -
    tag-field-minimum-height-large scale-set - desktop: 68px
    mobile: 82px
    No - -
    tag-field-edge-to-content-small scale-set - desktop: 10px
    mobile: 12px
    No - -
    tag-field-edge-to-content-medium scale-set - desktop: 12px
    mobile: 14px
    No - -
    tag-field-edge-to-content-large scale-set - desktop: 14px
    mobile: 16px
    No - -
    list-view-minimum-height scale-set - desktop: 40px
    mobile: 50px
    No - -
    list-view-minimum-width scale-set - desktop: 200px
    mobile: 240px
    No - -
    list-view-item-top-corner-radius alias {corner-radius-medium-default} 8px No - -
    list-view-item-bottom-corner-radius alias {corner-radius-medium-default} 8px No - -
    list-view-end-edge-to-content scale-set - desktop: 6px
    mobile: 8px
    No - -
    stack-item-selected-background-opacity-emphasized opacity 0.1 0.1 No - -
    stack-item-selected-background-opacity-emphasized-hover opacity 0.15 0.15 No - -
    stack-item-selected-background-opacity-emphasized-down opacity 0.15 0.15 No - -
    stack-item-selected-background-opacity-emphasized-key-focus opacity 0.15 0.15 No - -
    stack-item-header-minimum-width scale-set - desktop: 200px
    mobile: 240px
    No - -
    stack-item-start-edge-to-content scale-set - desktop: 4px
    mobile: 5px
    No - -
    stack-item-drag-handle-to-control scale-set - desktop: 8px
    mobile: 10px
    No - -
    stack-item-text-to-control scale-set - desktop: 8px
    mobile: 10px
    No - -
    stack-item-edge-to-control scale-set - desktop: 12px
    mobile: 15px
    No - -
    stack-item-edge-to-visual scale-set - desktop: 12px
    mobile: 15px
    No - -
    stack-item-action-to-navigation scale-set - desktop: 4px
    mobile: 6px
    No - -
    stack-item-header-to-item dimension 0px 0px No - -
    stack-item-item-to-item dimension -1px -1px No - -
    accordion-bottom-to-text-extra-large scale-set - desktop: 12px
    mobile: 15px
    No - -
    accordion-bottom-to-text-large scale-set - desktop: 11px
    mobile: 14px
    No - -
    accordion-bottom-to-text-medium scale-set - desktop: 9px
    mobile: 13px
    No - -
    accordion-bottom-to-text-small scale-set - desktop: 7px
    mobile: 9px
    No - -
    accordion-top-to-text-extra-large scale-set - desktop: 13px
    mobile: 17px
    No - -
    accordion-top-to-text-large scale-set - desktop: 12px
    mobile: 16px
    No - -
    accordion-top-to-text-medium scale-set - desktop: 9px
    mobile: 10px
    No - -
    accordion-top-to-text-small scale-set - desktop: 7px
    mobile: 10px
    No - -
    select-box-horizontal-minimum-width scale-set - desktop: 188px
    mobile: 220px
    No - -
    side-navigation-counter-to-disclosure scale-set - desktop: 4px
    mobile: 6px
    No - -
    side-navigation-edge-to-indicator scale-set - desktop: 4px
    mobile: 6px
    No - -
    side-navigation-indicator-to-content scale-set - desktop: 6px
    mobile: 8px
    No - -
    side-navigation-second-level-edge-to-indicator scale-set - desktop: 30px
    mobile: 36px
    No - -
    side-navigation-second-level-with-icon-edge-to-text scale-set - desktop: 28px
    mobile: 34px
    No - -
    side-navigation-second-level-with-icon-edge-to-indicator scale-set - desktop: 20px
    mobile: 26px
    No - -
    side-navigation-third-level-edge-to-indicator scale-set - desktop: 56px
    mobile: 62px
    No - -
    side-navigation-third-level-with-icon-edge-to-text scale-set - desktop: 44px
    mobile: 50px
    No - -
    side-navigation-third-level-with-icon-edge-to-indicator scale-set - desktop: 36px
    mobile: 42px
    No - -
    side-navigation-trailing-accessory-area-to-edge scale-set - desktop: 4px
    mobile: 6px
    No - -
    side-navigation-indicator-height scale-set - desktop: 18px
    mobile: 22px
    No - -
    side-navigation-indicator-thickness dimension 2px 2px No - -