@spectrum-css/tokens/CHANGELOG.md

The Spectrum CSS tokens package

# Change Log

## 16.0.1

### Patch Changes

- [#3541](https://github.com/adobe/spectrum-css/pull/3541) [`1a3245c`](https://github.com/adobe/spectrum-css/commit/1a3245c3a660bc52ed260f18b6cceab5ee81541d) Thanks [@castastrophe](https://github.com/castastrophe)! - Dependency alignment across the project.

  Set component peerDependencies as optional to reduce console warnings on downstream projects.

## 16.0.0

### Major Changes

- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! - ## Breaking change

  This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These were built from a manual snapshot release via `@adobe/spectrum-tokens` and does _NOT_ reflect a fully S2 design asset. This introduces S2 corner rounding and color palette, along with a few component- and alias-level mappings. This approach allows us to temporarily create component CSS that can render S1, Express, or S2 designs by swapping out a few "system"-level variables.

  If you are looking to implement a fully S2 design, please explore the `next` releases instead of using this foundations release. The S2 components rendered with these token values will not fully match S2 design assets. **This release is used in Spectrum Web Components 1.x**.

  **Tokens changed:** 1104

  ### Newly Deprecated (23)

  - `--spectrum---spectrum-corner-radius-300`
  - `--spectrum-corner-radius-400`
  - `--spectrum-corner-radius-500`
  - `--spectrum-corner-radius-600`
  - `--spectrum-corner-radius-700`
  - `--spectrum-corner-radius-800`
  - `--spectrum-corner-radius-1000`
  - `--spectrum-corner-radius-small-default`
  - `--spectrum-corner-radius-medium-default`
  - `--spectrum-corner-radius-large-default`
  - `--spectrum-corner-radius-extra-large-default`
  - `--spectrum-corner-radius-full`
  - `--spectrum-corner-radius-small-size-small`
  - `--spectrum-corner-radius-small-size-medium`
  - `--spectrum-corner-radius-small-size-large`
  - `--spectrum-corner-radius-small-size-extra-large`
  - `--spectrum-corner-radius-medium-size-extra-small`
  - `--spectrum-corner-radius-medium-size-small`
  - `--spectrum-corner-radius-medium-size-medium`
  - `--spectrum-corner-radius-medium-size-large`
  - `--spectrum-corner-radius-medium-size-extra-large`
  - `--spectrum-overlay-opacity`
  - `--spectrum-drop-shadow-color`: Replaced with `--spectrum-drop-shadow-color-100`

  ### Added (185)

  - `accent-color-1500`

  - `--spectrum-accent-color-1600`
  - `--spectrum-informative-color-1500`
  - `--spectrum-informative-color-1600`
  - `--spectrum-negative-color-1500`
  - `--spectrum-negative-color-1600`
  - `--spectrum-notice-color-1500`
  - `--spectrum-notice-color-1600`
  - `--spectrum-positive-color-1500`
  - `--spectrum-positive-color-1600`
  - `--spectrum-negative-subdued-background-color-default`
  - `--spectrum-negative-subdued-background-color-hover`
  - `--spectrum-negative-subdued-background-color-down`
  - `--spectrum-negative-subdued-background-color-key-focus`
  - `--spectrum-accent-subtle-background-color-default`
  - `--spectrum-informative-subtle-background-color-default`
  - `--spectrum-positive-subtle-background-color-default`
  - `--spectrum-notice-subtle-background-color-default`
  - `--spectrum-negative-subtle-background-color-default`
  - `--spectrum-corner-radius-0`
  - `--spectrum-corner-radius-none`
  - `--spectrum-text-to-visual-400`
  - `--spectrum-transparent-white-25`
  - `--spectrum-transparent-white-50`
  - `--spectrum-transparent-white-75`
  - `--spectrum-transparent-white-1000`
  - `--spectrum-transparent-black-25`
  - `--spectrum-transparent-black-50`
  - `--spectrum-transparent-black-75`
  - `--spectrum-transparent-black-1000`
  - `--spectrum-gray-25`
  - `--spectrum-gray-1000`
  - `--spectrum-blue-1500`
  - `--spectrum-blue-1600`
  - `--spectrum-red-1500`
  - `--spectrum-red-1600`
  - `--spectrum-orange-1500`
  - `--spectrum-orange-1600`
  - `--spectrum-yellow-1500`
  - `--spectrum-yellow-1600`
  - `--spectrum-chartreuse-1500`
  - `--spectrum-chartreuse-1600`
  - `--spectrum-celery-1500`
  - `--spectrum-celery-1600`
  - `--spectrum-green-1500`
  - `--spectrum-green-1600`
  - `--spectrum-seafoam-1500`
  - `--spectrum-seafoam-1600`
  - `--spectrum-cyan-1500`
  - `--spectrum-cyan-1600`
  - `--spectrum-indigo-1500`
  - `--spectrum-indigo-1600`
  - `--spectrum-purple-1500`
  - `--spectrum-purple-1600`
  - `--spectrum-fuchsia-1500`
  - `--spectrum-fuchsia-1600`
  - `--spectrum-magenta-1500`
  - `--spectrum-magenta-1600`
  - `--spectrum-pink-100`
  - `--spectrum-pink-200`
  - `--spectrum-pink-300`
  - `--spectrum-pink-400`
  - `--spectrum-pink-500`
  - `--spectrum-pink-600`
  - `--spectrum-pink-700`
  - `--spectrum-pink-800`
  - `--spectrum-pink-900`
  - `--spectrum-pink-1000`
  - `--spectrum-pink-1100`
  - `--spectrum-pink-1200`
  - `--spectrum-pink-1300`
  - `--spectrum-pink-1400`
  - `--spectrum-pink-1500`
  - `--spectrum-pink-1600`
  - `--spectrum-turquoise-100`
  - `--spectrum-turquoise-200`
  - `--spectrum-turquoise-300`
  - `--spectrum-turquoise-400`
  - `--spectrum-turquoise-500`
  - `--spectrum-turquoise-600`
  - `--spectrum-turquoise-700`
  - `--spectrum-turquoise-800`
  - `--spectrum-turquoise-900`
  - `--spectrum-turquoise-1000`
  - `--spectrum-turquoise-1100`
  - `--spectrum-turquoise-1200`
  - `--spectrum-turquoise-1300`
  - `--spectrum-turquoise-1400`
  - `--spectrum-turquoise-1500`
  - `--spectrum-turquoise-1600`
  - `--spectrum-brown-100`
  - `--spectrum-brown-200`
  - `--spectrum-brown-300`
  - `--spectrum-brown-400`
  - `--spectrum-brown-500`
  - `--spectrum-brown-600`
  - `--spectrum-brown-700`
  - `--spectrum-brown-800`
  - `--spectrum-brown-900`
  - `--spectrum-brown-1000`
  - `--spectrum-brown-1100`
  - `--spectrum-brown-1200`
  - `--spectrum-brown-1300`
  - `--spectrum-brown-1400`
  - `--spectrum-brown-1500`
  - `--spectrum-brown-1600`
  - `--spectrum-silver-100`
  - `--spectrum-silver-200`
  - `--spectrum-silver-300`
  - `--spectrum-silver-400`
  - `--spectrum-silver-500`
  - `--spectrum-silver-600`
  - `--spectrum-silver-700`
  - `--spectrum-silver-800`
  - `--spectrum-silver-900`
  - `--spectrum-silver-1000`
  - `--spectrum-silver-1100`
  - `--spectrum-silver-1200`
  - `--spectrum-silver-1300`
  - `--spectrum-silver-1400`
  - `--spectrum-silver-1500`
  - `--spectrum-silver-1600`
  - `--spectrum-cinnamon-100`
  - `--spectrum-cinnamon-200`
  - `--spectrum-cinnamon-300`
  - `--spectrum-cinnamon-400`
  - `--spectrum-cinnamon-500`
  - `--spectrum-cinnamon-600`
  - `--spectrum-cinnamon-700`
  - `--spectrum-cinnamon-800`
  - `--spectrum-cinnamon-900`
  - `--spectrum-cinnamon-1000`
  - `--spectrum-cinnamon-1100`
  - `--spectrum-cinnamon-1200`
  - `--spectrum-cinnamon-1300`
  - `--spectrum-cinnamon-1400`
  - `--spectrum-cinnamon-1500`
  - `--spectrum-cinnamon-1600`
  - `--spectrum-background-elevated-color`
  - `--spectrum-background-pasteboard-color`
  - `--spectrum-brown-visual-color`
  - `--spectrum-cinnamon-visual-color`
  - `--spectrum-pink-visual-color`
  - `--spectrum-silver-visual-color`
  - `--spectrum-turquoise-visual-color`
  - `--spectrum-brown-background-color-default`
  - `--spectrum-cinnamon-background-color-default`
  - `--spectrum-pink-background-color-default`
  - `--spectrum-silver-background-color-default`
  - `--spectrum-turquoise-background-color-default`
  - `--spectrum-title-color`
  - `--spectrum-drop-shadow-color-100`
  - `--spectrum-drop-shadow-color-200`
  - `--spectrum-drop-shadow-color-300`
  - `--spectrum-drop-shadow-emphasized-default-color`
  - `--spectrum-drop-shadow-emphasized-hover-color`
  - `--spectrum-drop-shadow-elevated-color`
  - `--spectrum-neutral-subtle-background-color-default`
  - `--spectrum-gray-subtle-background-color-default`
  - `--spectrum-blue-subtle-background-color-default`
  - `--spectrum-green-subtle-background-color-default`
  - `--spectrum-orange-subtle-background-color-default`
  - `--spectrum-red-subtle-background-color-default`
  - `--spectrum-brown-subtle-background-color-default`
  - `--spectrum-cinnamon-subtle-background-color-default`
  - `--spectrum-celery-subtle-background-color-default`
  - `--spectrum-chartreuse-subtle-background-color-default`
  - `--spectrum-cyan-subtle-background-color-default`
  - `--spectrum-fuchsia-subtle-background-color-default`
  - `--spectrum-indigo-subtle-background-color-default`
  - `--spectrum-magenta-subtle-background-color-default`
  - `--spectrum-pink-subtle-background-color-default`
  - `--spectrum-purple-subtle-background-color-default`
  - `--spectrum-seafoam-subtle-background-color-default`
  - `--spectrum-silver-subtle-background-color-default`
  - `--spectrum-turquoise-subtle-background-color-default`
  - `--spectrum-yellow-subtle-background-color-default`
  - `--spectrum-drop-shadow-dragged-color`
  - `--spectrum-static-black-text-color`
  - `--spectrum-static-white-text-color`
  - `--spectrum-track-color`
  - `--spectrum-static-black-track-color`
  - `--spectrum-static-white-track-color`
  - `--spectrum-static-black-track-indicator-color`
  - `--spectrum-static-white-track-indicator-color`

  ### Updated (896)

  ####  Added Properties (112)

  - `--spectrum-heading-sans-serif-font-weight`
    - **value**: `--spectrum-bold-font-weight`
  - `--spectrum-heading-serif-font-weight`
    - **value**: `--spectrum-bold-font-weight`
  - `--spectrum-heading-cjk-font-weight`
    - **value**: `--spectrum-extra-bold-font-weight`
  - `--spectrum-heading-sans-serif-emphasized-font-weight`
    - **value**: `--spectrum-bold-font-weight`
  - `--spectrum-heading-serif-emphasized-font-weight`
    - **value**: `--spectrum-bold-font-weight`
  - `--spectrum-accent-color-100`
    - **value**: `--spectrum-blue-100`
  - `--spectrum-accent-color-200`
    - **value**: `--spectrum-blue-200`
  - `--spectrum-accent-color-300`
    - **value**: `--spectrum-blue-300`
  - `--spectrum-accent-color-400`
    - **value**: `--spectrum-blue-400`
  - `--spectrum-accent-color-500`
    - **value**: `--spectrum-blue-500`
  - `--spectrum-accent-color-600`
    - **value**: `--spectrum-blue-600`
  - `--spectrum-accent-color-700`
    - **value**: `--spectrum-blue-700`
  - `--spectrum-accent-color-800`
    - **value**: `--spectrum-blue-800`
  - `--spectrum-accent-color-900`
    - **value**: `--spectrum-blue-900`
  - `--spectrum-accent-color-1000`
    - **value**: `--spectrum-blue-1000`
  - `--spectrum-accent-color-1100`
    - **value**: `--spectrum-blue-1100`
  - `--spectrum-accent-color-1200`
    - **value**: `--spectrum-blue-1200`
  - `--spectrum-accent-color-1300`
    - **value**: `--spectrum-blue-1300`
  - `--spectrum-accent-color-1400`
    - **value**: `--spectrum-blue-1400`
  - `--spectrum-corner-radius-75`
    - **value**: 4px
  - `--spectrum-corner-radius-100`
    - **value**: 8px
  - `--spectrum-corner-radius-200`
    - **value**: 10px
  - `--spectrum-drop-shadow-x`
    - **value**: 0px
  - `--spectrum-drop-shadow-y`
    - **value**: 1px (desktop)
    - **value**: 2px (mobile)
  - `--spectrum-drop-shadow-blur`
    - **value**: 4px (desktop)
    - **value**: 6px (mobile)
  - `--spectrum-border-width-100`
    - **value**: 1px
  - `--spectrum-checkbox-control-size-small`
    - **value**: 12px (desktop)
    - **value**: 16px (mobile)
  - `--spectrum-checkbox-control-size-medium`
    - **value**: 14px (desktop)
    - **value**: 18px (mobile)
  - `--spectrum-checkbox-control-size-large`
    - **value**: 16px (desktop)
    - **value**: 20px (mobile)
  - `--spectrum-checkbox-control-size-extra-large`
    - **value**: 18px (desktop)
    - **value**: 22px (mobile)
  - `--spectrum-checkbox-top-to-control-small`
    - **value**: 6px (desktop)
    - **value**: 7px (mobile)
  - `--spectrum-checkbox-top-to-control-medium`
    - **value**: 9px (desktop)
    - **value**: 11px (mobile)
  - `--spectrum-checkbox-top-to-control-large`
    - **value**: 12px (desktop)
    - **value**: 15px (mobile)
  - `--spectrum-checkbox-top-to-control-extra-large`
    - **value**: 15px (desktop)
    - **value**: 19px (mobile)
  - `--spectrum-switch-control-width-small`
    - **value**: 23px (desktop)
    - **value**: 32px (mobile)
  - `--spectrum-switch-control-width-medium`
    - **value**: 26px (desktop)
    - **value**: 36px (mobile)
  - `--spectrum-switch-control-width-large`
    - **value**: 29px (desktop)
    - **value**: 41px (mobile)
  - `--spectrum-switch-control-width-extra-large`
    - **value**: 33px (desktop)
    - **value**: 46px (mobile)
  - `--spectrum-switch-control-height-small`
    - **value**: 12px (desktop)
    - **value**: 16px (mobile)
  - `--spectrum-switch-control-height-medium`
    - **value**: 14px (desktop)
    - **value**: 18px (mobile)
  - `--spectrum-switch-control-height-large`
    - **value**: 16px (desktop)
    - **value**: 20px (mobile)
  - `--spectrum-switch-control-height-extra-large`
    - **value**: 18px (desktop)
    - **value**: 22px (mobile)
  - `--spectrum-switch-top-to-control-small`
    - **value**: 6px (desktop)
    - **value**: 7px (mobile)
  - `--spectrum-switch-top-to-control-medium`
    - **value**: 9px (desktop)
    - **value**: 11px (mobile)
  - `--spectrum-switch-top-to-control-large`
    - **value**: 12px (desktop)
    - **value**: 15px (mobile)
  - `--spectrum-switch-top-to-control-extra-large`
    - **value**: 15px (desktop)
    - **value**: 19px (mobile)
  - `--spectrum-radio-button-control-size-small`
    - **value**: 12px (desktop)
    - **value**: 16px (mobile)
  - `--spectrum-radio-button-control-size-medium`
    - **value**: 14px (desktop)
    - **value**: 18px (mobile)
  - `--spectrum-radio-button-control-size-large`
    - **value**: 16px (desktop)
    - **value**: 20px (mobile)
  - `--spectrum-radio-button-control-size-extra-large`
    - **value**: 18px (desktop)
    - **value**: 22px (mobile)
  - `--spectrum-radio-button-top-to-control-small`
    - **value**: 6px (desktop)
    - **value**: 7px (mobile)
  - `--spectrum-radio-button-top-to-control-medium`
    - **value**: 9px (desktop)
    - **value**: 11px (mobile)
  - `--spectrum-radio-button-top-to-control-large`
    - **value**: 12px (desktop)
    - **value**: 15px (mobile)
  - `--spectrum-radio-button-top-to-control-extra-large`
    - **value**: 15px (desktop)
    - **value**: 19px (mobile)
  - `--spectrum-slider-track-thickness`
    - **value**: 2px
  - `--spectrum-slider-control-height-small`
    - **value**: 14px (desktop)
    - **value**: 18px (mobile)
  - `--spectrum-slider-control-height-medium`
    - **value**: 16px (desktop)
    - **value**: 20px (mobile)
  - `--spectrum-slider-control-height-large`
    - **value**: 18px (desktop)
    - **value**: 22px (mobile)
  - `--spectrum-slider-control-height-extra-large`
    - **value**: 20px (desktop)
    - **value**: 26px (mobile)
  - `--spectrum-slider-handle-size-small`
    - **value**: 14px (desktop)
    - **value**: 18px (mobile)
  - `--spectrum-slider-handle-size-medium`
    - **value**: 16px (desktop)
    - **value**: 20px (mobile)
  - `--spectrum-slider-handle-size-large`
    - **value**: 18px (desktop)
    - **value**: 22px (mobile)
  - `--spectrum-slider-handle-size-extra-large`
    - **value**: 20px (desktop)
    - **value**: 26px (mobile)
  - `--spectrum-slider-handle-border-width-down-small`
    - **value**: 5px (desktop)
    - **value**: 7px (mobile)
  - `--spectrum-slider-handle-border-width-down-medium`
    - **value**: 6px (desktop)
    - **value**: 8px (mobile)
  - `--spectrum-slider-handle-border-width-down-large`
    - **value**: 7px (desktop)
    - **value**: 9px (mobile)
  - `--spectrum-slider-handle-border-width-down-extra-large`
    - **value**: 8px (desktop)
    - **value**: 11px (mobile)
  - `--spectrum-slider-handle-gap`
    - **value**: 4px
  - `--spectrum-slider-bottom-to-handle-small`
    - **value**: 5px (desktop)
    - **value**: 6px (mobile)
  - `--spectrum-slider-bottom-to-handle-medium`
    - **value**: 8px (desktop)
    - **value**: 10px (mobile)
  - `--spectrum-slider-bottom-to-handle-large`
    - **value**: 11px (desktop)
    - **value**: 14px (mobile)
  - `--spectrum-slider-bottom-to-handle-extra-large`
    - **value**: 14px (desktop)
    - **value**: 17px (mobile)
  - `--spectrum-picker-border-width`
    - **value**: border-width-100
  - `--spectrum-in-field-button-fill-stacked-inner-border-rounding`
    - **value**: 0px
  - `--spectrum-in-field-button-edge-to-fill`
    - **value**: 0px
  - `--spectrum-in-field-button-stacked-inner-edge-to-fill`
    - **value**: 0px
  - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
    - **value**: 3px
  - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large`
    - **value**: 4px
  - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
    - **value**: 5px
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small`
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large`
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
  - `--spectrum-white`
    - **value**: rgb(255, 255, 255) (light)
    - **value**: rgb(255, 255, 255) (dark)
  - `--spectrum-transparent-white-100`
    - **value**: rgba(255, 255, 255, 0.11) (light)
    - **value**: rgba(255, 255, 255, 0.11) (dark)
  - `--spectrum-transparent-white-200`
    - **value**: rgba(255, 255, 255, 0.14) (light)
    - **value**: rgba(255, 255, 255, 0.14) (dark)
  - `--spectrum-transparent-white-300`
    - **value**: rgba(255, 255, 255, 0.17) (light)
    - **value**: rgba(255, 255, 255, 0.17) (dark)
  - `--spectrum-transparent-white-400`
    - **value**: rgba(255, 255, 255, 0.21) (light)
    - **value**: rgba(255, 255, 255, 0.21) (dark)
  - `--spectrum-transparent-white-500`
    - **value**: rgba(255, 255, 255, 0.39) (light)
    - **value**: rgba(255, 255, 255, 0.39) (dark)
  - `--spectrum-transparent-white-600`
    - **value**: rgba(255, 255, 255, 0.51) (light)
    - **value**: rgba(255, 255, 255, 0.51) (dark)
  - `--spectrum-transparent-white-700`
    - **value**: rgba(255, 255, 255, 0.66) (light)
    - **value**: rgba(255, 255, 255, 0.66) (dark)
  - `--spectrum-transparent-white-800`
    - **value**: rgba(255, 255, 255, 0.85) (light)
    - **value**: rgba(255, 255, 255, 0.85) (dark)
  - `--spectrum-transparent-white-900`
    - **value**: rgba(255, 255, 255, 0.94) (light)
    - **value**: rgba(255, 255, 255, 0.94) (dark)
  - `--spectrum-transparent-black-100`
    - **value**: rgba(0, 0, 0, 0.09) (light)
    - **value**: rgba(0, 0, 0, 0.09) (dark)
  - `--spectrum-transparent-black-200`
    - **value**: rgba(0, 0, 0, 0.12) (light)
    - **value**: rgba(0, 0, 0, 0.12) (dark)
  - `--spectrum-transparent-black-300`
    - **value**: rgba(0, 0, 0, 0.15) (light)
    - **value**: rgba(0, 0, 0, 0.15) (dark)
  - `--spectrum-transparent-black-400`
    - **value**: rgba(0, 0, 0, 0.22) (light)
    - **value**: rgba(0, 0, 0, 0.22) (dark)
  - `--spectrum-transparent-black-500`
    - **value**: rgba(0, 0, 0, 0.44) (light)
    - **value**: rgba(0, 0, 0, 0.44) (dark)
  - `--spectrum-transparent-black-600`
    - **value**: rgba(0, 0, 0, 0.56) (light)
    - **value**: rgba(0, 0, 0, 0.56) (dark)
  - `--spectrum-transparent-black-700`
    - **value**: rgba(0, 0, 0, 0.69) (light)
    - **value**: rgba(0, 0, 0, 0.69) (dark)
  - `--spectrum-transparent-black-800`
    - **value**: rgba(0, 0, 0, 0.84) (light)
    - **value**: rgba(0, 0, 0, 0.84) (dark)
  - `--spectrum-transparent-black-900`
    - **value**: rgba(0, 0, 0, 0.93) (light)
    - **value**: rgba(0, 0, 0, 0.93) (dark)
  - `--spectrum-background-base-color`
    - **value**: `--spectrum-gray-25`
  - `--spectrum-background-layer-1-color`
    - **value**: `--spectrum-gray-50`
  - `--spectrum-neutral-background-color-default`
    - **value**: `--spectrum-gray-800`
  - `--spectrum-neutral-background-color-hover`
    - **value**: `--spectrum-gray-900`
  - `--spectrum-neutral-background-color-down`
    - **value**: `--spectrum-gray-900`
  - `--spectrum-neutral-background-color-key-focus`
    - **value**: `--spectrum-gray-900`
  - `--spectrum-neutral-background-color-selected-default`
    - **value**: `--spectrum-gray-800`
  - `--spectrum-neutral-background-color-selected-hover`
    - **value**: `--spectrum-gray-900`
  - `--spectrum-neutral-background-color-selected-down`
    - **value**: `--spectrum-gray-900`
  - `--spectrum-neutral-background-color-selected-key-focus`
    - **value**: `--spectrum-gray-900`

  #### Deleted Properties (368)

  - `--spectrum-heading-sans-serif-font-weight`
    - **value**: `--spectrum-bold-font-weight` (spectrum)
    - **value**: `--spectrum-black-font-weight` (express) **deprecated**
  - `--spectrum-heading-serif-font-weight`
    - **value**: `--spectrum-bold-font-weight` (spectrum)
    - **value**: `--spectrum-black-font-weight` (express) **deprecated**
  - `--spectrum-heading-cjk-font-weight`
    - **value**: `--spectrum-extra-bold-font-weight` (spectrum)
    - **value**: `--spectrum-black-font-weight` (express) **deprecated**
  - `--spectrum-heading-sans-serif-emphasized-font-weight`
    - **value**: `--spectrum-bold-font-weight` (spectrum)
    - **value**: `--spectrum-black-font-weight` (express) **deprecated**
  - `--spectrum-heading-serif-emphasized-font-weight`
    - **value**: `--spectrum-bold-font-weight` (spectrum)
    - **value**: `--spectrum-black-font-weight` (express) **deprecated**
  - `--spectrum-accent-color-100`
    - **value**: `--spectrum-blue-100` (spectrum)
    - **value**: `--spectrum-indigo-100` (express) **deprecated**
  - `--spectrum-accent-color-200`
    - **value**: `--spectrum-blue-200` (spectrum)
    - **value**: `--spectrum-indigo-200` (express) **deprecated**
  - `--spectrum-accent-color-300`
    - **value**: `--spectrum-blue-300` (spectrum)
    - **value**: `--spectrum-indigo-300` (express) **deprecated**
  - `--spectrum-accent-color-400`
    - **value**: `--spectrum-blue-400` (spectrum)
    - **value**: `--spectrum-indigo-400` (express) **deprecated**
  - `--spectrum-accent-color-500`
    - **value**: `--spectrum-blue-500` (spectrum)
    - **value**: `--spectrum-indigo-500` (express) **deprecated**
  - `--spectrum-accent-color-600`
    - **value**: `--spectrum-blue-600` (spectrum)
    - **value**: `--spectrum-indigo-600` (express) **deprecated**
  - `--spectrum-accent-color-700`
    - **value**: `--spectrum-blue-700` (spectrum)
    - **value**: `--spectrum-indigo-700` (express) **deprecated**
  - `--spectrum-accent-color-800`
    - **value**: `--spectrum-blue-800` (spectrum)
    - **value**: `--spectrum-indigo-800` (express) **deprecated**
  - `--spectrum-accent-color-900`
    - **value**: `--spectrum-blue-900` (spectrum)
    - **value**: `--spectrum-indigo-900` (express) **deprecated**
  - `--spectrum-accent-color-1000`
    - **value**: `--spectrum-blue-1000` (spectrum)
    - **value**: `--spectrum-indigo-1000` (express) **deprecated**
  - `--spectrum-accent-color-1100`
    - **value**: `--spectrum-blue-1100` (spectrum)
    - **value**: `--spectrum-indigo-1100` (express) **deprecated**
  - `--spectrum-accent-color-1200`
    - **value**: `--spectrum-blue-1200` (spectrum)
    - **value**: `--spectrum-indigo-1200` (express) **deprecated**
  - `--spectrum-accent-color-1300`
    - **value**: `--spectrum-blue-1300` (spectrum)
    - **value**: `--spectrum-indigo-1300` (express) **deprecated**
  - `--spectrum-accent-color-1400`
    - **value**: `--spectrum-blue-1400` (spectrum)
    - **value**: `--spectrum-indigo-1400` (express) **deprecated**
  - `--spectrum-corner-radius-75`
    - **value**: 2px (spectrum)
    - **value**: 3px (express | desktop) **deprecated**
    - **value**: 4px (express | mobile) **deprecated**
  - `--spectrum-corner-radius-100`
    - **value**: 4px (spectrum | desktop)
    - **value**: 5px (spectrum | mobile)
    - **value**: 6px (express | desktop) **deprecated**
    - **value**: 8px (express | mobile) **deprecated**
  - `--spectrum-corner-radius-200`
    - **value**: 8px (spectrum | desktop)
    - **value**: 10px (spectrum | mobile)
    - **value**: 12px (express | desktop) **deprecated**
    - **value**: 16px (express | mobile) **deprecated**
  - `--spectrum-drop-shadow-x`
    - **value**: 0px (spectrum)
    - **value**: 0px (express | desktop) **deprecated**
    - **value**: 0px (express | mobile) **deprecated**
  - `--spectrum-drop-shadow-y`
    - **value**: 1px (spectrum | desktop)
    - **value**: 2px (spectrum | mobile)
    - **value**: 4px (express | desktop) **deprecated**
    - **value**: 4px (express | mobile) **deprecated**
  - `--spectrum-drop-shadow-blur`
    - **value**: 4px (spectrum | desktop)
    - **value**: 6px (spectrum | mobile)
    - **value**: 16px (express | desktop) **deprecated**
    - **value**: 16px (express | mobile) **deprecated**
  - `--spectrum-border-width-100`
    - **value**: 1px (spectrum)
    - **value**: 2px (express) **deprecated**
  - `--spectrum-checkbox-control-size-small`
    - **value**: 12px (spectrum | desktop)
    - **value**: 16px (spectrum | mobile)
    - **value**: 14px (express | desktop) **deprecated**
    - **value**: 18px (express | mobile) **deprecated**
  - `--spectrum-checkbox-control-size-medium`
    - **value**: 14px (spectrum | desktop)
    - **value**: 18px (spectrum | mobile)
    - **value**: 16px (express | desktop) **deprecated**
    - **value**: 20px (express | mobile) **deprecated**
  - `--spectrum-checkbox-control-size-large`
    - **value**: 16px (spectrum | desktop)
    - **value**: 20px (spectrum | mobile)
    - **value**: 18px (express | desktop) **deprecated**
    - **value**: 22px (express | mobile) **deprecated**
  - `--spectrum-checkbox-control-size-extra-large`
    - **value**: 18px (spectrum | desktop)
    - **value**: 22px (spectrum | mobile)
    - **value**: 20px (express | desktop) **deprecated**
    - **value**: 26px (express | mobile) **deprecated**
  - `--spectrum-checkbox-top-to-control-small`
    - **value**: 6px (spectrum | desktop)
    - **value**: 7px (spectrum | mobile)
    - **value**: 5px (express | desktop) **deprecated**
    - **value**: 6px (express | mobile) **deprecated**
  - `--spectrum-checkbox-top-to-control-medium`
    - **value**: 9px (spectrum | desktop)
    - **value**: 11px (spectrum | mobile)
    - **value**: 8px (express | desktop) **deprecated**
    - **value**: 10px (express | mobile) **deprecated**
  - `--spectrum-checkbox-top-to-control-large`
    - **value**: 12px (spectrum | desktop)
    - **value**: 15px (spectrum | mobile)
    - **value**: 11px (express | desktop) **deprecated**
    - **value**: 14px (express | mobile) **deprecated**
  - `--spectrum-checkbox-top-to-control-extra-large`
    - **value**: 15px (spectrum | desktop)
    - **value**: 19px (spectrum | mobile)
    - **value**: 14px (express | desktop) **deprecated**
    - **value**: 17px (express | mobile) **deprecated**
  - `--spectrum-switch-control-width-small`
    - **value**: 23px (spectrum | desktop)
    - **value**: 32px (spectrum | mobile)
    - **value**: 25px (express | desktop) **deprecated**
    - **value**: 32px (express | mobile) **deprecated**
  - `--spectrum-switch-control-width-medium`
    - **value**: 26px (spectrum | desktop)
    - **value**: 36px (spectrum | mobile)
    - **value**: 28px (express | desktop) **deprecated**
    - **value**: 36px (express | mobile) **deprecated**
  - `--spectrum-switch-control-width-large`
    - **value**: 29px (spectrum | desktop)
    - **value**: 41px (spectrum | mobile)
    - **value**: 32px (express | desktop) **deprecated**
    - **value**: 41px (express | mobile) **deprecated**
  - `--spectrum-switch-control-width-extra-large`
    - **value**: 33px (spectrum | desktop)
    - **value**: 46px (spectrum | mobile)
    - **value**: 35px (express | desktop) **deprecated**
    - **value**: 46px (express | mobile) **deprecated**
  - `--spectrum-switch-control-height-small`
    - **value**: 12px (spectrum | desktop)
    - **value**: 16px (spectrum | mobile)
    - **value**: 14px (express | desktop) **deprecated**
    - **value**: 18px (express | mobile) **deprecated**
  - `--spectrum-switch-control-height-medium`
    - **value**: 14px (spectrum | desktop)
    - **value**: 18px (spectrum | mobile)
    - **value**: 16px (express | desktop) **deprecated**
    - **value**: 20px (express | mobile) **deprecated**
  - `--spectrum-switch-control-height-large`
    - **value**: 16px (spectrum | desktop)
    - **value**: 20px (spectrum | mobile)
    - **value**: 18px (express | desktop) **deprecated**
    - **value**: 22px (express | mobile) **deprecated**
  - `--spectrum-switch-control-height-extra-large`
    - **value**: 18px (spectrum | desktop)
    - **value**: 22px (spectrum | mobile)
    - **value**: 20px (express | desktop) **deprecated**
    - **value**: 26px (express | mobile) **deprecated**
  - `--spectrum-switch-top-to-control-small`
    - **value**: 6px (spectrum | desktop)
    - **value**: 7px (spectrum | mobile)
    - **value**: 5px (express | desktop) **deprecated**
    - **value**: 6px (express | mobile) **deprecated**
  - `--spectrum-switch-top-to-control-medium`
    - **value**: 9px (spectrum | desktop)
    - **value**: 11px (spectrum | mobile)
    - **value**: 8px (express | desktop) **deprecated**
    - **value**: 10px (express | mobile) **deprecated**
  - `--spectrum-switch-top-to-control-large`
    - **value**: 12px (spectrum | desktop)
    - **value**: 15px (spectrum | mobile)
    - **value**: 11px (express | desktop) **deprecated**
    - **value**: 14px (express | mobile) **deprecated**
  - `--spectrum-switch-top-to-control-extra-large`
    - **value**: 15px (spectrum | desktop)
    - **value**: 19px (spectrum | mobile)
    - **value**: 14px (express | desktop) **deprecated**
    - **value**: 17px (express | mobile) **deprecated**
  - `--spectrum-radio-button-control-size-small`
    - **value**: 12px (spectrum | desktop)
    - **value**: 16px (spectrum | mobile)
    - **value**: 14px (express | desktop) **deprecated**
    - **value**: 18px (express | mobile) **deprecated**
  - `--spectrum-radio-button-control-size-medium`
    - **value**: 14px (spectrum | desktop)
    - **value**: 18px (spectrum | mobile)
    - **value**: 16px (express | desktop) **deprecated**
    - **value**: 20px (express | mobile) **deprecated**
  - `--spectrum-radio-button-control-size-large`
    - **value**: 16px (spectrum | desktop)
    - **value**: 20px (spectrum | mobile)
    - **value**: 18px (express | desktop) **deprecated**
    - **value**: 22px (express | mobile) **deprecated**
  - `--spectrum-radio-button-control-size-extra-large`
    - **value**: 18px (spectrum | desktop)
    - **value**: 22px (spectrum | mobile)
    - **value**: 20px (express | desktop) **deprecated**
    - **value**: 26px (express | mobile) **deprecated**
  - `--spectrum-radio-button-top-to-control-small`
    - **value**: 6px (spectrum | desktop)
    - **value**: 7px (spectrum | mobile)
    - **value**: 5px (express | desktop) **deprecated**
    - **value**: 6px (express | mobile) **deprecated**
  - `--spectrum-radio-button-top-to-control-medium`
    - **value**: 9px (spectrum | desktop)
    - **value**: 11px (spectrum | mobile)
    - **value**: 8px (express | desktop) **deprecated**
    - **value**: 10px (express | mobile) **deprecated**
  - `--spectrum-radio-button-top-to-control-large`
    - **value**: 12px (spectrum | desktop)
    - **value**: 15px (spectrum | mobile)
    - **value**: 11px (express | desktop) **deprecated**
    - **value**: 14px (express | mobile) **deprecated**
  - `--spectrum-radio-button-top-to-control-extra-large`
    - **value**: 15px (spectrum | desktop)
    - **value**: 19px (spectrum | mobile)
    - **value**: 14px (express | desktop) **deprecated**
    - **value**: 17px (express | mobile) **deprecated**
  - `--spectrum-slider-track-thickness`
    - **value**: 2px (spectrum)
    - **value**: 4px (express) **deprecated**
  - `--spectrum-slider-control-height-small`
    - **value**: 14px (spectrum | desktop)
    - **value**: 18px (spectrum | mobile)
    - **value**: 18px (express | desktop) **deprecated**
    - **value**: 22px (express | mobile) **deprecated**
  - `--spectrum-slider-control-height-medium`
    - **value**: 16px (spectrum | desktop)
    - **value**: 20px (spectrum | mobile)
    - **value**: 20px (express | desktop) **deprecated**
    - **value**: 24px (express | mobile) **deprecated**
  - `--spectrum-slider-control-height-large`
    - **value**: 18px (spectrum | desktop)
    - **value**: 22px (spectrum | mobile)
    - **value**: 22px (express | desktop) **deprecated**
    - **value**: 28px (express | mobile) **deprecated**
  - `--spectrum-slider-control-height-extra-large`
    - **value**: 20px (spectrum | desktop)
    - **value**: 26px (spectrum | mobile)
    - **value**: 24px (express | desktop) **deprecated**
    - **value**: 30px (express | mobile) **deprecated**
  - `--spectrum-slider-handle-size-small`
    - **value**: 14px (spectrum | desktop)
    - **value**: 18px (spectrum | mobile)
    - **value**: 18px (express | desktop) **deprecated**
    - **value**: 22px (express | mobile) **deprecated**
  - `--spectrum-slider-handle-size-medium`
    - **value**: 16px (spectrum | desktop)
    - **value**: 20px (spectrum | mobile)
    - **value**: 20px (express | desktop) **deprecated**
    - **value**: 24px (express | mobile) **deprecated**
  - `--spectrum-slider-handle-size-large`
    - **value**: 18px (spectrum | desktop)
    - **value**: 22px (spectrum | mobile)
    - **value**: 22px (express | desktop) **deprecated**
    - **value**: 28px (express | mobile) **deprecated**
  - `--spectrum-slider-handle-size-extra-large`
    - **value**: 20px (spectrum | desktop)
    - **value**: 26px (spectrum | mobile)
    - **value**: 24px (express | desktop) **deprecated**
    - **value**: 30px (express | mobile) **deprecated**
  - `--spectrum-slider-handle-border-width-down-small`
    - **value**: 5px (spectrum | desktop)
    - **value**: 7px (spectrum | mobile)
    - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated**
    - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated**
  - `--spectrum-slider-handle-border-width-down-medium`
    - **value**: 6px (spectrum | desktop)
    - **value**: 8px (spectrum | mobile)
    - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated**
    - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated**
  - `--spectrum-slider-handle-border-width-down-large`
    - **value**: 7px (spectrum | desktop)
    - **value**: 9px (spectrum | mobile)
    - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated**
    - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated**
  - `--spectrum-slider-handle-border-width-down-extra-large`
    - **value**: 8px (spectrum | desktop)
    - **value**: 11px (spectrum | mobile)
    - **value**: `--spectrum-border-width-200` (express | desktop) **deprecated**
    - **value**: `--spectrum-border-width-200` (express | mobile) **deprecated**
  - `--spectrum-slider-handle-gap`
    - **value**: 4px (spectrum)
    - **value**: 0px (express) **deprecated**
  - `--spectrum-slider-bottom-to-handle-small`
    - **value**: 5px (spectrum | desktop)
    - **value**: 6px (spectrum | mobile)
    - **value**: 3px (express | desktop) **deprecated**
    - **value**: 4px (express | mobile) **deprecated**
  - `--spectrum-slider-bottom-to-handle-medium`
    - **value**: 8px (spectrum | desktop)
    - **value**: 10px (spectrum | mobile)
    - **value**: 6px (express | desktop) **deprecated**
    - **value**: 8px (express | mobile) **deprecated**
  - `--spectrum-slider-bottom-to-handle-large`
    - **value**: 11px (spectrum | desktop)
    - **value**: 14px (spectrum | mobile)
    - **value**: 9px (express | desktop) **deprecated**
    - **value**: 12px (express | mobile) **deprecated**
  - `--spectrum-slider-bottom-to-handle-extra-large`
    - **value**: 14px (spectrum | desktop)
    - **value**: 17px (spectrum | mobile)
    - **value**: 12px (express | desktop) **deprecated**
    - **value**: 15px (express | mobile) **deprecated**
  - `--spectrum-picker-border-width`
    - **value**: `--spectrum-border-width-100` (spectrum)
    - **value**: 0 (express)
  - `--spectrum-in-field-button-fill-stacked-inner-border-rounding`
    - **value**: 0px (spectrum)
    - **value**: 1px (express)
  - `--spectrum-in-field-button-edge-to-fill`
    - **value**: 0px (spectrum)
    - **value**: 4px (express)
  - `--spectrum-in-field-button-stacked-inner-edge-to-fill`
    - **value**: 0px (spectrum)
    - **value**: 1px (express)
  - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
    - **value**: 3px (spectrum)
    - **value**: 5px (express)
  - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large`
    - **value**: 4px (spectrum)
    - **value**: 7px (express)
  - `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
    - **value**: 5px (spectrum)
    - **value**: 8px (express)
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small` (spectrum)
    - **value**: 1px (express)
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium` (spectrum)
    - **value**: 1px (express)
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large` (spectrum)
    - **value**: 3px (express)
  - `--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large`
    - **value**: `--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large` (spectrum)
    - **value**: 4px (express)
  - `--spectrum-icon-color-blue-primary-default`
    - **value**: `--spectrum-blue-800` (darkest)
  - `--spectrum-icon-color-green-primary-default`
    - **value**: `--spectrum-green-800` (darkest)
  - `--spectrum-icon-color-red-primary-default`
    - **value**: `--spectrum-red-700` (darkest)
  - `--spectrum-icon-color-yellow-primary-default`
    - **value**: `--spectrum-yellow-1000` (darkest)
  - `--spectrum-white`
    - **value**: rgb(255, 255, 255)
  - `--spectrum-transparent-white-100`
    - **value**: rgba(255, 255, 255, 0)
  - `--spectrum-transparent-white-200`
    - **value**: rgba(255, 255, 255, 0.1)
  - `--spectrum-transparent-white-300`
    - **value**: rgba(255, 255, 255, 0.25)
  - `--spectrum-transparent-white-400`
    - **value**: rgba(255, 255, 255, 0.4)
  - `--spectrum-transparent-white-500`
    - **value**: rgba(255, 255, 255, 0.55)
  - `--spectrum-transparent-white-600`
    - **value**: rgba(255, 255, 255, 0.7)
  - `--spectrum-transparent-white-700`
    - **value**: rgba(255, 255, 255, 0.8)
  - `--spectrum-transparent-white-800`
    - **value**: rgba(255, 255, 255, 0.9)
  - `--spectrum-transparent-white-900`
    - **value**: rgb(255, 255, 255)
  - `--spectrum-transparent-black-100`
    - **value**: rgba(0, 0, 0, 0)
  - `--spectrum-transparent-black-200`
    - **value**: rgba(0, 0, 0, 0.1)
  - `--spectrum-transparent-black-300`
    - **value**: rgba(0, 0, 0, 0.25)
  - `--spectrum-transparent-black-400`
    - **value**: rgba(0, 0, 0, 0.4)
  - `--spectrum-transparent-black-500`
    - **value**: rgba(0, 0, 0, 0.55)
  - `--spectrum-transparent-black-600`
    - **value**: rgba(0, 0, 0, 0.7)
  - `--spectrum-transparent-black-700`
    - **value**: rgba(0, 0, 0, 0.8)
  - `--spectrum-transparent-black-800`
    - **value**: rgba(0, 0, 0, 0.9)
  - `--spectrum-transparent-black-900`
    - **value**: rgb(0, 0, 0)
  - `--spectrum-gray-50`
    - **value**: rgb(0, 0, 0) (darkest)
  - `--spectrum-gray-75`
    - **value**: rgb(14, 14, 14) (darkest)
  - `--spectrum-gray-100`
    - **value**: rgb(29, 29, 29) (darkest)
  - `--spectrum-gray-200`
    - **value**: rgb(48, 48, 48) (darkest)
  - `--spectrum-gray-300`
    - **value**: rgb(75, 75, 75) (darkest)
  - `--spectrum-gray-400`
    - **value**: rgb(106, 106, 106) (darkest)
  - `--spectrum-gray-500`
    - **value**: rgb(141, 141, 141) (darkest)
  - `--spectrum-gray-600`
    - **value**: rgb(176, 176, 176) (darkest)
  - `--spectrum-gray-700`
    - **value**: rgb(208, 208, 208) (darkest)
  - `--spectrum-gray-800`
    - **value**: rgb(235, 235, 235) (darkest)
  - `--spectrum-gray-900`
    - **value**: rgb(255, 255, 255) (darkest)
  - `--spectrum-blue-100`
    - **value**: rgb(0, 38, 81) (darkest)
  - `--spectrum-blue-200`
    - **value**: rgb(0, 50, 106) (darkest)
  - `--spectrum-blue-300`
    - **value**: rgb(0, 64, 135) (darkest)
  - `--spectrum-blue-400`
    - **value**: rgb(0, 78, 166) (darkest)
  - `--spectrum-blue-500`
    - **value**: rgb(0, 92, 200) (darkest)
  - `--spectrum-blue-600`
    - **value**: rgb(6, 108, 231) (darkest)
  - `--spectrum-blue-700`
    - **value**: rgb(29, 128, 245) (darkest)
  - `--spectrum-blue-800`
    - **value**: rgb(64, 150, 243) (darkest)
  - `--spectrum-blue-900`
    - **value**: rgb(94, 170, 247) (darkest)
  - `--spectrum-blue-1000`
    - **value**: rgb(124, 189, 250) (darkest)
  - `--spectrum-blue-1100`
    - **value**: rgb(152, 206, 253) (darkest)
  - `--spectrum-blue-1200`
    - **value**: rgb(179, 222, 254) (darkest)
  - `--spectrum-blue-1300`
    - **value**: rgb(206, 234, 255) (darkest)
  - `--spectrum-blue-1400`
    - **value**: rgb(227, 243, 255) (darkest)
  - `--spectrum-red-100`
    - **value**: rgb(87, 0, 0) (darkest)
  - `--spectrum-red-200`
    - **value**: rgb(110, 0, 0) (darkest)
  - `--spectrum-red-300`
    - **value**: rgb(138, 0, 0) (darkest)
  - `--spectrum-red-400`
    - **value**: rgb(167, 0, 0) (darkest)
  - `--spectrum-red-500`
    - **value**: rgb(196, 7, 6) (darkest)
  - `--spectrum-red-600`
    - **value**: rgb(221, 33, 24) (darkest)
  - `--spectrum-red-700`
    - **value**: rgb(238, 67, 49) (darkest)
  - `--spectrum-red-800`
    - **value**: rgb(249, 99, 76) (darkest)
  - `--spectrum-red-900`
    - **value**: rgb(255, 129, 107) (darkest)
  - `--spectrum-red-1000`
    - **value**: rgb(255, 158, 140) (darkest)
  - `--spectrum-red-1100`
    - **value**: rgb(255, 183, 169) (darkest)
  - `--spectrum-red-1200`
    - **value**: rgb(255, 205, 195) (darkest)
  - `--spectrum-red-1300`
    - **value**: rgb(255, 223, 217) (darkest)
  - `--spectrum-red-1400`
    - **value**: rgb(255, 237, 234) (darkest)
  - `--spectrum-orange-100`
    - **value**: rgb(72, 24, 1) (darkest)
  - `--spectrum-orange-200`
    - **value**: rgb(92, 32, 0) (darkest)
  - `--spectrum-orange-300`
    - **value**: rgb(115, 43, 0) (darkest)
  - `--spectrum-orange-400`
    - **value**: rgb(138, 55, 0) (darkest)
  - `--spectrum-orange-500`
    - **value**: rgb(162, 68, 0) (darkest)
  - `--spectrum-orange-600`
    - **value**: rgb(186, 82, 0) (darkest)
  - `--spectrum-orange-700`
    - **value**: rgb(210, 98, 0) (darkest)
  - `--spectrum-orange-800`
    - **value**: rgb(232, 116, 0) (darkest)
  - `--spectrum-orange-900`
    - **value**: rgb(249, 137, 23) (darkest)
  - `--spectrum-orange-1000`
    - **value**: rgb(255, 162, 59) (darkest)
  - `--spectrum-orange-1100`
    - **value**: rgb(255, 188, 102) (darkest)
  - `--spectrum-orange-1200`
    - **value**: rgb(253, 210, 145) (darkest)
  - `--spectrum-orange-1300`
    - **value**: rgb(255, 226, 181) (darkest)
  - `--spectrum-orange-1400`
    - **value**: rgb(255, 239, 213) (darkest)
  - `--spectrum-yellow-100`
    - **value**: rgb(53, 36, 0) (darkest)
  - `--spectrum-yellow-200`
    - **value**: rgb(68, 47, 0) (darkest)
  - `--spectrum-yellow-300`
    - **value**: rgb(86, 62, 0) (darkest)
  - `--spectrum-yellow-400`
    - **value**: rgb(103, 77, 0) (darkest)
  - `--spectrum-yellow-500`
    - **value**: rgb(122, 92, 0) (darkest)
  - `--spectrum-yellow-600`
    - **value**: rgb(141, 108, 0) (darkest)
  - `--spectrum-yellow-700`
    - **value**: rgb(161, 126, 0) (darkest)
  - `--spectrum-yellow-800`
    - **value**: rgb(180, 144, 0) (darkest)
  - `--spectrum-yellow-900`
    - **value**: rgb(199, 162, 0) (darkest)
  - `--spectrum-yellow-1000`
    - **value**: rgb(216, 181, 0) (darkest)
  - `--spectrum-yellow-1100`
    - **value**: rgb(233, 199, 0) (darkest)
  - `--spectrum-yellow-1200`
    - **value**: rgb(247, 216, 4) (darkest)
  - `--spectrum-yellow-1300`
    - **value**: rgb(249, 233, 97) (darkest)
  - `--spectrum-yellow-1400`
    - **value**: rgb(252, 243, 170) (darkest)
  - `--spectrum-chartreuse-100`
    - **value**: rgb(32, 43, 0) (darkest)
  - `--spectrum-chartreuse-200`
    - **value**: rgb(42, 56, 0) (darkest)
  - `--spectrum-chartreuse-300`
    - **value**: rgb(54, 72, 0) (darkest)
  - `--spectrum-chartreuse-400`
    - **value**: rgb(66, 88, 0) (darkest)
  - `--spectrum-chartreuse-500`
    - **value**: rgb(79, 105, 0) (darkest)
  - `--spectrum-chartreuse-600`
    - **value**: rgb(93, 123, 0) (darkest)
  - `--spectrum-chartreuse-700`
    - **value**: rgb(107, 142, 0) (darkest)
  - `--spectrum-chartreuse-800`
    - **value**: rgb(122, 161, 0) (darkest)
  - `--spectrum-chartreuse-900`
    - **value**: rgb(138, 180, 3) (darkest)
  - `--spectrum-chartreuse-1000`
    - **value**: rgb(154, 198, 11) (darkest)
  - `--spectrum-chartreuse-1100`
    - **value**: rgb(170, 216, 22) (darkest)
  - `--spectrum-chartreuse-1200`
    - **value**: rgb(187, 232, 41) (darkest)
  - `--spectrum-chartreuse-1300`
    - **value**: rgb(205, 246, 72) (darkest)
  - `--spectrum-chartreuse-1400`
    - **value**: rgb(225, 253, 132) (darkest)
  - `--spectrum-celery-100`
    - **value**: rgb(0, 47, 7) (darkest)
  - `--spectrum-celery-200`
    - **value**: rgb(0, 61, 9) (darkest)
  - `--spectrum-celery-300`
    - **value**: rgb(0, 77, 12) (darkest)
  - `--spectrum-celery-400`
    - **value**: rgb(0, 95, 15) (darkest)
  - `--spectrum-celery-500`
    - **value**: rgb(0, 113, 15) (darkest)
  - `--spectrum-celery-600`
    - **value**: rgb(0, 132, 15) (darkest)
  - `--spectrum-celery-700`
    - **value**: rgb(0, 151, 20) (darkest)
  - `--spectrum-celery-800`
    - **value**: rgb(13, 171, 37) (darkest)
  - `--spectrum-celery-900`
    - **value**: rgb(45, 191, 58) (darkest)
  - `--spectrum-celery-1000`
    - **value**: rgb(80, 208, 82) (darkest)
  - `--spectrum-celery-1100`
    - **value**: rgb(115, 224, 107) (darkest)
  - `--spectrum-celery-1200`
    - **value**: rgb(147, 237, 131) (darkest)
  - `--spectrum-celery-1300`
    - **value**: rgb(180, 247, 162) (darkest)
  - `--spectrum-celery-1400`
    - **value**: rgb(213, 252, 202) (darkest)
  - `--spectrum-green-100`
    - **value**: rgb(10, 44, 28) (darkest)
  - `--spectrum-green-200`
    - **value**: rgb(7, 59, 36) (darkest)
  - `--spectrum-green-300`
    - **value**: rgb(0, 76, 46) (darkest)
  - `--spectrum-green-400`
    - **value**: rgb(0, 93, 57) (darkest)
  - `--spectrum-green-500`
    - **value**: rgb(0, 111, 69) (darkest)
  - `--spectrum-green-600`
    - **value**: rgb(0, 130, 82) (darkest)
  - `--spectrum-green-700`
    - **value**: rgb(0, 149, 98) (darkest)
  - `--spectrum-green-800`
    - **value**: rgb(28, 168, 114) (darkest)
  - `--spectrum-green-900`
    - **value**: rgb(52, 187, 132) (darkest)
  - `--spectrum-green-1000`
    - **value**: rgb(75, 205, 149) (darkest)
  - `--spectrum-green-1100`
    - **value**: rgb(103, 222, 168) (darkest)
  - `--spectrum-green-1200`
    - **value**: rgb(137, 236, 188) (darkest)
  - `--spectrum-green-1300`
    - **value**: rgb(177, 244, 209) (darkest)
  - `--spectrum-green-1400`
    - **value**: rgb(214, 249, 228) (darkest)
  - `--spectrum-seafoam-100`
    - **value**: rgb(18, 43, 42) (darkest)
  - `--spectrum-seafoam-200`
    - **value**: rgb(19, 57, 55) (darkest)
  - `--spectrum-seafoam-300`
    - **value**: rgb(16, 73, 70) (darkest)
  - `--spectrum-seafoam-400`
    - **value**: rgb(3, 91, 88) (darkest)
  - `--spectrum-seafoam-500`
    - **value**: rgb(0, 108, 104) (darkest)
  - `--spectrum-seafoam-600`
    - **value**: rgb(0, 127, 121) (darkest)
  - `--spectrum-seafoam-700`
    - **value**: rgb(0, 146, 140) (darkest)
  - `--spectrum-seafoam-800`
    - **value**: rgb(0, 165, 159) (darkest)
  - `--spectrum-seafoam-900`
    - **value**: rgb(26, 185, 178) (darkest)
  - `--spectrum-seafoam-1000`
    - **value**: rgb(66, 202, 195) (darkest)
  - `--spectrum-seafoam-1100`
    - **value**: rgb(102, 218, 211) (darkest)
  - `--spectrum-seafoam-1200`
    - **value**: rgb(139, 232, 225) (darkest)
  - `--spectrum-seafoam-1300`
    - **value**: rgb(179, 242, 237) (darkest)
  - `--spectrum-seafoam-1400`
    - **value**: rgb(215, 248, 244) (darkest)
  - `--spectrum-cyan-100`
    - **value**: rgb(0, 41, 68) (darkest)
  - `--spectrum-cyan-200`
    - **value**: rgb(0, 54, 88) (darkest)
  - `--spectrum-cyan-300`
    - **value**: rgb(0, 69, 108) (darkest)
  - `--spectrum-cyan-400`
    - **value**: rgb(0, 86, 128) (darkest)
  - `--spectrum-cyan-500`
    - **value**: rgb(0, 103, 147) (darkest)
  - `--spectrum-cyan-600`
    - **value**: rgb(0, 121, 167) (darkest)
  - `--spectrum-cyan-700`
    - **value**: rgb(0, 140, 186) (darkest)
  - `--spectrum-cyan-800`
    - **value**: rgb(4, 160, 205) (darkest)
  - `--spectrum-cyan-900`
    - **value**: rgb(23, 180, 221) (darkest)
  - `--spectrum-cyan-1000`
    - **value**: rgb(57, 199, 234) (darkest)
  - `--spectrum-cyan-1100`
    - **value**: rgb(96, 216, 243) (darkest)
  - `--spectrum-cyan-1200`
    - **value**: rgb(134, 230,