From 76fbb356eb28f1bafffb84dd160249166b2793b0 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Wed, 9 Jul 2025 15:29:15 +0000 Subject: [PATCH 1/5] chore(deps): update dependency @adobe/spectrum-tokens to ^13.11.0 --- tokens/package.json | 2 +- yarn.lock | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/tokens/package.json b/tokens/package.json index 238832f1093..fae6f786ee5 100644 --- a/tokens/package.json +++ b/tokens/package.json @@ -24,7 +24,7 @@ "main": "dist/css/index.css", "module": "style-dictionary.config.js", "devDependencies": { - "@adobe/spectrum-tokens": "^13.10.1", + "@adobe/spectrum-tokens": "^13.11.0", "@adobe/token-diff-generator": "^2.0.0", "@spectrum-tools/postcss-rgb-mapping": "1.1.0", "deepmerge": "^4.3.1", diff --git a/yarn.lock b/yarn.lock index 0a91a7063ed..3927a804e03 100644 --- a/yarn.lock +++ b/yarn.lock @@ -187,10 +187,10 @@ __metadata: languageName: node linkType: hard -"@adobe/spectrum-tokens@npm:^13.10.1": - version: 13.10.1 - resolution: "@adobe/spectrum-tokens@npm:13.10.1" - checksum: 10c0/ac79adbaa071ada91987c9ebabbb47686a82997993c2d21d3c7e4275bb6640ce6101da1b6aedd9b1f46b8488e2e32be74947f19d533f2f6b2ce295503c91161c +"@adobe/spectrum-tokens@npm:^13.11.0": + version: 13.11.0 + resolution: "@adobe/spectrum-tokens@npm:13.11.0" + checksum: 10c0/a14bfa6694f728142a2472beaa7dbc69855cad3e47a5f0af2070b9705b73996b109540150364862556d88422b600ff757fa35edfd3445aa8bd41eaee5bd5dde2 languageName: node linkType: hard @@ -5761,7 +5761,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/tokens@workspace:tokens" dependencies: - "@adobe/spectrum-tokens": "npm:^13.10.1" + "@adobe/spectrum-tokens": "npm:^13.11.0" "@adobe/token-diff-generator": "npm:^2.0.0" "@spectrum-tools/postcss-rgb-mapping": "npm:1.1.0" deepmerge: "npm:^4.3.1" From 3a522013e4c98c38d512c60cb24af5d559552b33 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Wed, 18 Jun 2025 20:26:35 +0000 Subject: [PATCH 2/5] chore(deps): update dependency @adobe/spectrum-tokens to ^13.10.1 --- tokens/custom/dark-vars.css | 76 +- tokens/custom/global-vars.css | 2 - tokens/custom/light-vars.css | 5 +- tokens/custom/medium-vars.css | 2 +- tokens/dist/json/tokens.json | 17648 ----------------------- tokens/style-dictionary.config.js | 6 +- tokens/utilities/css-sets-formatter.js | 36 +- 7 files changed, 66 insertions(+), 17709 deletions(-) delete mode 100644 tokens/dist/json/tokens.json diff --git a/tokens/custom/dark-vars.css b/tokens/custom/dark-vars.css index 50174fa532e..4b96195cdee 100644 --- a/tokens/custom/dark-vars.css +++ b/tokens/custom/dark-vars.css @@ -12,53 +12,55 @@ */ /* This file contains overrides and additions to core tokens */ - .spectrum--dark { - /* stylelint-disable-next-line custom-property-pattern -- context identification */ - --color-scheme: dark; + color-scheme: dark; +} - /** COMPONENT-SPECIFIC OVERRIDES **/ - --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800); - --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800); - --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900); - --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800); - --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700); +@media (prefers-color-scheme: dark) { + .spectrum { + /** COMPONENT-SPECIFIC OVERRIDES **/ + --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800); + --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800); + --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900); + --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800); + --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700); - --spectrum-assetlist-item-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-assetlist-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); - --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700); + --spectrum-assetlist-item-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-assetlist-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); + --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700); - --spectrum-badge-label-icon-color-primary: var(--spectrum-black); + --spectrum-badge-label-icon-color-primary: var(--spectrum-black); - --spectrum-calendar-day-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); - --spectrum-calendar-day-background-color-hover: rgb(var(--spectrum-white-rgb), 0.07); - --spectrum-calendar-day-today-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-white-200); - --spectrum-calendar-day-background-color-cap-selected: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-key-focus: rgb(var(--spectrum-white-rgb), 0.07); - --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700); - --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb); + --spectrum-calendar-day-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); + --spectrum-calendar-day-background-color-hover: rgb(var(--spectrum-white-rgb), 0.07); + --spectrum-calendar-day-today-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-calendar-day-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-white-200); + --spectrum-calendar-day-background-color-cap-selected: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-calendar-day-background-color-key-focus: rgb(var(--spectrum-white-rgb), 0.07); + --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700); + --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb); - --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); + --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); - --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); /* var(--spectrum-accent-color-900); */ + --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); /* var(--spectrum-accent-color-900); */ - --spectrum-dropindicator-color: var(--spectrum-blue-700); + --spectrum-dropindicator-color: var(--spectrum-blue-700); - --spectrum-logic-button-and-background-color: var(--spectrum-blue-800); - --spectrum-logic-button-and-border-color: var(--spectrum-blue-800); - --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000); - --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000); - --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700); - --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700); - --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900); - --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900); + --spectrum-logic-button-and-background-color: var(--spectrum-blue-800); + --spectrum-logic-button-and-border-color: var(--spectrum-blue-800); + --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000); + --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000); + --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700); + --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700); + --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900); + --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900); - --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700); + --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700); - --spectrum-table-selected-row-background-color-rgb: var(--spectrum-blue-800-rgb); + --spectrum-table-selected-row-background-color-rgb: var(--spectrum-blue-800-rgb); - --spectrum-treeview-item-background-color-quiet-selected: rgb(var(--spectrum-gray-900-rgb), 0.07); - --spectrum-treeview-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); + --spectrum-treeview-item-background-color-quiet-selected: rgb(var(--spectrum-gray-900-rgb), 0.07); + --spectrum-treeview-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); + } } diff --git a/tokens/custom/global-vars.css b/tokens/custom/global-vars.css index 43462ab54b1..cfad693ea73 100644 --- a/tokens/custom/global-vars.css +++ b/tokens/custom/global-vars.css @@ -13,8 +13,6 @@ /* This file contains overrides and additions to core tokens */ .spectrum { - --system: spectrum; - --spectrum-animation-duration-0: 0ms; --spectrum-animation-duration-100: 130ms; --spectrum-animation-duration-200: 160ms; diff --git a/tokens/custom/light-vars.css b/tokens/custom/light-vars.css index f1ae0d95ed2..6defd907132 100644 --- a/tokens/custom/light-vars.css +++ b/tokens/custom/light-vars.css @@ -12,9 +12,8 @@ */ /* This file contains overrides and additions to core tokens */ -.spectrum--light { - /* stylelint-disable-next-line custom-property-pattern -- context identification */ - --color-scheme: light; +.spectrum { + color-scheme: light; --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900); --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900); diff --git a/tokens/custom/medium-vars.css b/tokens/custom/medium-vars.css index d9f08666d34..7924aae1c49 100644 --- a/tokens/custom/medium-vars.css +++ b/tokens/custom/medium-vars.css @@ -13,7 +13,7 @@ /* This file contains overrides and additions to core tokens */ -.spectrum--medium { +.spectrum { /* stylelint-disable-next-line custom-property-pattern -- context identification */ --scale: medium; diff --git a/tokens/dist/json/tokens.json b/tokens/dist/json/tokens.json deleted file mode 100644 index 1bae2165578..00000000000 --- a/tokens/dist/json/tokens.json +++ /dev/null @@ -1,17648 +0,0 @@ -{ - "accent-background-color-default": { - "prop": "--spectrum-accent-background-color-default", - "ref": "var(--spectrum-accent-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "accent-background-color-down": { - "prop": "--spectrum-accent-background-color-down", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-background-color-hover": { - "prop": "--spectrum-accent-background-color-hover", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-background-color-key-focus": { - "prop": "--spectrum-accent-background-color-key-focus", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-color-100": { - "prop": "--spectrum-accent-color-100", - "ref": "var(--spectrum-blue-100)", - "light": { - "value": "rgb(245, 249, 255)" - }, - "dark": { - "value": "rgb(14, 23, 63)" - } - }, - "accent-color-1000": { - "prop": "--spectrum-accent-color-1000", - "ref": "var(--spectrum-blue-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-color-1100": { - "prop": "--spectrum-accent-color-1100", - "ref": "var(--spectrum-blue-1100)", - "light": { - "value": "rgb(29, 62, 207)" - }, - "dark": { - "value": "rgb(124, 169, 252)" - } - }, - "accent-color-1200": { - "prop": "--spectrum-accent-color-1200", - "ref": "var(--spectrum-blue-1200)", - "light": { - "value": "rgb(21, 50, 173)" - }, - "dark": { - "value": "rgb(152, 192, 252)" - } - }, - "accent-color-1300": { - "prop": "--spectrum-accent-color-1300", - "ref": "var(--spectrum-blue-1300)", - "light": { - "value": "rgb(16, 40, 140)" - }, - "dark": { - "value": "rgb(181, 213, 253)" - } - }, - "accent-color-1400": { - "prop": "--spectrum-accent-color-1400", - "ref": "var(--spectrum-blue-1400)", - "light": { - "value": "rgb(12, 31, 105)" - }, - "dark": { - "value": "rgb(213, 231, 254)" - } - }, - "accent-color-1500": { - "prop": "--spectrum-accent-color-1500", - "ref": "var(--spectrum-blue-1500)", - "dark": { - "value": "rgb(238, 245, 255)" - }, - "light": { - "value": "rgb(14, 24, 67)" - } - }, - "accent-color-1600": { - "prop": "--spectrum-accent-color-1600", - "ref": "var(--spectrum-blue-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(7, 11, 30)" - } - }, - "accent-color-200": { - "prop": "--spectrum-accent-color-200", - "ref": "var(--spectrum-blue-200)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(15, 28, 82)" - } - }, - "accent-color-300": { - "prop": "--spectrum-accent-color-300", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(203, 226, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "accent-color-400": { - "prop": "--spectrum-accent-color-400", - "ref": "var(--spectrum-blue-400)", - "light": { - "value": "rgb(172, 207, 253)" - }, - "dark": { - "value": "rgb(18, 45, 154)" - } - }, - "accent-color-500": { - "prop": "--spectrum-accent-color-500", - "ref": "var(--spectrum-blue-500)", - "light": { - "value": "rgb(142, 185, 252)" - }, - "dark": { - "value": "rgb(26, 58, 195)" - } - }, - "accent-color-600": { - "prop": "--spectrum-accent-color-600", - "ref": "var(--spectrum-blue-600)", - "light": { - "value": "rgb(114, 158, 253)" - }, - "dark": { - "value": "rgb(37, 73, 229)" - } - }, - "accent-color-700": { - "prop": "--spectrum-accent-color-700", - "ref": "var(--spectrum-blue-700)", - "light": { - "value": "rgb(93, 137, 255)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-color-800": { - "prop": "--spectrum-accent-color-800", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "accent-color-900": { - "prop": "--spectrum-accent-color-900", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "accent-content-color-default": { - "prop": "--spectrum-accent-content-color-default", - "ref": "var(--spectrum-accent-color-900)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "accent-content-color-down": { - "prop": "--spectrum-accent-content-color-down", - "ref": "var(--spectrum-accent-color-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-content-color-hover": { - "prop": "--spectrum-accent-content-color-hover", - "ref": "var(--spectrum-accent-color-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-content-color-key-focus": { - "prop": "--spectrum-accent-content-color-key-focus", - "ref": "var(--spectrum-accent-color-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-content-color-selected": { - "prop": "--spectrum-accent-content-color-selected", - "ref": "var(--spectrum-accent-content-color-down)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-subtle-background-color-default": { - "prop": "--spectrum-accent-subtle-background-color-default", - "ref": "var(--spectrum-accent-color-300)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "accent-visual-color": { - "prop": "--spectrum-accent-visual-color", - "ref": "var(--spectrum-accent-color-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "accordion-bottom-to-text-compact-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-compact-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-bottom-to-text-compact-large": { - "prop": "--spectrum-accordion-bottom-to-text-compact-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "9px" - } - }, - "accordion-bottom-to-text-compact-medium": { - "prop": "--spectrum-accordion-bottom-to-text-compact-medium", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "8px" - } - }, - "accordion-bottom-to-text-compact-small": { - "prop": "--spectrum-accordion-bottom-to-text-compact-small", - "desktop": { - "value": "2px" - }, - "mobile": { - "value": "4px" - } - }, - "accordion-bottom-to-text-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-extra-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "accordion-bottom-to-text-large": { - "prop": "--spectrum-accordion-bottom-to-text-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-bottom-to-text-medium": { - "prop": "--spectrum-accordion-bottom-to-text-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "13px" - } - }, - "accordion-bottom-to-text-regular-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-regular-extra-large", - "ref": "var(--spectrum-accordion-bottom-to-text-extra-large)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "accordion-bottom-to-text-regular-large": { - "prop": "--spectrum-accordion-bottom-to-text-regular-large", - "ref": "var(--spectrum-accordion-bottom-to-text-large)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-bottom-to-text-regular-medium": { - "prop": "--spectrum-accordion-bottom-to-text-regular-medium", - "ref": "var(--spectrum-accordion-bottom-to-text-medium)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "13px" - } - }, - "accordion-bottom-to-text-regular-small": { - "prop": "--spectrum-accordion-bottom-to-text-regular-small", - "ref": "var(--spectrum-accordion-bottom-to-text-small)", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "accordion-bottom-to-text-small": { - "prop": "--spectrum-accordion-bottom-to-text-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "accordion-bottom-to-text-spacious-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-extra-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "21px" - } - }, - "accordion-bottom-to-text-spacious-large": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "accordion-bottom-to-text-spacious-medium": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-medium", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "18px" - } - }, - "accordion-bottom-to-text-spacious-small": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-small", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "accordion-content-area-bottom-to-content": { - "prop": "--spectrum-accordion-content-area-bottom-to-content", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "accordion-content-area-edge-to-content-extra-large": { - "prop": "--spectrum-accordion-content-area-edge-to-content-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "accordion-content-area-edge-to-content-large": { - "prop": "--spectrum-accordion-content-area-edge-to-content-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "accordion-content-area-edge-to-content-medium": { - "prop": "--spectrum-accordion-content-area-edge-to-content-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "accordion-content-area-edge-to-content-small": { - "prop": "--spectrum-accordion-content-area-edge-to-content-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-content-area-top-to-content": { - "prop": "--spectrum-accordion-content-area-top-to-content", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-disclosure-indicator-to-text": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text", - "value": "0px" - }, - "accordion-disclosure-indicator-to-text-extra-large": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "accordion-disclosure-indicator-to-text-large": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "accordion-disclosure-indicator-to-text-medium": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "accordion-disclosure-indicator-to-text-small": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "accordion-edge-to-content-area-extra-large": { - "prop": "--spectrum-accordion-edge-to-content-area-extra-large", - "value": "17px" - }, - "accordion-edge-to-content-area-large": { - "prop": "--spectrum-accordion-edge-to-content-area-large", - "value": "14px" - }, - "accordion-edge-to-content-area-medium": { - "prop": "--spectrum-accordion-edge-to-content-area-medium", - "value": "11px" - }, - "accordion-edge-to-content-area-small": { - "prop": "--spectrum-accordion-edge-to-content-area-small", - "value": "7px" - }, - "accordion-edge-to-disclosure-indicator": { - "prop": "--spectrum-accordion-edge-to-disclosure-indicator", - "value": "0px" - }, - "accordion-edge-to-text": { - "prop": "--spectrum-accordion-edge-to-text", - "value": "0px" - }, - "accordion-focus-indicator-gap": { - "prop": "--spectrum-accordion-focus-indicator-gap", - "value": "2px" - }, - "accordion-item-to-divider": { - "prop": "--spectrum-accordion-item-to-divider", - "value": "0px" - }, - "accordion-minimum-width": { - "prop": "--spectrum-accordion-minimum-width", - "desktop": { - "value": "200px" - }, - "mobile": { - "value": "250px" - } - }, - "accordion-small-top-to-text-spacious": { - "prop": "--spectrum-accordion-small-top-to-text-spacious", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "accordion-top-to-text-compact-extra-large": { - "prop": "--spectrum-accordion-top-to-text-compact-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "accordion-top-to-text-compact-large": { - "prop": "--spectrum-accordion-top-to-text-compact-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-top-to-text-compact-medium": { - "prop": "--spectrum-accordion-top-to-text-compact-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-top-to-text-compact-small": { - "prop": "--spectrum-accordion-top-to-text-compact-small", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "4px" - } - }, - "accordion-top-to-text-extra-large": { - "prop": "--spectrum-accordion-top-to-text-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "accordion-top-to-text-large": { - "prop": "--spectrum-accordion-top-to-text-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "accordion-top-to-text-medium": { - "prop": "--spectrum-accordion-top-to-text-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-top-to-text-regular-extra-large": { - "prop": "--spectrum-accordion-top-to-text-regular-extra-large", - "ref": "var(--spectrum-accordion-top-to-text-extra-large)", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "accordion-top-to-text-regular-large": { - "prop": "--spectrum-accordion-top-to-text-regular-large", - "ref": "var(--spectrum-accordion-top-to-text-large)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "accordion-top-to-text-regular-medium": { - "prop": "--spectrum-accordion-top-to-text-regular-medium", - "ref": "var(--spectrum-accordion-top-to-text-medium)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-top-to-text-regular-small": { - "prop": "--spectrum-accordion-top-to-text-regular-small", - "ref": "var(--spectrum-accordion-top-to-text-small)", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-top-to-text-small": { - "prop": "--spectrum-accordion-top-to-text-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-top-to-text-spacious-extra-large": { - "prop": "--spectrum-accordion-top-to-text-spacious-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "21px" - } - }, - "accordion-top-to-text-spacious-large": { - "prop": "--spectrum-accordion-top-to-text-spacious-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "accordion-top-to-text-spacious-medium": { - "prop": "--spectrum-accordion-top-to-text-spacious-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "accordion-top-to-text-spacious-small": { - "prop": "--spectrum-accordion-top-to-text-spacious-small", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "action-bar-border-color": { - "prop": "--spectrum-action-bar-border-color", - "light": { - "ref": "var(--spectrum-transparent-white-25)", - "value": "rgba(255, 255, 255, 0)" - }, - "ref": "var(--spectrum-gray-400)", - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "action-bar-bottom-to-content-area": { - "prop": "--spectrum-action-bar-bottom-to-content-area", - "ref": "var(--spectrum-spacing-200)", - "value": "12px" - }, - "action-bar-close-button-to-counter": { - "prop": "--spectrum-action-bar-close-button-to-counter", - "ref": "var(--spectrum-text-to-control-50)", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "action-bar-counter-font-size": { - "prop": "--spectrum-action-bar-counter-font-size", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "action-bar-edge-to-content-area": { - "prop": "--spectrum-action-bar-edge-to-content-area", - "ref": "var(--spectrum-spacing-100)", - "value": "8px" - }, - "action-bar-height": { - "prop": "--spectrum-action-bar-height", - "ref": "var(--spectrum-component-height-400)", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "action-bar-label-to-action-group-area": { - "prop": "--spectrum-action-bar-label-to-action-group-area", - "ref": "var(--spectrum-spacing-300)", - "value": "16px" - }, - "action-bar-minimum-width": { - "prop": "--spectrum-action-bar-minimum-width", - "value": "176px" - }, - "action-bar-top-to-content-area": { - "prop": "--spectrum-action-bar-top-to-content-area", - "ref": "var(--spectrum-spacing-200)", - "value": "12px" - }, - "action-bar-top-to-item-counter": { - "prop": "--spectrum-action-bar-top-to-item-counter", - "ref": "var(--spectrum-component-top-to-text-300)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "action-button-edge-to-hold-icon-extra-large": { - "prop": "--spectrum-action-button-edge-to-hold-icon-extra-large", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "action-button-edge-to-hold-icon-extra-small": { - "prop": "--spectrum-action-button-edge-to-hold-icon-extra-small", - "value": "3px" - }, - "action-button-edge-to-hold-icon-large": { - "prop": "--spectrum-action-button-edge-to-hold-icon-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "action-button-edge-to-hold-icon-medium": { - "prop": "--spectrum-action-button-edge-to-hold-icon-medium", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "action-button-edge-to-hold-icon-small": { - "prop": "--spectrum-action-button-edge-to-hold-icon-small", - "value": "3px" - }, - "add-icon-size-100": { - "prop": "--spectrum-add-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "add-icon-size-200": { - "prop": "--spectrum-add-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "add-icon-size-300": { - "prop": "--spectrum-add-icon-size-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "add-icon-size-50": { - "prop": "--spectrum-add-icon-size-50", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "add-icon-size-75": { - "prop": "--spectrum-add-icon-size-75", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "alert-banner-bottom-to-text": { - "prop": "--spectrum-alert-banner-bottom-to-text", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "alert-banner-minimum-height": { - "prop": "--spectrum-alert-banner-minimum-height", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "64px" - } - }, - "alert-banner-to-bottom-text": { - "prop": "--spectrum-alert-banner-to-bottom-text", - "ref": "var(--spectrum-alert-banner-bottom-to-text)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "alert-banner-to-top-text": { - "prop": "--spectrum-alert-banner-to-top-text", - "ref": "var(--spectrum-alert-banner-top-to-text)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "21px" - } - }, - "alert-banner-to-top-workflow-icon": { - "prop": "--spectrum-alert-banner-to-top-workflow-icon", - "ref": "var(--spectrum-alert-banner-top-to-workflow-icon)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "20px" - } - }, - "alert-banner-top-to-alert-icon": { - "prop": "--spectrum-alert-banner-top-to-alert-icon", - "desktop": { - "value": "37px" - }, - "mobile": { - "value": "29px" - } - }, - "alert-banner-top-to-text": { - "prop": "--spectrum-alert-banner-top-to-text", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "21px" - } - }, - "alert-banner-top-to-workflow-icon": { - "prop": "--spectrum-alert-banner-top-to-workflow-icon", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "20px" - } - }, - "alert-banner-width": { - "prop": "--spectrum-alert-banner-width", - "desktop": { - "value": "832px" - }, - "mobile": { - "value": "680px" - } - }, - "alert-dialog-description-font-size": { - "prop": "--spectrum-alert-dialog-description-font-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "alert-dialog-description-size": { - "prop": "--spectrum-alert-dialog-description-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "alert-dialog-maximum-width": { - "prop": "--spectrum-alert-dialog-maximum-width", - "value": "480px" - }, - "alert-dialog-minimum-width": { - "prop": "--spectrum-alert-dialog-minimum-width", - "value": "288px" - }, - "alert-dialog-title-font-size": { - "prop": "--spectrum-alert-dialog-title-font-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } - }, - "alert-dialog-title-size": { - "prop": "--spectrum-alert-dialog-title-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } - }, - "android-elevation": { - "prop": "--spectrum-android-elevation", - "value": "2dp" - }, - "arrow-icon-size-100": { - "prop": "--spectrum-arrow-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "arrow-icon-size-200": { - "prop": "--spectrum-arrow-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "arrow-icon-size-300": { - "prop": "--spectrum-arrow-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "arrow-icon-size-400": { - "prop": "--spectrum-arrow-icon-size-400", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "arrow-icon-size-500": { - "prop": "--spectrum-arrow-icon-size-500", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "arrow-icon-size-600": { - "prop": "--spectrum-arrow-icon-size-600", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "arrow-icon-size-75": { - "prop": "--spectrum-arrow-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "asterisk-icon-size-100": { - "prop": "--spectrum-asterisk-icon-size-100", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "asterisk-icon-size-200": { - "prop": "--spectrum-asterisk-icon-size-200", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "asterisk-icon-size-300": { - "prop": "--spectrum-asterisk-icon-size-300", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "asterisk-icon-size-75": { - "prop": "--spectrum-asterisk-icon-size-75", - "value": "8px" - }, - "avatar-border-color": { - "prop": "--spectrum-avatar-border-color", - "ref": "var(--spectrum-gray-25)", - "dark": { - "value": "rgb(17, 17, 17)" - }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "avatar-border-width": { - "prop": "--spectrum-avatar-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" - }, - "avatar-group-size-100": { - "prop": "--spectrum-avatar-group-size-100", - "ref": "var(--spectrum-avatar-size-100)", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "28px" - } - }, - "avatar-group-size-200": { - "prop": "--spectrum-avatar-group-size-200", - "ref": "var(--spectrum-avatar-size-200)", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "32px" - } - }, - "avatar-group-size-300": { - "prop": "--spectrum-avatar-group-size-300", - "ref": "var(--spectrum-avatar-size-300)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "36px" - } - }, - "avatar-group-size-400": { - "prop": "--spectrum-avatar-group-size-400", - "ref": "var(--spectrum-avatar-size-400)", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "40px" - } - }, - "avatar-group-size-50": { - "prop": "--spectrum-avatar-group-size-50", - "ref": "var(--spectrum-avatar-size-50)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "avatar-group-size-500": { - "prop": "--spectrum-avatar-group-size-500", - "ref": "var(--spectrum-avatar-size-500)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "44px" - } - }, - "avatar-group-size-75": { - "prop": "--spectrum-avatar-group-size-75", - "ref": "var(--spectrum-avatar-size-75)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "avatar-opacity-disabled": { - "prop": "--spectrum-avatar-opacity-disabled", - "ref": "var(--spectrum-opacity-disabled)", - "value": "0.3" - }, - "avatar-size-100": { - "prop": "--spectrum-avatar-size-100", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "28px" - } - }, - "avatar-size-1000": { - "prop": "--spectrum-avatar-size-1000", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "72px" - } - }, - "avatar-size-1100": { - "prop": "--spectrum-avatar-size-1100", - "desktop": { - "value": "72px" - }, - "mobile": { - "value": "80px" - } - }, - "avatar-size-1200": { - "prop": "--spectrum-avatar-size-1200", - "desktop": { - "value": "80px" - }, - "mobile": { - "value": "88px" - } - }, - "avatar-size-1300": { - "prop": "--spectrum-avatar-size-1300", - "desktop": { - "value": "88px" - }, - "mobile": { - "value": "96px" - } - }, - "avatar-size-1400": { - "prop": "--spectrum-avatar-size-1400", - "desktop": { - "value": "96px" - }, - "mobile": { - "value": "104px" - } - }, - "avatar-size-1500": { - "prop": "--spectrum-avatar-size-1500", - "desktop": { - "value": "104px" - }, - "mobile": { - "value": "112px" - } - }, - "avatar-size-200": { - "prop": "--spectrum-avatar-size-200", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "32px" - } - }, - "avatar-size-300": { - "prop": "--spectrum-avatar-size-300", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "36px" - } - }, - "avatar-size-400": { - "prop": "--spectrum-avatar-size-400", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "40px" - } - }, - "avatar-size-50": { - "prop": "--spectrum-avatar-size-50", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "avatar-size-500": { - "prop": "--spectrum-avatar-size-500", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "44px" - } - }, - "avatar-size-600": { - "prop": "--spectrum-avatar-size-600", - "desktop": { - "value": "44px" - }, - "mobile": { - "value": "48px" - } - }, - "avatar-size-700": { - "prop": "--spectrum-avatar-size-700", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "52px" - } - }, - "avatar-size-75": { - "prop": "--spectrum-avatar-size-75", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "avatar-size-800": { - "prop": "--spectrum-avatar-size-800", - "desktop": { - "value": "52px" - }, - "mobile": { - "value": "56px" - } - }, - "avatar-size-900": { - "prop": "--spectrum-avatar-size-900", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "64px" - } - }, - "avatar-to-avatar-100": { - "prop": "--spectrum-avatar-to-avatar-100", - "desktop": { - "value": "-6px" - }, - "mobile": { - "value": "-7px" - } - }, - "avatar-to-avatar-200": { - "prop": "--spectrum-avatar-to-avatar-200", - "desktop": { - "value": "-7px" - }, - "mobile": { - "value": "-8px" - } - }, - "avatar-to-avatar-300": { - "prop": "--spectrum-avatar-to-avatar-300", - "desktop": { - "value": "-8px" - }, - "mobile": { - "value": "-9px" - } - }, - "avatar-to-avatar-400": { - "prop": "--spectrum-avatar-to-avatar-400", - "desktop": { - "value": "-9px" - }, - "mobile": { - "value": "-10px" - } - }, - "avatar-to-avatar-50": { - "prop": "--spectrum-avatar-to-avatar-50", - "desktop": { - "value": "-4px" - }, - "mobile": { - "value": "-5px" - } - }, - "avatar-to-avatar-500": { - "prop": "--spectrum-avatar-to-avatar-500", - "desktop": { - "value": "-10px" - }, - "mobile": { - "value": "-11px" - } - }, - "avatar-to-avatar-75": { - "prop": "--spectrum-avatar-to-avatar-75", - "desktop": { - "value": "-5px" - }, - "mobile": { - "value": "-6px" - } - }, - "background-base-color": { - "prop": "--spectrum-background-base-color", - "ref": "var(--spectrum-gray-25)", - "dark": { - "value": "rgb(17, 17, 17)" - }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "background-elevated-color": { - "prop": "--spectrum-background-elevated-color", - "ref": "var(--spectrum-gray-25)", - "dark": { - "value": "rgb(34, 34, 34)" - }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "background-layer-1-color": { - "prop": "--spectrum-background-layer-1-color", - "ref": "var(--spectrum-gray-50)", - "light": { - "value": "rgb(248, 248, 248)" - }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "background-layer-2-color": { - "prop": "--spectrum-background-layer-2-color", - "ref": "var(--spectrum-gray-75)", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(34, 34, 34)" - } - }, - "background-opacity-default": { - "prop": "--spectrum-background-opacity-default", - "value": "0" - }, - "background-opacity-down": { - "prop": "--spectrum-background-opacity-down", - "value": "0.1" - }, - "background-opacity-hover": { - "prop": "--spectrum-background-opacity-hover", - "value": "0.1" - }, - "background-opacity-key-focus": { - "prop": "--spectrum-background-opacity-key-focus", - "value": "0.1" - }, - "background-pasteboard-color": { - "prop": "--spectrum-background-pasteboard-color", - "ref": "var(--spectrum-gray-100)", - "dark": { - "value": "rgb(17, 17, 17)" - }, - "light": { - "value": "rgb(233, 233, 233)" - } - }, - "bar-panel-gripper-color": { - "prop": "--spectrum-bar-panel-gripper-color", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "bar-panel-gripper-color-drag": { - "prop": "--spectrum-bar-panel-gripper-color-drag", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "bar-panel-maximum-width": { - "prop": "--spectrum-bar-panel-maximum-width", - "value": "72px" - }, - "bar-panel-minimum-width": { - "prop": "--spectrum-bar-panel-minimum-width", - "value": "40px" - }, - "bar-panel-spacing-extra-spacious": { - "prop": "--spectrum-bar-panel-spacing-extra-spacious", - "value": "20px" - }, - "bar-panel-width": { - "prop": "--spectrum-bar-panel-width", - "value": "56px" - }, - "black": { - "prop": "--spectrum-black", - "value": "rgb(0, 0, 0)" - }, - "black-font-weight": { - "prop": "--spectrum-black-font-weight", - "ref": "black", - "value": "900" - }, - "blue-100": { - "prop": "--spectrum-blue-100", - "light": { - "value": "rgb(245, 249, 255)" - }, - "dark": { - "value": "rgb(14, 23, 63)" - } - }, - "blue-1000": { - "prop": "--spectrum-blue-1000", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "blue-1100": { - "prop": "--spectrum-blue-1100", - "light": { - "value": "rgb(29, 62, 207)" - }, - "dark": { - "value": "rgb(124, 169, 252)" - } - }, - "blue-1200": { - "prop": "--spectrum-blue-1200", - "light": { - "value": "rgb(21, 50, 173)" - }, - "dark": { - "value": "rgb(152, 192, 252)" - } - }, - "blue-1300": { - "prop": "--spectrum-blue-1300", - "light": { - "value": "rgb(16, 40, 140)" - }, - "dark": { - "value": "rgb(181, 213, 253)" - } - }, - "blue-1400": { - "prop": "--spectrum-blue-1400", - "light": { - "value": "rgb(12, 31, 105)" - }, - "dark": { - "value": "rgb(213, 231, 254)" - } - }, - "blue-1500": { - "prop": "--spectrum-blue-1500", - "dark": { - "value": "rgb(238, 245, 255)" - }, - "light": { - "value": "rgb(14, 24, 67)" - } - }, - "blue-1600": { - "prop": "--spectrum-blue-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(7, 11, 30)" - } - }, - "blue-200": { - "prop": "--spectrum-blue-200", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(15, 28, 82)" - } - }, - "blue-300": { - "prop": "--spectrum-blue-300", - "light": { - "value": "rgb(203, 226, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "blue-400": { - "prop": "--spectrum-blue-400", - "light": { - "value": "rgb(172, 207, 253)" - }, - "dark": { - "value": "rgb(18, 45, 154)" - } - }, - "blue-500": { - "prop": "--spectrum-blue-500", - "light": { - "value": "rgb(142, 185, 252)" - }, - "dark": { - "value": "rgb(26, 58, 195)" - } - }, - "blue-600": { - "prop": "--spectrum-blue-600", - "light": { - "value": "rgb(114, 158, 253)" - }, - "dark": { - "value": "rgb(37, 73, 229)" - } - }, - "blue-700": { - "prop": "--spectrum-blue-700", - "light": { - "value": "rgb(93, 137, 255)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "blue-800": { - "prop": "--spectrum-blue-800", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "blue-900": { - "prop": "--spectrum-blue-900", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "blue-background-color-default": { - "prop": "--spectrum-blue-background-color-default", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "blue-subtle-background-color-default": { - "prop": "--spectrum-blue-subtle-background-color-default", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "blue-visual-color": { - "prop": "--spectrum-blue-visual-color", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "body-cjk-emphasized-font-style": { - "prop": "--spectrum-body-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-emphasized-font-weight": { - "prop": "--spectrum-body-cjk-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "body-cjk-font-family": { - "prop": "--spectrum-body-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "body-cjk-font-style": { - "prop": "--spectrum-body-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-font-weight": { - "prop": "--spectrum-body-cjk-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-cjk-line-height": { - "prop": "--spectrum-body-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-200)", - "value": 1.7 - }, - "body-cjk-size-l": { - "prop": "--spectrum-body-cjk-size-l", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "body-cjk-size-m": { - "prop": "--spectrum-body-cjk-size-m", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "body-cjk-size-s": { - "prop": "--spectrum-body-cjk-size-s", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "body-cjk-size-xl": { - "prop": "--spectrum-body-cjk-size-xl", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "body-cjk-size-xs": { - "prop": "--spectrum-body-cjk-size-xs", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "body-cjk-size-xxl": { - "prop": "--spectrum-body-cjk-size-xxl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "body-cjk-size-xxs": { - "prop": "--spectrum-body-cjk-size-xxs", - "ref": "var(--spectrum-font-size-25)", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "body-cjk-size-xxxl": { - "prop": "--spectrum-body-cjk-size-xxxl", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "body-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-body-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-body-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "body-cjk-strong-font-style": { - "prop": "--spectrum-body-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-strong-font-weight": { - "prop": "--spectrum-body-cjk-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "body-color": { - "prop": "--spectrum-body-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "body-line-height": { - "prop": "--spectrum-body-line-height", - "ref": "var(--spectrum-line-height-200)", - "value": 1.5 - }, - "body-margin-multiplier": { - "prop": "--spectrum-body-margin-multiplier", - "value": 0.75 - }, - "body-sans-serif-emphasized-font-style": { - "prop": "--spectrum-body-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-body-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-sans-serif-font-family": { - "prop": "--spectrum-body-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "body-sans-serif-font-style": { - "prop": "--spectrum-body-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-sans-serif-font-weight": { - "prop": "--spectrum-body-sans-serif-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-body-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-body-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-sans-serif-strong-font-style": { - "prop": "--spectrum-body-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-sans-serif-strong-font-weight": { - "prop": "--spectrum-body-sans-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-serif-emphasized-font-style": { - "prop": "--spectrum-body-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-serif-emphasized-font-weight": { - "prop": "--spectrum-body-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-serif-font-family": { - "prop": "--spectrum-body-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "body-serif-font-style": { - "prop": "--spectrum-body-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-serif-font-weight": { - "prop": "--spectrum-body-serif-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-serif-strong-emphasized-font-style": { - "prop": "--spectrum-body-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-body-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-serif-strong-font-style": { - "prop": "--spectrum-body-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-serif-strong-font-weight": { - "prop": "--spectrum-body-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-size-l": { - "prop": "--spectrum-body-size-l", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "body-size-m": { - "prop": "--spectrum-body-size-m", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "body-size-s": { - "prop": "--spectrum-body-size-s", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "body-size-xl": { - "prop": "--spectrum-body-size-xl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "body-size-xs": { - "prop": "--spectrum-body-size-xs", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "body-size-xxl": { - "prop": "--spectrum-body-size-xxl", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "body-size-xxs": { - "prop": "--spectrum-body-size-xxs", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "body-size-xxxl": { - "prop": "--spectrum-body-size-xxxl", - "ref": "var(--spectrum-font-size-600)", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "bold-font-weight": { - "prop": "--spectrum-bold-font-weight", - "ref": "bold", - "value": "700" - }, - "border-width-100": { - "prop": "--spectrum-border-width-100", - "value": "1px" - }, - "border-width-200": { - "prop": "--spectrum-border-width-200", - "value": "2px" - }, - "border-width-400": { - "prop": "--spectrum-border-width-400", - "value": "4px" - }, - "breadcrumbs-bottom-to-text": { - "prop": "--spectrum-breadcrumbs-bottom-to-text", - "ref": "var(--spectrum-component-bottom-to-text-200)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "breadcrumbs-bottom-to-text-compact": { - "prop": "--spectrum-breadcrumbs-bottom-to-text-compact", - "ref": "var(--spectrum-component-bottom-to-text-100)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-bottom-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-bottom-to-text-multiline", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-end-edge-to-text": { - "prop": "--spectrum-breadcrumbs-end-edge-to-text", - "value": "0px" - }, - "breadcrumbs-height": { - "prop": "--spectrum-breadcrumbs-height", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "breadcrumbs-height-compact": { - "prop": "--spectrum-breadcrumbs-height-compact", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "breadcrumbs-height-multiline": { - "prop": "--spectrum-breadcrumbs-height-multiline", - "desktop": { - "value": "72px" - }, - "mobile": { - "value": "90px" - } - }, - "breadcrumbs-separator-icon-to-bottom-text-multiline": { - "prop": "--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline", - "ref": "var(--spectrum-breadcrumbs-separator-to-bottom-text-multiline)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-separator-to-bottom-text-multiline": { - "prop": "--spectrum-breadcrumbs-separator-to-bottom-text-multiline", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-start-edge-to-text": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text", - "ref": "var(--spectrum-breadcrumbs-start-edge-to-text-large)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-start-edge-to-text-large": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-start-edge-to-text-medium": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "breadcrumbs-start-edge-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text-multiline", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-start-edge-to-truncated-menu": { - "prop": "--spectrum-breadcrumbs-start-edge-to-truncated-menu", - "value": "0px" - }, - "breadcrumbs-text-to-separator-large": { - "prop": "--spectrum-breadcrumbs-text-to-separator-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-text-to-separator-medium": { - "prop": "--spectrum-breadcrumbs-text-to-separator-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "breadcrumbs-text-to-separator-multiline": { - "prop": "--spectrum-breadcrumbs-text-to-separator-multiline", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-top-text-to-bottom-text": { - "prop": "--spectrum-breadcrumbs-top-text-to-bottom-text", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-top-to-separator-icon": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon", - "ref": "var(--spectrum-breadcrumbs-top-to-separator-large)", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "20px" - } - }, - "breadcrumbs-top-to-separator-icon-compact": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon-compact", - "ref": "var(--spectrum-breadcrumbs-top-to-separator-medium)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-top-to-separator-icon-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon-multiline", - "ref": "var(--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline)", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-top-to-separator-large": { - "prop": "--spectrum-breadcrumbs-top-to-separator-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "20px" - } - }, - "breadcrumbs-top-to-separator-medium": { - "prop": "--spectrum-breadcrumbs-top-to-separator-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-top-to-separator-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-separator-multiline", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "10px" - } - }, - "breadcrumbs-top-to-text": { - "prop": "--spectrum-breadcrumbs-top-to-text", - "ref": "var(--spectrum-component-top-to-text-200)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "breadcrumbs-top-to-text-compact": { - "prop": "--spectrum-breadcrumbs-top-to-text-compact", - "ref": "var(--spectrum-component-top-to-text-100)", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "breadcrumbs-top-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-text-multiline", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-top-to-truncated-menu": { - "prop": "--spectrum-breadcrumbs-top-to-truncated-menu", - "value": "0px" - }, - "breadcrumbs-top-to-truncated-menu-compact": { - "prop": "--spectrum-breadcrumbs-top-to-truncated-menu-compact", - "ref": "var(--spectrum-breadcrumbs-top-to-truncated-menu)", - "value": "0px" - }, - "breadcrumbs-truncated-menu-to-bottom-text": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-bottom-text", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-truncated-menu-to-separator": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator", - "value": "0px" - }, - "breadcrumbs-truncated-menu-to-separator-icon": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator-icon", - "ref": "var(--spectrum-breadcrumbs-truncated-menu-to-separator)", - "value": "0px" - }, - "brown-100": { - "prop": "--spectrum-brown-100", - "dark": { - "value": "rgb(35, 24, 8)" - }, - "light": { - "value": "rgb(252, 247, 242)" - } - }, - "brown-1000": { - "prop": "--spectrum-brown-1000", - "dark": { - "value": "rgb(181, 147, 98)" - }, - "light": { - "value": "rgb(119, 91, 50)" - } - }, - "brown-1100": { - "prop": "--spectrum-brown-1100", - "dark": { - "value": "rgb(199, 163, 112)" - }, - "light": { - "value": "rgb(103, 76, 35)" - } - }, - "brown-1200": { - "prop": "--spectrum-brown-1200", - "dark": { - "value": "rgb(222, 185, 130)" - }, - "light": { - "value": "rgb(88, 61, 21)" - } - }, - "brown-1300": { - "prop": "--spectrum-brown-1300", - "dark": { - "value": "rgb(232, 207, 169)" - }, - "light": { - "value": "rgb(70, 49, 17)" - } - }, - "brown-1400": { - "prop": "--spectrum-brown-1400", - "dark": { - "value": "rgb(242, 227, 206)" - }, - "light": { - "value": "rgb(52, 37, 13)" - } - }, - "brown-1500": { - "prop": "--spectrum-brown-1500", - "dark": { - "value": "rgb(250, 244, 236)" - }, - "light": { - "value": "rgb(38, 26, 9)" - } - }, - "brown-1600": { - "prop": "--spectrum-brown-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(16, 12, 4)" - } - }, - "brown-200": { - "prop": "--spectrum-brown-200", - "dark": { - "value": "rgb(44, 31, 11)" - }, - "light": { - "value": "rgb(247, 238, 225)" - } - }, - "brown-300": { - "prop": "--spectrum-brown-300", - "dark": { - "value": "rgb(58, 40, 14)" - }, - "light": { - "value": "rgb(239, 221, 195)" - } - }, - "brown-400": { - "prop": "--spectrum-brown-400", - "dark": { - "value": "rgb(78, 55, 19)" - }, - "light": { - "value": "rgb(229, 200, 157)" - } - }, - "brown-500": { - "prop": "--spectrum-brown-500", - "dark": { - "value": "rgb(98, 71, 30)" - }, - "light": { - "value": "rgb(214, 177, 123)" - } - }, - "brown-600": { - "prop": "--spectrum-brown-600", - "dark": { - "value": "rgb(115, 88, 47)" - }, - "light": { - "value": "rgb(190, 155, 104)" - } - }, - "brown-700": { - "prop": "--spectrum-brown-700", - "dark": { - "value": "rgb(132, 104, 61)" - }, - "light": { - "value": "rgb(171, 138, 90)" - } - }, - "brown-800": { - "prop": "--spectrum-brown-800", - "dark": { - "value": "rgb(143, 114, 69)" - }, - "light": { - "value": "rgb(154, 123, 77)" - } - }, - "brown-900": { - "prop": "--spectrum-brown-900", - "dark": { - "value": "rgb(163, 132, 84)" - }, - "light": { - "value": "rgb(139, 109, 66)" - } - }, - "brown-background-color-default": { - "prop": "--spectrum-brown-background-color-default", - "ref": "var(--spectrum-brown-800)", - "light": { - "value": "rgb(139, 109, 66)" - }, - "dark": { - "value": "rgb(143, 114, 69)" - } - }, - "brown-subtle-background-color-default": { - "prop": "--spectrum-brown-subtle-background-color-default", - "ref": "var(--spectrum-brown-300)", - "light": { - "value": "rgb(247, 238, 225)" - }, - "dark": { - "value": "rgb(58, 40, 14)" - } - }, - "brown-visual-color": { - "prop": "--spectrum-brown-visual-color", - "ref": "var(--spectrum-brown-900)", - "light": { - "value": "rgb(154, 123, 77)" - }, - "dark": { - "value": "rgb(163, 132, 84)" - } - }, - "button-minimum-width-multiplier": { - "prop": "--spectrum-button-minimum-width-multiplier", - "value": 2.25 - }, - "card-background-loading-color": { - "prop": "--spectrum-card-background-loading-color", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "card-background-well-color": { - "prop": "--spectrum-card-background-well-color", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "card-default-width-extra-large": { - "prop": "--spectrum-card-default-width-extra-large", - "value": "400px" - }, - "card-default-width-extra-small": { - "prop": "--spectrum-card-default-width-extra-small", - "value": "120px" - }, - "card-default-width-large": { - "prop": "--spectrum-card-default-width-large", - "value": "320px" - }, - "card-default-width-medium": { - "prop": "--spectrum-card-default-width-medium", - "value": "240px" - }, - "card-default-width-small": { - "prop": "--spectrum-card-default-width-small", - "value": "180px" - }, - "card-description-to-footer": { - "prop": "--spectrum-card-description-to-footer", - "ref": "var(--spectrum-spacing-300)", - "value": "16px" - }, - "card-edge-to-content-compact-extra-large": { - "prop": "--spectrum-card-edge-to-content-compact-extra-large", - "value": "20px" - }, - "card-edge-to-content-compact-extra-small": { - "prop": "--spectrum-card-edge-to-content-compact-extra-small", - "value": "6px" - }, - "card-edge-to-content-compact-large": { - "prop": "--spectrum-card-edge-to-content-compact-large", - "value": "16px" - }, - "card-edge-to-content-compact-medium": { - "prop": "--spectrum-card-edge-to-content-compact-medium", - "value": "12px" - }, - "card-edge-to-content-compact-small": { - "prop": "--spectrum-card-edge-to-content-compact-small", - "value": "8px" - }, - "card-edge-to-content-default-extra-large": { - "prop": "--spectrum-card-edge-to-content-default-extra-large", - "value": "24px" - }, - "card-edge-to-content-default-extra-small": { - "prop": "--spectrum-card-edge-to-content-default-extra-small", - "value": "8px" - }, - "card-edge-to-content-default-large": { - "prop": "--spectrum-card-edge-to-content-default-large", - "value": "20px" - }, - "card-edge-to-content-default-medium": { - "prop": "--spectrum-card-edge-to-content-default-medium", - "value": "16px" - }, - "card-edge-to-content-default-small": { - "prop": "--spectrum-card-edge-to-content-default-small", - "value": "12px" - }, - "card-edge-to-content-spacious-extra-large": { - "prop": "--spectrum-card-edge-to-content-spacious-extra-large", - "value": "28px" - }, - "card-edge-to-content-spacious-extra-small": { - "prop": "--spectrum-card-edge-to-content-spacious-extra-small", - "value": "12px" - }, - "card-edge-to-content-spacious-large": { - "prop": "--spectrum-card-edge-to-content-spacious-large", - "value": "24px" - }, - "card-edge-to-content-spacious-medium": { - "prop": "--spectrum-card-edge-to-content-spacious-medium", - "value": "20px" - }, - "card-edge-to-content-spacious-small": { - "prop": "--spectrum-card-edge-to-content-spacious-small", - "value": "16px" - }, - "card-header-to-description": { - "prop": "--spectrum-card-header-to-description", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" - }, - "card-horizontal-edge-to-content-compact": { - "prop": "--spectrum-card-horizontal-edge-to-content-compact", - "value": "12px" - }, - "card-horizontal-edge-to-content-default": { - "prop": "--spectrum-card-horizontal-edge-to-content-default", - "value": "16px" - }, - "card-horizontal-edge-to-content-spacious": { - "prop": "--spectrum-card-horizontal-edge-to-content-spacious", - "value": "20px" - }, - "card-maximum-width-extra-large": { - "prop": "--spectrum-card-maximum-width-extra-large", - "value": "460px" - }, - "card-maximum-width-extra-small": { - "prop": "--spectrum-card-maximum-width-extra-small", - "value": "140px" - }, - "card-maximum-width-large": { - "prop": "--spectrum-card-maximum-width-large", - "value": "370px" - }, - "card-maximum-width-medium": { - "prop": "--spectrum-card-maximum-width-medium", - "value": "280px" - }, - "card-maximum-width-small": { - "prop": "--spectrum-card-maximum-width-small", - "value": "210px" - }, - "card-minimum-height-extra-large": { - "prop": "--spectrum-card-minimum-height-extra-large", - "value": "300px" - }, - "card-minimum-height-extra-small": { - "prop": "--spectrum-card-minimum-height-extra-small", - "value": "90px" - }, - "card-minimum-height-large": { - "prop": "--spectrum-card-minimum-height-large", - "value": "240px" - }, - "card-minimum-height-medium": { - "prop": "--spectrum-card-minimum-height-medium", - "value": "180px" - }, - "card-minimum-height-small": { - "prop": "--spectrum-card-minimum-height-small", - "value": "135px" - }, - "card-minimum-width": { - "prop": "--spectrum-card-minimum-width", - "value": "100px" - }, - "card-minimum-width-extra-large": { - "prop": "--spectrum-card-minimum-width-extra-large", - "value": "340px" - }, - "card-minimum-width-extra-small": { - "prop": "--spectrum-card-minimum-width-extra-small", - "value": "100px" - }, - "card-minimum-width-large": { - "prop": "--spectrum-card-minimum-width-large", - "value": "270px" - }, - "card-minimum-width-medium": { - "prop": "--spectrum-card-minimum-width-medium", - "value": "200px" - }, - "card-minimum-width-small": { - "prop": "--spectrum-card-minimum-width-small", - "value": "150px" - }, - "card-preview-minimum-height": { - "prop": "--spectrum-card-preview-minimum-height", - "value": "130px" - }, - "card-selection-background-color": { - "prop": "--spectrum-card-selection-background-color", - "light": { - "ref": "var(--spectrum-transparent-white-600)", - "value": "rgba(255, 255, 255, 0.51)" - }, - "dark": { - "ref": "var(--spectrum-transparent-black-600)", - "value": "rgba(0, 0, 0, 0.56)" - } - }, - "card-selection-background-color-opacity": { - "prop": "--spectrum-card-selection-background-color-opacity", - "value": "0.95" - }, - "card-selection-background-size": { - "prop": "--spectrum-card-selection-background-size", - "value": "40px" - }, - "card-selection-background-size-extra-large": { - "prop": "--spectrum-card-selection-background-size-extra-large", - "value": "28px" - }, - "card-selection-background-size-large": { - "prop": "--spectrum-card-selection-background-size-large", - "value": "26px" - }, - "card-selection-background-size-medium": { - "prop": "--spectrum-card-selection-background-size-medium", - "value": "24px" - }, - "card-selection-background-size-small": { - "prop": "--spectrum-card-selection-background-size-small", - "value": "22px" - }, - "celery-100": { - "prop": "--spectrum-celery-100", - "light": { - "value": "rgb(235, 255, 220)" - }, - "dark": { - "value": "rgb(11, 31, 0)" - } - }, - "celery-1000": { - "prop": "--spectrum-celery-1000", - "light": { - "value": "rgb(52, 109, 12)" - }, - "dark": { - "value": "rgb(88, 172, 28)" - } - }, - "celery-1100": { - "prop": "--spectrum-celery-1100", - "light": { - "value": "rgb(44, 92, 9)" - }, - "dark": { - "value": "rgb(100, 190, 35)" - } - }, - "celery-1200": { - "prop": "--spectrum-celery-1200", - "light": { - "value": "rgb(35, 75, 6)" - }, - "dark": { - "value": "rgb(116, 213, 46)" - } - }, - "celery-1300": { - "prop": "--spectrum-celery-1300", - "light": { - "value": "rgb(27, 60, 3)" - }, - "dark": { - "value": "rgb(136, 234, 65)" - } - }, - "celery-1400": { - "prop": "--spectrum-celery-1400", - "light": { - "value": "rgb(19, 46, 0)" - }, - "dark": { - "value": "rgb(170, 251, 112)" - } - }, - "celery-1500": { - "prop": "--spectrum-celery-1500", - "dark": { - "value": "rgb(222, 255, 198)" - }, - "light": { - "value": "rgb(12, 33, 0)" - } - }, - "celery-1600": { - "prop": "--spectrum-celery-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(4, 15, 0)" - } - }, - "celery-200": { - "prop": "--spectrum-celery-200", - "light": { - "value": "rgb(197, 255, 156)" - }, - "dark": { - "value": "rgb(15, 38, 0)" - } - }, - "celery-300": { - "prop": "--spectrum-celery-300", - "light": { - "value": "rgb(157, 247, 92)" - }, - "dark": { - "value": "rgb(21, 51, 1)" - } - }, - "celery-400": { - "prop": "--spectrum-celery-400", - "light": { - "value": "rgb(129, 228, 58)" - }, - "dark": { - "value": "rgb(31, 67, 4)" - } - }, - "celery-500": { - "prop": "--spectrum-celery-500", - "light": { - "value": "rgb(110, 206, 42)" - }, - "dark": { - "value": "rgb(41, 86, 8)" - } - }, - "celery-600": { - "prop": "--spectrum-celery-600", - "light": { - "value": "rgb(93, 180, 31)" - }, - "dark": { - "value": "rgb(50, 105, 11)" - } - }, - "celery-700": { - "prop": "--spectrum-celery-700", - "light": { - "value": "rgb(82, 161, 25)" - }, - "dark": { - "value": "rgb(60, 122, 15)" - } - }, - "celery-800": { - "prop": "--spectrum-celery-800", - "light": { - "value": "rgb(72, 144, 20)" - }, - "dark": { - "value": "rgb(66, 134, 18)" - } - }, - "celery-900": { - "prop": "--spectrum-celery-900", - "light": { - "value": "rgb(64, 129, 17)" - }, - "dark": { - "value": "rgb(78, 154, 23)" - } - }, - "celery-background-color-default": { - "prop": "--spectrum-celery-background-color-default", - "ref": "var(--spectrum-celery-900)", - "light": { - "value": "rgb(93, 180, 31)" - }, - "dark": { - "value": "rgb(78, 154, 23)" - } - }, - "celery-subtle-background-color-default": { - "prop": "--spectrum-celery-subtle-background-color-default", - "ref": "var(--spectrum-celery-300)", - "light": { - "value": "rgb(197, 255, 156)" - }, - "dark": { - "value": "rgb(21, 51, 1)" - } - }, - "celery-visual-color": { - "prop": "--spectrum-celery-visual-color", - "ref": "var(--spectrum-celery-800)", - "light": { - "value": "rgb(82, 161, 25)" - }, - "dark": { - "value": "rgb(66, 134, 18)" - } - }, - "character-count-to-field-quiet-extra-large": { - "prop": "--spectrum-character-count-to-field-quiet-extra-large", - "desktop": { - "value": "-4px" - }, - "mobile": { - "value": "-5px" - } - }, - "character-count-to-field-quiet-large": { - "prop": "--spectrum-character-count-to-field-quiet-large", - "desktop": { - "value": "-3px" - }, - "mobile": { - "value": "-4px" - } - }, - "character-count-to-field-quiet-medium": { - "prop": "--spectrum-character-count-to-field-quiet-medium", - "desktop": { - "value": "-3px" - }, - "mobile": { - "value": "-4px" - } - }, - "character-count-to-field-quiet-small": { - "prop": "--spectrum-character-count-to-field-quiet-small", - "desktop": { - "value": "-3px" - }, - "mobile": { - "value": "-4px" - } - }, - "chartreuse-100": { - "prop": "--spectrum-chartreuse-100", - "light": { - "value": "rgb(246, 251, 222)" - }, - "dark": { - "value": "rgb(23, 28, 0)" - } - }, - "chartreuse-1000": { - "prop": "--spectrum-chartreuse-1000", - "light": { - "value": "rgb(86, 103, 0)" - }, - "dark": { - "value": "rgb(136, 164, 0)" - } - }, - "chartreuse-1100": { - "prop": "--spectrum-chartreuse-1100", - "light": { - "value": "rgb(73, 87, 0)" - }, - "dark": { - "value": "rgb(151, 181, 0)" - } - }, - "chartreuse-1200": { - "prop": "--spectrum-chartreuse-1200", - "light": { - "value": "rgb(60, 71, 0)" - }, - "dark": { - "value": "rgb(169, 203, 0)" - } - }, - "chartreuse-1300": { - "prop": "--spectrum-chartreuse-1300", - "light": { - "value": "rgb(47, 57, 0)" - }, - "dark": { - "value": "rgb(187, 225, 0)" - } - }, - "chartreuse-1400": { - "prop": "--spectrum-chartreuse-1400", - "light": { - "value": "rgb(35, 43, 0)" - }, - "dark": { - "value": "rgb(219, 240, 117)" - } - }, - "chartreuse-1500": { - "prop": "--spectrum-chartreuse-1500", - "dark": { - "value": "rgb(242, 249, 206)" - }, - "light": { - "value": "rgb(25, 30, 0)" - } - }, - "chartreuse-1600": { - "prop": "--spectrum-chartreuse-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(11, 14, 0)" - } - }, - "chartreuse-200": { - "prop": "--spectrum-chartreuse-200", - "light": { - "value": "rgb(234, 246, 173)" - }, - "dark": { - "value": "rgb(30, 36, 0)" - } - }, - "chartreuse-300": { - "prop": "--spectrum-chartreuse-300", - "light": { - "value": "rgb(208, 236, 70)" - }, - "dark": { - "value": "rgb(39, 47, 0)" - } - }, - "chartreuse-400": { - "prop": "--spectrum-chartreuse-400", - "light": { - "value": "rgb(182, 219, 0)" - }, - "dark": { - "value": "rgb(53, 63, 0)" - } - }, - "chartreuse-500": { - "prop": "--spectrum-chartreuse-500", - "light": { - "value": "rgb(163, 196, 0)" - }, - "dark": { - "value": "rgb(68, 82, 0)" - } - }, - "chartreuse-600": { - "prop": "--spectrum-chartreuse-600", - "light": { - "value": "rgb(143, 172, 0)" - }, - "dark": { - "value": "rgb(83, 100, 0)" - } - }, - "chartreuse-700": { - "prop": "--spectrum-chartreuse-700", - "light": { - "value": "rgb(128, 153, 0)" - }, - "dark": { - "value": "rgb(97, 116, 0)" - } - }, - "chartreuse-800": { - "prop": "--spectrum-chartreuse-800", - "light": { - "value": "rgb(114, 137, 0)" - }, - "dark": { - "value": "rgb(106, 127, 0)" - } - }, - "chartreuse-900": { - "prop": "--spectrum-chartreuse-900", - "light": { - "value": "rgb(102, 122, 0)" - }, - "dark": { - "value": "rgb(122, 147, 0)" - } - }, - "chartreuse-background-color-default": { - "prop": "--spectrum-chartreuse-background-color-default", - "ref": "var(--spectrum-chartreuse-1000)", - "light": { - "value": "rgb(163, 196, 0)" - }, - "dark": { - "value": "rgb(136, 164, 0)" - } - }, - "chartreuse-subtle-background-color-default": { - "prop": "--spectrum-chartreuse-subtle-background-color-default", - "ref": "var(--spectrum-chartreuse-300)", - "light": { - "value": "rgb(234, 246, 173)" - }, - "dark": { - "value": "rgb(39, 47, 0)" - } - }, - "chartreuse-visual-color": { - "prop": "--spectrum-chartreuse-visual-color", - "ref": "var(--spectrum-chartreuse-900)", - "light": { - "value": "rgb(143, 172, 0)" - }, - "dark": { - "value": "rgb(122, 147, 0)" - } - }, - "checkbox-control-size-extra-large": { - "prop": "--spectrum-checkbox-control-size-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "checkbox-control-size-large": { - "prop": "--spectrum-checkbox-control-size-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "checkbox-control-size-medium": { - "prop": "--spectrum-checkbox-control-size-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "checkbox-control-size-small": { - "prop": "--spectrum-checkbox-control-size-small", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "checkbox-top-to-control-extra-large": { - "prop": "--spectrum-checkbox-top-to-control-extra-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "checkbox-top-to-control-large": { - "prop": "--spectrum-checkbox-top-to-control-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "checkbox-top-to-control-medium": { - "prop": "--spectrum-checkbox-top-to-control-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "checkbox-top-to-control-small": { - "prop": "--spectrum-checkbox-top-to-control-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "checkmark-icon-size-100": { - "prop": "--spectrum-checkmark-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "checkmark-icon-size-200": { - "prop": "--spectrum-checkmark-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "checkmark-icon-size-300": { - "prop": "--spectrum-checkmark-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "checkmark-icon-size-400": { - "prop": "--spectrum-checkmark-icon-size-400", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "checkmark-icon-size-50": { - "prop": "--spectrum-checkmark-icon-size-50", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "checkmark-icon-size-500": { - "prop": "--spectrum-checkmark-icon-size-500", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "checkmark-icon-size-600": { - "prop": "--spectrum-checkmark-icon-size-600", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "24px" - } - }, - "checkmark-icon-size-75": { - "prop": "--spectrum-checkmark-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "chevron-icon-size-100": { - "prop": "--spectrum-chevron-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "chevron-icon-size-200": { - "prop": "--spectrum-chevron-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "chevron-icon-size-300": { - "prop": "--spectrum-chevron-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "chevron-icon-size-400": { - "prop": "--spectrum-chevron-icon-size-400", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "chevron-icon-size-50": { - "prop": "--spectrum-chevron-icon-size-50", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "chevron-icon-size-500": { - "prop": "--spectrum-chevron-icon-size-500", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "chevron-icon-size-600": { - "prop": "--spectrum-chevron-icon-size-600", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "24px" - } - }, - "chevron-icon-size-75": { - "prop": "--spectrum-chevron-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "cinnamon-100": { - "prop": "--spectrum-cinnamon-100", - "dark": { - "value": "rgb(48, 17, 4)" - }, - "light": { - "value": "rgb(253, 247, 243)" - } - }, - "cinnamon-1000": { - "prop": "--spectrum-cinnamon-1000", - "dark": { - "value": "rgb(206, 136, 99)" - }, - "light": { - "value": "rgb(147, 77, 43)" - } - }, - "cinnamon-1100": { - "prop": "--spectrum-cinnamon-1100", - "dark": { - "value": "rgb(220, 154, 118)" - }, - "light": { - "value": "rgb(128, 62, 32)" - } - }, - "cinnamon-1200": { - "prop": "--spectrum-cinnamon-1200", - "dark": { - "value": "rgb(232, 179, 149)" - }, - "light": { - "value": "rgb(110, 48, 21)" - } - }, - "cinnamon-1300": { - "prop": "--spectrum-cinnamon-1300", - "dark": { - "value": "rgb(239, 203, 183)" - }, - "light": { - "value": "rgb(92, 35, 11)" - } - }, - "cinnamon-1400": { - "prop": "--spectrum-cinnamon-1400", - "dark": { - "value": "rgb(246, 225, 214)" - }, - "light": { - "value": "rgb(72, 25, 6)" - } - }, - "cinnamon-1500": { - "prop": "--spectrum-cinnamon-1500", - "dark": { - "value": "rgb(252, 244, 239)" - }, - "light": { - "value": "rgb(52, 18, 4)" - } - }, - "cinnamon-1600": { - "prop": "--spectrum-cinnamon-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(24, 8, 2)" - } - }, - "cinnamon-200": { - "prop": "--spectrum-cinnamon-200", - "dark": { - "value": "rgb(59, 21, 5)" - }, - "light": { - "value": "rgb(249, 236, 229)" - } - }, - "cinnamon-300": { - "prop": "--spectrum-cinnamon-300", - "dark": { - "value": "rgb(79, 28, 7)" - }, - "light": { - "value": "rgb(244, 218, 203)" - } - }, - "cinnamon-400": { - "prop": "--spectrum-cinnamon-400", - "dark": { - "value": "rgb(100, 41, 15)" - }, - "light": { - "value": "rgb(237, 196, 172)" - } - }, - "cinnamon-500": { - "prop": "--spectrum-cinnamon-500", - "dark": { - "value": "rgb(122, 57, 28)" - }, - "light": { - "value": "rgb(229, 170, 136)" - } - }, - "cinnamon-600": { - "prop": "--spectrum-cinnamon-600", - "dark": { - "value": "rgb(143, 74, 40)" - }, - "light": { - "value": "rgb(212, 145, 108)" - } - }, - "cinnamon-700": { - "prop": "--spectrum-cinnamon-700", - "dark": { - "value": "rgb(163, 88, 52)" - }, - "light": { - "value": "rgb(198, 126, 88)" - } - }, - "cinnamon-800": { - "prop": "--spectrum-cinnamon-800", - "dark": { - "value": "rgb(176, 98, 59)" - }, - "light": { - "value": "rgb(184, 109, 70)" - } - }, - "cinnamon-900": { - "prop": "--spectrum-cinnamon-900", - "dark": { - "value": "rgb(192, 119, 80)" - }, - "light": { - "value": "rgb(170, 94, 56)" - } - }, - "cinnamon-background-color-default": { - "prop": "--spectrum-cinnamon-background-color-default", - "ref": "var(--spectrum-cinnamon-800)", - "light": { - "value": "rgb(170, 94, 56)" - }, - "dark": { - "value": "rgb(176, 98, 59)" - } - }, - "cinnamon-subtle-background-color-default": { - "prop": "--spectrum-cinnamon-subtle-background-color-default", - "ref": "var(--spectrum-cinnamon-300)", - "light": { - "value": "rgb(249, 236, 229)" - }, - "dark": { - "value": "rgb(79, 28, 7)" - } - }, - "cinnamon-visual-color": { - "prop": "--spectrum-cinnamon-visual-color", - "ref": "var(--spectrum-cinnamon-900)", - "light": { - "value": "rgb(184, 109, 70)" - }, - "dark": { - "value": "rgb(192, 119, 80)" - } - }, - "cjk-font-family": { - "prop": "--spectrum-cjk-font-family", - "value": "Adobe Clean Han" - }, - "cjk-letter-spacing": { - "prop": "--spectrum-cjk-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "cjk-line-height-100": { - "prop": "--spectrum-cjk-line-height-100", - "value": 1.5 - }, - "cjk-line-height-200": { - "prop": "--spectrum-cjk-line-height-200", - "value": 1.7 - }, - "coach-indicator-collapsed-gap": { - "prop": "--spectrum-coach-indicator-collapsed-gap", - "value": "2px" - }, - "coach-indicator-collapsed-ring-rounding-increment": { - "prop": "--spectrum-coach-indicator-collapsed-ring-rounding-increment", - "value": "6px" - }, - "coach-indicator-collapsed-ring-thickness": { - "prop": "--spectrum-coach-indicator-collapsed-ring-thickness", - "value": "4px" - }, - "coach-indicator-color": { - "prop": "--spectrum-coach-indicator-color", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "coach-indicator-expanded-gap": { - "prop": "--spectrum-coach-indicator-expanded-gap", - "value": "6px" - }, - "coach-indicator-expanded-ring-rounding-increment": { - "prop": "--spectrum-coach-indicator-expanded-ring-rounding-increment", - "value": "14px" - }, - "coach-indicator-expanded-ring-thickness": { - "prop": "--spectrum-coach-indicator-expanded-ring-thickness", - "value": "8px" - }, - "coach-indicator-opacity": { - "prop": "--spectrum-coach-indicator-opacity", - "value": "0.2" - }, - "coach-mark-body-font-size": { - "prop": "--spectrum-coach-mark-body-font-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "coach-mark-body-size": { - "prop": "--spectrum-coach-mark-body-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "coach-mark-edge-to-content": { - "prop": "--spectrum-coach-mark-edge-to-content", - "desktop": { - "ref": "var(--spectrum-spacing-400)", - "value": "24px" - }, - "mobile": { - "ref": "var(--spectrum-spacing-300)", - "value": "16px" - } - }, - "coach-mark-maximum-width": { - "prop": "--spectrum-coach-mark-maximum-width", - "desktop": { - "value": "380px" - }, - "mobile": { - "value": "248px" - } - }, - "coach-mark-media-height": { - "prop": "--spectrum-coach-mark-media-height", - "desktop": { - "value": "222px" - }, - "mobile": { - "value": "162px" - } - }, - "coach-mark-media-minimum-height": { - "prop": "--spectrum-coach-mark-media-minimum-height", - "desktop": { - "value": "166px" - }, - "mobile": { - "value": "121px" - } - }, - "coach-mark-minimum-width": { - "prop": "--spectrum-coach-mark-minimum-width", - "desktop": { - "value": "296px" - }, - "mobile": { - "value": "216px" - } - }, - "coach-mark-pagination-body-font-size": { - "prop": "--spectrum-coach-mark-pagination-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "coach-mark-pagination-body-size": { - "prop": "--spectrum-coach-mark-pagination-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "coach-mark-pagination-color": { - "prop": "--spectrum-coach-mark-pagination-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(113, 113, 113)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "coach-mark-pagination-text-to-bottom-edge": { - "prop": "--spectrum-coach-mark-pagination-text-to-bottom-edge", - "desktop": { - "value": "33px" - }, - "mobile": { - "value": "22px" - } - }, - "coach-mark-title-font-size": { - "prop": "--spectrum-coach-mark-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "coach-mark-title-size": { - "prop": "--spectrum-coach-mark-title-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "coach-mark-width": { - "prop": "--spectrum-coach-mark-width", - "desktop": { - "value": "296px" - }, - "mobile": { - "value": "216px" - } - }, - "code-cjk-emphasized-font-style": { - "prop": "--spectrum-code-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-emphasized-font-weight": { - "prop": "--spectrum-code-cjk-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "code-cjk-font-family": { - "prop": "--spectrum-code-cjk-font-family", - "ref": "var(--spectrum-code-font-family)", - "value": "Source Code Pro" - }, - "code-cjk-font-style": { - "prop": "--spectrum-code-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-font-weight": { - "prop": "--spectrum-code-cjk-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "code-cjk-line-height": { - "prop": "--spectrum-code-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-200)", - "value": 1.7 - }, - "code-cjk-size-l": { - "prop": "--spectrum-code-cjk-size-l", - "ref": "var(--spectrum-code-size-l)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "code-cjk-size-m": { - "prop": "--spectrum-code-cjk-size-m", - "ref": "var(--spectrum-code-size-m)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "code-cjk-size-s": { - "prop": "--spectrum-code-cjk-size-s", - "ref": "var(--spectrum-code-size-s)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "code-cjk-size-xl": { - "prop": "--spectrum-code-cjk-size-xl", - "ref": "var(--spectrum-code-size-xl)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "code-cjk-size-xs": { - "prop": "--spectrum-code-cjk-size-xs", - "ref": "var(--spectrum-code-size-xs)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "code-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-code-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-code-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "code-cjk-strong-font-style": { - "prop": "--spectrum-code-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-strong-font-weight": { - "prop": "--spectrum-code-cjk-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "code-color": { - "prop": "--spectrum-code-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "code-emphasized-font-style": { - "prop": "--spectrum-code-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "code-emphasized-font-weight": { - "prop": "--spectrum-code-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "code-font-family": { - "prop": "--spectrum-code-font-family", - "value": "Source Code Pro" - }, - "code-font-style": { - "prop": "--spectrum-code-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-font-weight": { - "prop": "--spectrum-code-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "code-line-height": { - "prop": "--spectrum-code-line-height", - "ref": "var(--spectrum-line-height-200)", - "value": 1.5 - }, - "code-size-l": { - "prop": "--spectrum-code-size-l", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "code-size-m": { - "prop": "--spectrum-code-size-m", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "code-size-s": { - "prop": "--spectrum-code-size-s", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "code-size-xl": { - "prop": "--spectrum-code-size-xl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "code-size-xs": { - "prop": "--spectrum-code-size-xs", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "code-strong-emphasized-font-style": { - "prop": "--spectrum-code-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "code-strong-emphasized-font-weight": { - "prop": "--spectrum-code-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "code-strong-font-style": { - "prop": "--spectrum-code-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-strong-font-weight": { - "prop": "--spectrum-code-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "collection-card-minimum-height-extra-large": { - "prop": "--spectrum-collection-card-minimum-height-extra-large", - "value": "249px" - }, - "collection-card-minimum-height-extra-small": { - "prop": "--spectrum-collection-card-minimum-height-extra-small", - "value": "88px" - }, - "collection-card-minimum-height-hero-extra-large": { - "prop": "--spectrum-collection-card-minimum-height-hero-extra-large", - "value": "514px" - }, - "collection-card-minimum-height-hero-extra-small": { - "prop": "--spectrum-collection-card-minimum-height-hero-extra-small", - "value": "168px" - }, - "collection-card-minimum-height-hero-large": { - "prop": "--spectrum-collection-card-minimum-height-hero-large", - "value": "414px" - }, - "collection-card-minimum-height-hero-medium": { - "prop": "--spectrum-collection-card-minimum-height-hero-medium", - "value": "317px" - }, - "collection-card-minimum-height-hero-small": { - "prop": "--spectrum-collection-card-minimum-height-hero-small", - "value": "243px" - }, - "collection-card-minimum-height-large": { - "prop": "--spectrum-collection-card-minimum-height-large", - "value": "202px" - }, - "collection-card-minimum-height-medium": { - "prop": "--spectrum-collection-card-minimum-height-medium", - "value": "157px" - }, - "collection-card-minimum-height-small": { - "prop": "--spectrum-collection-card-minimum-height-small", - "value": "124px" - }, - "color-area-border-color": { - "prop": "--spectrum-color-area-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" - } - }, - "color-area-border-opacity": { - "prop": "--spectrum-color-area-border-opacity", - "value": "0.1" - }, - "color-area-border-rounding": { - "prop": "--spectrum-color-area-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)", - "value": "7px" - }, - "color-area-border-width": { - "prop": "--spectrum-color-area-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" - }, - "color-area-height": { - "prop": "--spectrum-color-area-height", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "color-area-minimum-height": { - "prop": "--spectrum-color-area-minimum-height", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "color-area-minimum-width": { - "prop": "--spectrum-color-area-minimum-width", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "color-area-width": { - "prop": "--spectrum-color-area-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "color-control-track-width": { - "prop": "--spectrum-color-control-track-width", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "color-handle-border-width": { - "prop": "--spectrum-color-handle-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" - }, - "color-handle-drop-shadow-blur": { - "prop": "--spectrum-color-handle-drop-shadow-blur", - "value": "0" - }, - "color-handle-drop-shadow-color": { - "prop": "--spectrum-color-handle-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-color)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "color-handle-drop-shadow-x": { - "prop": "--spectrum-color-handle-drop-shadow-x", - "value": "0" - }, - "color-handle-drop-shadow-y": { - "prop": "--spectrum-color-handle-drop-shadow-y", - "value": "0" - }, - "color-handle-inner-border-color": { - "prop": "--spectrum-color-handle-inner-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "color-handle-inner-border-opacity": { - "prop": "--spectrum-color-handle-inner-border-opacity", - "value": "0.42" - }, - "color-handle-inner-border-width": { - "prop": "--spectrum-color-handle-inner-border-width", - "value": "1px" - }, - "color-handle-outer-border-color": { - "prop": "--spectrum-color-handle-outer-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "color-handle-outer-border-opacity": { - "prop": "--spectrum-color-handle-outer-border-opacity", - "ref": "var(--spectrum-color-handle-inner-border-opacity)", - "value": "0.42" - }, - "color-handle-outer-border-width": { - "prop": "--spectrum-color-handle-outer-border-width", - "value": "1px" - }, - "color-handle-size": { - "prop": "--spectrum-color-handle-size", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "color-handle-size-key-focus": { - "prop": "--spectrum-color-handle-size-key-focus", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "color-loupe-bottom-to-color-handle": { - "prop": "--spectrum-color-loupe-bottom-to-color-handle", - "value": "12px" - }, - "color-loupe-drop-shadow-blur": { - "prop": "--spectrum-color-loupe-drop-shadow-blur", - "ref": "var(--spectrum-drop-shadow-elevated-blur)", - "value": "8px" - }, - "color-loupe-drop-shadow-color": { - "prop": "--spectrum-color-loupe-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-elevated-color)", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } - }, - "color-loupe-drop-shadow-y": { - "prop": "--spectrum-color-loupe-drop-shadow-y", - "ref": "var(--spectrum-drop-shadow-elevated-y)", - "value": "2px" - }, - "color-loupe-height": { - "prop": "--spectrum-color-loupe-height", - "value": "64px" - }, - "color-loupe-inner-border": { - "prop": "--spectrum-color-loupe-inner-border", - "ref": "var(--spectrum-transparent-black-200)", - "value": "rgba(0, 0, 0, 0.12)" - }, - "color-loupe-inner-border-width": { - "prop": "--spectrum-color-loupe-inner-border-width", - "value": "1px" - }, - "color-loupe-outer-border": { - "prop": "--spectrum-color-loupe-outer-border", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" - }, - "color-loupe-outer-border-width": { - "prop": "--spectrum-color-loupe-outer-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" - }, - "color-loupe-width": { - "prop": "--spectrum-color-loupe-width", - "value": "48px" - }, - "color-slider-border-color": { - "prop": "--spectrum-color-slider-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" - } - }, - "color-slider-border-opacity": { - "prop": "--spectrum-color-slider-border-opacity", - "value": "0.1" - }, - "color-slider-border-rounding": { - "prop": "--spectrum-color-slider-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)", - "value": "7px" - }, - "color-slider-border-width": { - "prop": "--spectrum-color-slider-border-width", - "value": "1px" - }, - "color-slider-length": { - "prop": "--spectrum-color-slider-length", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "color-slider-minimum-length": { - "prop": "--spectrum-color-slider-minimum-length", - "desktop": { - "value": "80px" - }, - "mobile": { - "value": "100px" - } - }, - "color-wheel-border-color": { - "prop": "--spectrum-color-wheel-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" - } - }, - "color-wheel-border-opacity": { - "prop": "--spectrum-color-wheel-border-opacity", - "value": "0.1" - }, - "color-wheel-color-area-margin": { - "prop": "--spectrum-color-wheel-color-area-margin", - "value": "12px" - }, - "color-wheel-minimum-width": { - "prop": "--spectrum-color-wheel-minimum-width", - "desktop": { - "value": "175px" - }, - "mobile": { - "value": "219px" - } - }, - "color-wheel-width": { - "prop": "--spectrum-color-wheel-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "combo-box-minimum-width-multiplier": { - "prop": "--spectrum-combo-box-minimum-width-multiplier", - "value": 2.5 - }, - "combo-box-quiet-minimum-width-multiplier": { - "prop": "--spectrum-combo-box-quiet-minimum-width-multiplier", - "value": 2 - }, - "combo-box-visual-to-field-button": { - "prop": "--spectrum-combo-box-visual-to-field-button", - "value": "0px" - }, - "combo-box-visual-to-field-button-extra-large": { - "prop": "--spectrum-combo-box-visual-to-field-button-extra-large", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-large": { - "prop": "--spectrum-combo-box-visual-to-field-button-large", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-medium": { - "prop": "--spectrum-combo-box-visual-to-field-button-medium", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-quiet": { - "prop": "--spectrum-combo-box-visual-to-field-button-quiet", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-small": { - "prop": "--spectrum-combo-box-visual-to-field-button-small", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "component-bottom-to-text-100": { - "prop": "--spectrum-component-bottom-to-text-100", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-bottom-to-text-200": { - "prop": "--spectrum-component-bottom-to-text-200", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "component-bottom-to-text-300": { - "prop": "--spectrum-component-bottom-to-text-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "component-bottom-to-text-50": { - "prop": "--spectrum-component-bottom-to-text-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "6px" - } - }, - "component-bottom-to-text-75": { - "prop": "--spectrum-component-bottom-to-text-75", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "component-edge-to-text-100": { - "prop": "--spectrum-component-edge-to-text-100", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "component-edge-to-text-200": { - "prop": "--spectrum-component-edge-to-text-200", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "component-edge-to-text-300": { - "prop": "--spectrum-component-edge-to-text-300", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "component-edge-to-text-50": { - "prop": "--spectrum-component-edge-to-text-50", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "component-edge-to-text-75": { - "prop": "--spectrum-component-edge-to-text-75", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-edge-to-visual-100": { - "prop": "--spectrum-component-edge-to-visual-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "component-edge-to-visual-200": { - "prop": "--spectrum-component-edge-to-visual-200", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "component-edge-to-visual-300": { - "prop": "--spectrum-component-edge-to-visual-300", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "component-edge-to-visual-50": { - "prop": "--spectrum-component-edge-to-visual-50", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "component-edge-to-visual-75": { - "prop": "--spectrum-component-edge-to-visual-75", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "component-edge-to-visual-only-100": { - "prop": "--spectrum-component-edge-to-visual-only-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-edge-to-visual-only-200": { - "prop": "--spectrum-component-edge-to-visual-only-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-edge-to-visual-only-300": { - "prop": "--spectrum-component-edge-to-visual-only-300", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "component-edge-to-visual-only-50": { - "prop": "--spectrum-component-edge-to-visual-only-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "5px" - } - }, - "component-edge-to-visual-only-75": { - "prop": "--spectrum-component-edge-to-visual-only-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "component-height-100": { - "prop": "--spectrum-component-height-100", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "component-height-200": { - "prop": "--spectrum-component-height-200", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "component-height-300": { - "prop": "--spectrum-component-height-300", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "component-height-400": { - "prop": "--spectrum-component-height-400", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "component-height-50": { - "prop": "--spectrum-component-height-50", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "component-height-500": { - "prop": "--spectrum-component-height-500", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "component-height-75": { - "prop": "--spectrum-component-height-75", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "component-pill-edge-to-text-100": { - "prop": "--spectrum-component-pill-edge-to-text-100", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "component-pill-edge-to-text-200": { - "prop": "--spectrum-component-pill-edge-to-text-200", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "25px" - } - }, - "component-pill-edge-to-text-300": { - "prop": "--spectrum-component-pill-edge-to-text-300", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "component-pill-edge-to-text-75": { - "prop": "--spectrum-component-pill-edge-to-text-75", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "component-pill-edge-to-visual-100": { - "prop": "--spectrum-component-pill-edge-to-visual-100", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "component-pill-edge-to-visual-200": { - "prop": "--spectrum-component-pill-edge-to-visual-200", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "component-pill-edge-to-visual-300": { - "prop": "--spectrum-component-pill-edge-to-visual-300", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "27px" - } - }, - "component-pill-edge-to-visual-75": { - "prop": "--spectrum-component-pill-edge-to-visual-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "component-pill-edge-to-visual-only-100": { - "prop": "--spectrum-component-pill-edge-to-visual-only-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-pill-edge-to-visual-only-200": { - "prop": "--spectrum-component-pill-edge-to-visual-only-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-pill-edge-to-visual-only-300": { - "prop": "--spectrum-component-pill-edge-to-visual-only-300", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "component-pill-edge-to-visual-only-75": { - "prop": "--spectrum-component-pill-edge-to-visual-only-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "component-size-difference-down": { - "prop": "--spectrum-component-size-difference-down", - "value": "-2px" - }, - "component-size-maximum-perspective-down": { - "prop": "--spectrum-component-size-maximum-perspective-down", - "value": "96px" - }, - "component-size-minimum-perspective-down": { - "prop": "--spectrum-component-size-minimum-perspective-down", - "value": "24px" - }, - "component-size-width-ratio-down": { - "prop": "--spectrum-component-size-width-ratio-down", - "value": 0.3333 - }, - "component-to-menu-extra-large": { - "prop": "--spectrum-component-to-menu-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "component-to-menu-large": { - "prop": "--spectrum-component-to-menu-large", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "component-to-menu-medium": { - "prop": "--spectrum-component-to-menu-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-to-menu-small": { - "prop": "--spectrum-component-to-menu-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "component-top-to-text-100": { - "prop": "--spectrum-component-top-to-text-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-top-to-text-200": { - "prop": "--spectrum-component-top-to-text-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "component-top-to-text-300": { - "prop": "--spectrum-component-top-to-text-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "component-top-to-text-50": { - "prop": "--spectrum-component-top-to-text-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "4px" - } - }, - "component-top-to-text-75": { - "prop": "--spectrum-component-top-to-text-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "component-top-to-workflow-icon-100": { - "prop": "--spectrum-component-top-to-workflow-icon-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-top-to-workflow-icon-200": { - "prop": "--spectrum-component-top-to-workflow-icon-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-top-to-workflow-icon-300": { - "prop": "--spectrum-component-top-to-workflow-icon-300", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "component-top-to-workflow-icon-50": { - "prop": "--spectrum-component-top-to-workflow-icon-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "5px" - } - }, - "component-top-to-workflow-icon-75": { - "prop": "--spectrum-component-top-to-workflow-icon-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "contextual-help-body-font-size": { - "prop": "--spectrum-contextual-help-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "contextual-help-body-size": { - "prop": "--spectrum-contextual-help-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "contextual-help-minimum-width": { - "prop": "--spectrum-contextual-help-minimum-width", - "value": "268px" - }, - "contextual-help-title-font-size": { - "prop": "--spectrum-contextual-help-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "contextual-help-title-size": { - "prop": "--spectrum-contextual-help-title-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "corner-radius-0": { - "prop": "--spectrum-corner-radius-0", - "value": "0px" - }, - "corner-radius-100": { - "prop": "--spectrum-corner-radius-100", - "value": "4px" - }, - "corner-radius-1000": { - "prop": "--spectrum-corner-radius-1000", - "ref": 0.5, - "value": "9999px" - }, - "corner-radius-200": { - "prop": "--spectrum-corner-radius-200", - "value": "5px" - }, - "corner-radius-300": { - "prop": "--spectrum-corner-radius-300", - "value": "6px" - }, - "corner-radius-400": { - "prop": "--spectrum-corner-radius-400", - "value": "7px" - }, - "corner-radius-500": { - "prop": "--spectrum-corner-radius-500", - "value": "8px" - }, - "corner-radius-600": { - "prop": "--spectrum-corner-radius-600", - "value": "9px" - }, - "corner-radius-700": { - "prop": "--spectrum-corner-radius-700", - "value": "10px" - }, - "corner-radius-75": { - "prop": "--spectrum-corner-radius-75", - "value": "3px" - }, - "corner-radius-800": { - "prop": "--spectrum-corner-radius-800", - "value": "16px" - }, - "corner-radius-extra-large-default": { - "prop": "--spectrum-corner-radius-extra-large-default", - "ref": "var(--spectrum-corner-radius-800)", - "value": "16px" - }, - "corner-radius-full": { - "prop": "--spectrum-corner-radius-full", - "ref": "var(--spectrum-corner-radius-1000)", - "value": "9999px" - }, - "corner-radius-large-default": { - "prop": "--spectrum-corner-radius-large-default", - "ref": "var(--spectrum-corner-radius-700)", - "value": "10px" - }, - "corner-radius-medium-default": { - "prop": "--spectrum-corner-radius-medium-default", - "ref": "var(--spectrum-corner-radius-500)", - "value": "8px" - }, - "corner-radius-medium-size-extra-large": { - "prop": "--spectrum-corner-radius-medium-size-extra-large", - "ref": "var(--spectrum-corner-radius-700)", - "value": "10px" - }, - "corner-radius-medium-size-extra-small": { - "prop": "--spectrum-corner-radius-medium-size-extra-small", - "ref": "var(--spectrum-corner-radius-300)", - "value": "6px" - }, - "corner-radius-medium-size-large": { - "prop": "--spectrum-corner-radius-medium-size-large", - "ref": "var(--spectrum-corner-radius-600)", - "value": "9px" - }, - "corner-radius-medium-size-medium": { - "prop": "--spectrum-corner-radius-medium-size-medium", - "ref": "var(--spectrum-corner-radius-500)", - "value": "8px" - }, - "corner-radius-medium-size-small": { - "prop": "--spectrum-corner-radius-medium-size-small", - "ref": "var(--spectrum-corner-radius-400)", - "value": "7px" - }, - "corner-radius-none": { - "prop": "--spectrum-corner-radius-none", - "ref": "var(--spectrum-corner-radius-0)", - "value": "0px" - }, - "corner-radius-small-default": { - "prop": "--spectrum-corner-radius-small-default", - "ref": "var(--spectrum-corner-radius-100)", - "value": "4px" - }, - "corner-radius-small-size-extra-large": { - "prop": "--spectrum-corner-radius-small-size-extra-large", - "ref": "var(--spectrum-corner-radius-300)", - "value": "6px" - }, - "corner-radius-small-size-large": { - "prop": "--spectrum-corner-radius-small-size-large", - "ref": "var(--spectrum-corner-radius-200)", - "value": "5px" - }, - "corner-radius-small-size-medium": { - "prop": "--spectrum-corner-radius-small-size-medium", - "ref": "var(--spectrum-corner-radius-100)", - "value": "4px" - }, - "corner-radius-small-size-small": { - "prop": "--spectrum-corner-radius-small-size-small", - "ref": "var(--spectrum-corner-radius-75)", - "value": "3px" - }, - "corner-triangle-icon-size-100": { - "prop": "--spectrum-corner-triangle-icon-size-100", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "corner-triangle-icon-size-200": { - "prop": "--spectrum-corner-triangle-icon-size-200", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "corner-triangle-icon-size-300": { - "prop": "--spectrum-corner-triangle-icon-size-300", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "8px" - } - }, - "corner-triangle-icon-size-75": { - "prop": "--spectrum-corner-triangle-icon-size-75", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "cross-icon-size-100": { - "prop": "--spectrum-cross-icon-size-100", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "cross-icon-size-200": { - "prop": "--spectrum-cross-icon-size-200", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "cross-icon-size-300": { - "prop": "--spectrum-cross-icon-size-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "cross-icon-size-400": { - "prop": "--spectrum-cross-icon-size-400", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "cross-icon-size-500": { - "prop": "--spectrum-cross-icon-size-500", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "cross-icon-size-600": { - "prop": "--spectrum-cross-icon-size-600", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "cross-icon-size-75": { - "prop": "--spectrum-cross-icon-size-75", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "cyan-100": { - "prop": "--spectrum-cyan-100", - "light": { - "value": "rgb(238, 250, 254)" - }, - "dark": { - "value": "rgb(0, 29, 39)" - } - }, - "cyan-1000": { - "prop": "--spectrum-cyan-1000", - "light": { - "value": "rgb(4, 102, 145)" - }, - "dark": { - "value": "rgb(38, 159, 244)" - } - }, - "cyan-1100": { - "prop": "--spectrum-cyan-1100", - "light": { - "value": "rgb(0, 87, 121)" - }, - "dark": { - "value": "rgb(63, 177, 255)" - } - }, - "cyan-1200": { - "prop": "--spectrum-cyan-1200", - "light": { - "value": "rgb(0, 71, 98)" - }, - "dark": { - "value": "rgb(107, 199, 255)" - } - }, - "cyan-1300": { - "prop": "--spectrum-cyan-1300", - "light": { - "value": "rgb(0, 57, 78)" - }, - "dark": { - "value": "rgb(152, 219, 255)" - } - }, - "cyan-1400": { - "prop": "--spectrum-cyan-1400", - "light": { - "value": "rgb(0, 43, 59)" - }, - "dark": { - "value": "rgb(195, 236, 252)" - } - }, - "cyan-1500": { - "prop": "--spectrum-cyan-1500", - "dark": { - "value": "rgb(230, 248, 253)" - }, - "light": { - "value": "rgb(0, 31, 43)" - } - }, - "cyan-1600": { - "prop": "--spectrum-cyan-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 14, 20)" - } - }, - "cyan-200": { - "prop": "--spectrum-cyan-200", - "light": { - "value": "rgb(217, 244, 253)" - }, - "dark": { - "value": "rgb(0, 36, 49)" - } - }, - "cyan-300": { - "prop": "--spectrum-cyan-300", - "light": { - "value": "rgb(183, 231, 252)" - }, - "dark": { - "value": "rgb(0, 48, 65)" - } - }, - "cyan-400": { - "prop": "--spectrum-cyan-400", - "light": { - "value": "rgb(138, 213, 255)" - }, - "dark": { - "value": "rgb(0, 64, 88)" - } - }, - "cyan-500": { - "prop": "--spectrum-cyan-500", - "light": { - "value": "rgb(92, 192, 255)" - }, - "dark": { - "value": "rgb(0, 82, 113)" - } - }, - "cyan-600": { - "prop": "--spectrum-cyan-600", - "light": { - "value": "rgb(48, 167, 254)" - }, - "dark": { - "value": "rgb(3, 99, 140)" - } - }, - "cyan-700": { - "prop": "--spectrum-cyan-700", - "light": { - "value": "rgb(29, 149, 231)" - }, - "dark": { - "value": "rgb(8, 115, 168)" - } - }, - "cyan-800": { - "prop": "--spectrum-cyan-800", - "light": { - "value": "rgb(18, 134, 205)" - }, - "dark": { - "value": "rgb(13, 125, 186)" - } - }, - "cyan-900": { - "prop": "--spectrum-cyan-900", - "light": { - "value": "rgb(11, 120, 179)" - }, - "dark": { - "value": "rgb(24, 142, 220)" - } - }, - "cyan-background-color-default": { - "prop": "--spectrum-cyan-background-color-default", - "ref": "var(--spectrum-cyan-800)", - "light": { - "value": "rgb(11, 120, 179)" - }, - "dark": { - "value": "rgb(13, 125, 186)" - } - }, - "cyan-subtle-background-color-default": { - "prop": "--spectrum-cyan-subtle-background-color-default", - "ref": "var(--spectrum-cyan-300)", - "light": { - "value": "rgb(217, 244, 253)" - }, - "dark": { - "value": "rgb(0, 48, 65)" - } - }, - "cyan-visual-color": { - "prop": "--spectrum-cyan-visual-color", - "ref": "var(--spectrum-cyan-900)", - "light": { - "value": "rgb(48, 167, 254)" - }, - "dark": { - "value": "rgb(24, 142, 220)" - } - }, - "dash-icon-size-100": { - "prop": "--spectrum-dash-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "dash-icon-size-200": { - "prop": "--spectrum-dash-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "dash-icon-size-300": { - "prop": "--spectrum-dash-icon-size-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "dash-icon-size-400": { - "prop": "--spectrum-dash-icon-size-400", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "dash-icon-size-50": { - "prop": "--spectrum-dash-icon-size-50", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "dash-icon-size-500": { - "prop": "--spectrum-dash-icon-size-500", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "dash-icon-size-600": { - "prop": "--spectrum-dash-icon-size-600", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "dash-icon-size-75": { - "prop": "--spectrum-dash-icon-size-75", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "date-field-minimum-width": { - "prop": "--spectrum-date-field-minimum-width", - "value": "152px" - }, - "date-field-text-to-visual": { - "prop": "--spectrum-date-field-text-to-visual", - "value": "20px" - }, - "date-picker-minimum-width": { - "prop": "--spectrum-date-picker-minimum-width", - "value": "152px" - }, - "date-picker-text-to-visual": { - "prop": "--spectrum-date-picker-text-to-visual", - "value": "0px" - }, - "date-picker-visual-to-field-button": { - "prop": "--spectrum-date-picker-visual-to-field-button", - "value": "0px" - }, - "default-font-family": { - "prop": "--spectrum-default-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "default-font-style": { - "prop": "--spectrum-default-font-style", - "value": "normal" - }, - "detail-cjk-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-cjk-font-family": { - "prop": "--spectrum-detail-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "detail-cjk-font-style": { - "prop": "--spectrum-detail-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-font-weight": { - "prop": "--spectrum-detail-cjk-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-cjk-light-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-light-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-cjk-light-font-style": { - "prop": "--spectrum-detail-cjk-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-font-weight": { - "prop": "--spectrum-detail-cjk-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "detail-cjk-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-cjk-light-strong-font-style": { - "prop": "--spectrum-detail-cjk-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-strong-font-weight": { - "prop": "--spectrum-detail-cjk-light-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-cjk-line-height": { - "prop": "--spectrum-detail-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": 1.5 - }, - "detail-cjk-size-l": { - "prop": "--spectrum-detail-cjk-size-l", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "detail-cjk-size-m": { - "prop": "--spectrum-detail-cjk-size-m", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "detail-cjk-size-s": { - "prop": "--spectrum-detail-cjk-size-s", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "detail-cjk-size-xl": { - "prop": "--spectrum-detail-cjk-size-xl", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "detail-cjk-size-xs": { - "prop": "--spectrum-detail-cjk-size-xs", - "ref": "var(--spectrum-font-size-25)", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "detail-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-cjk-strong-font-style": { - "prop": "--spectrum-detail-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-strong-font-weight": { - "prop": "--spectrum-detail-cjk-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-color": { - "prop": "--spectrum-detail-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(113, 113, 113)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "detail-letter-spacing": { - "prop": "--spectrum-detail-letter-spacing", - "value": "0.06em" - }, - "detail-line-height": { - "prop": "--spectrum-detail-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": 1.3 - }, - "detail-margin-bottom-multiplier": { - "prop": "--spectrum-detail-margin-bottom-multiplier", - "value": 0.25 - }, - "detail-margin-top-multiplier": { - "prop": "--spectrum-detail-margin-top-multiplier", - "value": 0.88888889 - }, - "detail-sans-serif-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-font-family": { - "prop": "--spectrum-detail-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "detail-sans-serif-font-style": { - "prop": "--spectrum-detail-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-font-weight": { - "prop": "--spectrum-detail-sans-serif-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "500" - }, - "detail-sans-serif-light-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-light-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-light-font-style": { - "prop": "--spectrum-detail-sans-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-light-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-light-strong-font-style": { - "prop": "--spectrum-detail-sans-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-light-strong-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-strong-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-sans-serif-strong-font-style": { - "prop": "--spectrum-detail-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-strong-font-weight": { - "prop": "--spectrum-detail-sans-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-sans-serif-text-transform": { - "prop": "--spectrum-detail-sans-serif-text-transform", - "value": "uppercase" - }, - "detail-serif-emphasized-font-style": { - "prop": "--spectrum-detail-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-emphasized-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "500" - }, - "detail-serif-font-family": { - "prop": "--spectrum-detail-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "detail-serif-font-style": { - "prop": "--spectrum-detail-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-font-weight": { - "prop": "--spectrum-detail-serif-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "500" - }, - "detail-serif-light-emphasized-font-style": { - "prop": "--spectrum-detail-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-light-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-light-font-style": { - "prop": "--spectrum-detail-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-light-font-weight": { - "prop": "--spectrum-detail-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-light-strong-font-style": { - "prop": "--spectrum-detail-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-light-strong-font-weight": { - "prop": "--spectrum-detail-serif-light-strong-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-strong-emphasized-font-style": { - "prop": "--spectrum-detail-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-serif-strong-font-style": { - "prop": "--spectrum-detail-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-strong-font-weight": { - "prop": "--spectrum-detail-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-serif-text-transform": { - "prop": "--spectrum-detail-serif-text-transform", - "value": "uppercase" - }, - "detail-size-l": { - "prop": "--spectrum-detail-size-l", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "detail-size-m": { - "prop": "--spectrum-detail-size-m", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "detail-size-s": { - "prop": "--spectrum-detail-size-s", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "detail-size-xl": { - "prop": "--spectrum-detail-size-xl", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "detail-size-xs": { - "prop": "--spectrum-detail-size-xs", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "disabled-background-color": { - "prop": "--spectrum-disabled-background-color", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "disabled-border-color": { - "prop": "--spectrum-disabled-border-color", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "disabled-content-color": { - "prop": "--spectrum-disabled-content-color", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "disabled-static-black-background-color": { - "prop": "--spectrum-disabled-static-black-background-color", - "ref": "var(--spectrum-transparent-black-100)", - "value": "rgba(0, 0, 0, 0.09)" - }, - "disabled-static-black-border-color": { - "prop": "--spectrum-disabled-static-black-border-color", - "ref": "var(--spectrum-transparent-black-300)", - "value": "rgba(0, 0, 0, 0.15)" - }, - "disabled-static-black-content-color": { - "prop": "--spectrum-disabled-static-black-content-color", - "ref": "var(--spectrum-transparent-black-400)", - "value": "rgba(0, 0, 0, 0.22)" - }, - "disabled-static-white-background-color": { - "prop": "--spectrum-disabled-static-white-background-color", - "ref": "var(--spectrum-transparent-white-100)", - "value": "rgba(255, 255, 255, 0.11)" - }, - "disabled-static-white-border-color": { - "prop": "--spectrum-disabled-static-white-border-color", - "ref": "var(--spectrum-transparent-white-300)", - "value": "rgba(255, 255, 255, 0.17)" - }, - "disabled-static-white-content-color": { - "prop": "--spectrum-disabled-static-white-content-color", - "ref": "var(--spectrum-transparent-white-400)", - "value": "rgba(255, 255, 255, 0.21)" - }, - "disclosure-indicator-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "disclosure-indicator-top-to-disclosure-icon-large": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "disclosure-indicator-top-to-disclosure-icon-medium": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "disclosure-indicator-top-to-disclosure-icon-small": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "divider-horizontal-minimum-width": { - "prop": "--spectrum-divider-horizontal-minimum-width", - "value": "200px" - }, - "divider-thickness-large": { - "prop": "--spectrum-divider-thickness-large", - "value": "4px" - }, - "divider-thickness-medium": { - "prop": "--spectrum-divider-thickness-medium", - "value": "2px" - }, - "divider-thickness-small": { - "prop": "--spectrum-divider-thickness-small", - "value": "1px" - }, - "divider-vertical-minimum-height": { - "prop": "--spectrum-divider-vertical-minimum-height", - "value": "200px" - }, - "double-calendar-popover-minimum-height": { - "prop": "--spectrum-double-calendar-popover-minimum-height", - "value": "320px" - }, - "double-calendar-popover-minimum-width": { - "prop": "--spectrum-double-calendar-popover-minimum-width", - "value": "616px" - }, - "drag-handle-icon-size-100": { - "prop": "--spectrum-drag-handle-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "drag-handle-icon-size-200": { - "prop": "--spectrum-drag-handle-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "drag-handle-icon-size-300": { - "prop": "--spectrum-drag-handle-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "drag-handle-icon-size-75": { - "prop": "--spectrum-drag-handle-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "drop-shadow-blur": { - "prop": "--spectrum-drop-shadow-blur", - "ref": "var(--spectrum-drop-shadow-blur-100)", - "value": "6px" - }, - "drop-shadow-blur-100": { - "prop": "--spectrum-drop-shadow-blur-100", - "value": "6px" - }, - "drop-shadow-blur-200": { - "prop": "--spectrum-drop-shadow-blur-200", - "value": "8px" - }, - "drop-shadow-blur-300": { - "prop": "--spectrum-drop-shadow-blur-300", - "value": "16px" - }, - "drop-shadow-color": { - "prop": "--spectrum-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-color-100)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "drop-shadow-color-100": { - "prop": "--spectrum-drop-shadow-color-100", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "drop-shadow-color-200": { - "prop": "--spectrum-drop-shadow-color-200", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } - }, - "drop-shadow-color-300": { - "prop": "--spectrum-drop-shadow-color-300", - "light": { - "value": "rgba(0, 0, 0, 0.2)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.6)" - } - }, - "drop-shadow-dragged-blur": { - "prop": "--spectrum-drop-shadow-dragged-blur", - "ref": "var(--spectrum-drop-shadow-blur-300)", - "value": "16px" - }, - "drop-shadow-dragged-color": { - "prop": "--spectrum-drop-shadow-dragged-color", - "ref": "var(--spectrum-drop-shadow-color-300)", - "light": { - "value": "rgba(0, 0, 0, 0.2)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.6)" - } - }, - "drop-shadow-dragged-x": { - "prop": "--spectrum-drop-shadow-dragged-x", - "ref": "var(--spectrum-drop-shadow-x-300)", - "value": "0px" - }, - "drop-shadow-dragged-y": { - "prop": "--spectrum-drop-shadow-dragged-y", - "ref": "var(--spectrum-drop-shadow-y-300)", - "value": "6px" - }, - "drop-shadow-elevated-blur": { - "prop": "--spectrum-drop-shadow-elevated-blur", - "ref": "var(--spectrum-drop-shadow-blur-200)", - "value": "8px" - }, - "drop-shadow-elevated-color": { - "prop": "--spectrum-drop-shadow-elevated-color", - "ref": "var(--spectrum-drop-shadow-color-200)", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } - }, - "drop-shadow-elevated-x": { - "prop": "--spectrum-drop-shadow-elevated-x", - "ref": "var(--spectrum-drop-shadow-x-200)", - "value": "0px" - }, - "drop-shadow-elevated-y": { - "prop": "--spectrum-drop-shadow-elevated-y", - "ref": "var(--spectrum-drop-shadow-y-200)", - "value": "2px" - }, - "drop-shadow-emphasized-default-blur": { - "prop": "--spectrum-drop-shadow-emphasized-default-blur", - "ref": "var(--spectrum-drop-shadow-blur-100)", - "value": "6px" - }, - "drop-shadow-emphasized-default-color": { - "prop": "--spectrum-drop-shadow-emphasized-default-color", - "ref": "var(--spectrum-drop-shadow-color-100)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "drop-shadow-emphasized-default-x": { - "prop": "--spectrum-drop-shadow-emphasized-default-x", - "ref": "var(--spectrum-drop-shadow-x-100)", - "value": "0px" - }, - "drop-shadow-emphasized-default-y": { - "prop": "--spectrum-drop-shadow-emphasized-default-y", - "ref": "var(--spectrum-drop-shadow-y-100)", - "value": "1px" - }, - "drop-shadow-emphasized-hover-blur": { - "prop": "--spectrum-drop-shadow-emphasized-hover-blur", - "ref": "var(--spectrum-drop-shadow-blur-200)", - "value": "8px" - }, - "drop-shadow-emphasized-hover-color": { - "prop": "--spectrum-drop-shadow-emphasized-hover-color", - "ref": "var(--spectrum-drop-shadow-color-200)", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } - }, - "drop-shadow-emphasized-hover-x": { - "prop": "--spectrum-drop-shadow-emphasized-hover-x", - "ref": "var(--spectrum-drop-shadow-x-200)", - "value": "0px" - }, - "drop-shadow-emphasized-hover-y": { - "prop": "--spectrum-drop-shadow-emphasized-hover-y", - "ref": "var(--spectrum-drop-shadow-y-200)", - "value": "2px" - }, - "drop-shadow-x": { - "prop": "--spectrum-drop-shadow-x", - "ref": "var(--spectrum-drop-shadow-x-100)", - "value": "0px" - }, - "drop-shadow-x-100": { - "prop": "--spectrum-drop-shadow-x-100", - "value": "0px" - }, - "drop-shadow-x-200": { - "prop": "--spectrum-drop-shadow-x-200", - "value": "0px" - }, - "drop-shadow-x-300": { - "prop": "--spectrum-drop-shadow-x-300", - "value": "0px" - }, - "drop-shadow-y": { - "prop": "--spectrum-drop-shadow-y", - "ref": "var(--spectrum-drop-shadow-y-100)", - "value": "1px" - }, - "drop-shadow-y-100": { - "prop": "--spectrum-drop-shadow-y-100", - "value": "1px" - }, - "drop-shadow-y-200": { - "prop": "--spectrum-drop-shadow-y-200", - "value": "2px" - }, - "drop-shadow-y-300": { - "prop": "--spectrum-drop-shadow-y-300", - "value": "6px" - }, - "drop-zone-background-color": { - "prop": "--spectrum-drop-zone-background-color", - "ref": "var(--spectrum-accent-color-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "drop-zone-background-color-opacity": { - "prop": "--spectrum-drop-zone-background-color-opacity", - "value": "0.1" - }, - "drop-zone-background-color-opacity-filled": { - "prop": "--spectrum-drop-zone-background-color-opacity-filled", - "value": "0.3" - }, - "drop-zone-body-font-size": { - "prop": "--spectrum-drop-zone-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "drop-zone-body-size": { - "prop": "--spectrum-drop-zone-body-size", - "ref": "var(--spectrum-drop-zone-body-font-size)", - "value": "{drop-zone-body-font-size}" - }, - "drop-zone-border-dash-gap": { - "prop": "--spectrum-drop-zone-border-dash-gap", - "value": "6px" - }, - "drop-zone-border-dash-length": { - "prop": "--spectrum-drop-zone-border-dash-length", - "value": "8px" - }, - "drop-zone-cjk-title-font-size": { - "prop": "--spectrum-drop-zone-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-l)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "19px" - } - }, - "drop-zone-cjk-title-size": { - "prop": "--spectrum-drop-zone-cjk-title-size", - "ref": "var(--spectrum-drop-zone-cjk-title-font-size)", - "value": "{drop-zone-cjk-title-font-size}" - }, - "drop-zone-content-maximum-width": { - "prop": "--spectrum-drop-zone-content-maximum-width", - "ref": "var(--spectrum-illustrated-message-maximum-width)", - "value": "380px" - }, - "drop-zone-title-font-size": { - "prop": "--spectrum-drop-zone-title-font-size", - "ref": "var(--spectrum-title-size-l)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "drop-zone-title-size": { - "prop": "--spectrum-drop-zone-title-size", - "ref": "var(--spectrum-drop-zone-title-font-size)", - "value": "{drop-zone-title-font-size}" - }, - "drop-zone-width": { - "prop": "--spectrum-drop-zone-width", - "value": "428px" - }, - "extra-bold-font-weight": { - "prop": "--spectrum-extra-bold-font-weight", - "ref": "extra-bold", - "value": "800" - }, - "field-default-width-extra-large": { - "prop": "--spectrum-field-default-width-extra-large", - "desktop": { - "value": "240px" - }, - "mobile": { - "value": "288px" - } - }, - "field-default-width-large": { - "prop": "--spectrum-field-default-width-large", - "desktop": { - "value": "224px" - }, - "mobile": { - "value": "272px" - } - }, - "field-default-width-medium": { - "prop": "--spectrum-field-default-width-medium", - "desktop": { - "value": "208px" - }, - "mobile": { - "value": "256px" - } - }, - "field-default-width-small": { - "prop": "--spectrum-field-default-width-small", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "field-edge-to-alert-icon-extra-large": { - "prop": "--spectrum-field-edge-to-alert-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-edge-to-alert-icon-large": { - "prop": "--spectrum-field-edge-to-alert-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-edge-to-alert-icon-medium": { - "prop": "--spectrum-field-edge-to-alert-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-edge-to-alert-icon-quiet": { - "prop": "--spectrum-field-edge-to-alert-icon-quiet", - "value": "0px" - }, - "field-edge-to-alert-icon-small": { - "prop": "--spectrum-field-edge-to-alert-icon-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "field-edge-to-border-quiet": { - "prop": "--spectrum-field-edge-to-border-quiet", - "value": "0px" - }, - "field-edge-to-disclosure-icon-100": { - "prop": "--spectrum-field-edge-to-disclosure-icon-100", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-edge-to-disclosure-icon-200": { - "prop": "--spectrum-field-edge-to-disclosure-icon-200", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-edge-to-disclosure-icon-300": { - "prop": "--spectrum-field-edge-to-disclosure-icon-300", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-edge-to-disclosure-icon-75": { - "prop": "--spectrum-field-edge-to-disclosure-icon-75", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-edge-to-text-quiet": { - "prop": "--spectrum-field-edge-to-text-quiet", - "value": "0px" - }, - "field-edge-to-validation-icon-extra-large": { - "prop": "--spectrum-field-edge-to-validation-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-edge-to-validation-icon-large": { - "prop": "--spectrum-field-edge-to-validation-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-edge-to-validation-icon-medium": { - "prop": "--spectrum-field-edge-to-validation-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-edge-to-validation-icon-quiet": { - "prop": "--spectrum-field-edge-to-validation-icon-quiet", - "value": "0px" - }, - "field-edge-to-validation-icon-small": { - "prop": "--spectrum-field-edge-to-validation-icon-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "field-edge-to-visual-quiet": { - "prop": "--spectrum-field-edge-to-visual-quiet", - "value": "0px" - }, - "field-end-edge-to-disclosure-icon-100": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-100", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-end-edge-to-disclosure-icon-200": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-200", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-end-edge-to-disclosure-icon-300": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-300", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-end-edge-to-disclosure-icon-75": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-75", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-label-text-to-asterisk-extra-large": { - "prop": "--spectrum-field-label-text-to-asterisk-extra-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "field-label-text-to-asterisk-large": { - "prop": "--spectrum-field-label-text-to-asterisk-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "field-label-text-to-asterisk-medium": { - "prop": "--spectrum-field-label-text-to-asterisk-medium", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "field-label-text-to-asterisk-small": { - "prop": "--spectrum-field-label-text-to-asterisk-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "field-label-to-component": { - "prop": "--spectrum-field-label-to-component", - "value": "0px" - }, - "field-label-to-component-quiet-extra-large": { - "prop": "--spectrum-field-label-to-component-quiet-extra-large", - "desktop": { - "value": "-15px" - }, - "mobile": { - "value": "-19px" - } - }, - "field-label-to-component-quiet-large": { - "prop": "--spectrum-field-label-to-component-quiet-large", - "desktop": { - "value": "-12px" - }, - "mobile": { - "value": "-15px" - } - }, - "field-label-to-component-quiet-medium": { - "prop": "--spectrum-field-label-to-component-quiet-medium", - "desktop": { - "value": "-8px" - }, - "mobile": { - "value": "-10px" - } - }, - "field-label-to-component-quiet-small": { - "prop": "--spectrum-field-label-to-component-quiet-small", - "desktop": { - "value": "-8px" - }, - "mobile": { - "value": "-10px" - } - }, - "field-label-top-margin-extra-large": { - "prop": "--spectrum-field-label-top-margin-extra-large", - "value": "0px" - }, - "field-label-top-margin-large": { - "prop": "--spectrum-field-label-top-margin-large", - "value": "0px" - }, - "field-label-top-margin-medium": { - "prop": "--spectrum-field-label-top-margin-medium", - "value": "0px" - }, - "field-label-top-margin-small": { - "prop": "--spectrum-field-label-top-margin-small", - "value": "0px" - }, - "field-label-top-to-asterisk-extra-large": { - "prop": "--spectrum-field-label-top-to-asterisk-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "24px" - } - }, - "field-label-top-to-asterisk-large": { - "prop": "--spectrum-field-label-top-to-asterisk-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-label-top-to-asterisk-medium": { - "prop": "--spectrum-field-label-top-to-asterisk-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-label-top-to-asterisk-small": { - "prop": "--spectrum-field-label-top-to-asterisk-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "field-text-to-alert-icon-extra-large": { - "prop": "--spectrum-field-text-to-alert-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-text-to-alert-icon-large": { - "prop": "--spectrum-field-text-to-alert-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-text-to-alert-icon-medium": { - "prop": "--spectrum-field-text-to-alert-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-text-to-alert-icon-small": { - "prop": "--spectrum-field-text-to-alert-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "field-text-to-validation-icon-extra-large": { - "prop": "--spectrum-field-text-to-validation-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-text-to-validation-icon-large": { - "prop": "--spectrum-field-text-to-validation-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-text-to-validation-icon-medium": { - "prop": "--spectrum-field-text-to-validation-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-text-to-validation-icon-small": { - "prop": "--spectrum-field-text-to-validation-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "field-top-to-alert-icon-extra-large": { - "prop": "--spectrum-field-top-to-alert-icon-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "field-top-to-alert-icon-large": { - "prop": "--spectrum-field-top-to-alert-icon-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-alert-icon-medium": { - "prop": "--spectrum-field-top-to-alert-icon-medium", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-top-to-alert-icon-small": { - "prop": "--spectrum-field-top-to-alert-icon-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "field-top-to-disclosure-icon-100": { - "prop": "--spectrum-field-top-to-disclosure-icon-100", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-disclosure-icon-200": { - "prop": "--spectrum-field-top-to-disclosure-icon-200", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-top-to-disclosure-icon-300": { - "prop": "--spectrum-field-top-to-disclosure-icon-300", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-top-to-disclosure-icon-75": { - "prop": "--spectrum-field-top-to-disclosure-icon-75", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-top-to-disclosure-icon-compact-extra-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "21px" - } - }, - "field-top-to-disclosure-icon-compact-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-top-to-disclosure-icon-compact-medium": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-disclosure-icon-compact-small": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-extra-large", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "26px" - } - }, - "field-top-to-disclosure-icon-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-top-to-disclosure-icon-medium": { - "prop": "--spectrum-field-top-to-disclosure-icon-medium", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "18px" - } - }, - "field-top-to-disclosure-icon-small": { - "prop": "--spectrum-field-top-to-disclosure-icon-small", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-disclosure-icon-spacious-extra-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-extra-large", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "field-top-to-disclosure-icon-spacious-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-large", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "field-top-to-disclosure-icon-spacious-medium": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-medium", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "23px" - } - }, - "field-top-to-disclosure-icon-spacious-small": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-small", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "18px" - } - }, - "field-top-to-progress-circle-extra-large": { - "prop": "--spectrum-field-top-to-progress-circle-extra-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "field-top-to-progress-circle-large": { - "prop": "--spectrum-field-top-to-progress-circle-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "field-top-to-progress-circle-medium": { - "prop": "--spectrum-field-top-to-progress-circle-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "field-top-to-progress-circle-small": { - "prop": "--spectrum-field-top-to-progress-circle-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "field-top-to-validation-icon-extra-large": { - "prop": "--spectrum-field-top-to-validation-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-top-to-validation-icon-large": { - "prop": "--spectrum-field-top-to-validation-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-top-to-validation-icon-medium": { - "prop": "--spectrum-field-top-to-validation-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-validation-icon-small": { - "prop": "--spectrum-field-top-to-validation-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-width": { - "prop": "--spectrum-field-width", - "ref": "var(--spectrum-field-width-small)", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "field-width-extra-large": { - "prop": "--spectrum-field-width-extra-large", - "ref": "var(--spectrum-field-default-width-extra-large)", - "desktop": { - "value": "240px" - }, - "mobile": { - "value": "288px" - } - }, - "field-width-large": { - "prop": "--spectrum-field-width-large", - "ref": "var(--spectrum-field-default-width-large)", - "desktop": { - "value": "224px" - }, - "mobile": { - "value": "272px" - } - }, - "field-width-medium": { - "prop": "--spectrum-field-width-medium", - "ref": "var(--spectrum-field-default-width-medium)", - "desktop": { - "value": "208px" - }, - "mobile": { - "value": "256px" - } - }, - "field-width-small": { - "prop": "--spectrum-field-width-small", - "ref": "var(--spectrum-field-default-width-small)", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "floating-action-button-drop-shadow-blur": { - "prop": "--spectrum-floating-action-button-drop-shadow-blur", - "value": "12px" - }, - "floating-action-button-drop-shadow-color": { - "prop": "--spectrum-floating-action-button-drop-shadow-color", - "ref": "var(--spectrum-transparent-black-300)", - "value": "rgba(0, 0, 0, 0.15)" - }, - "floating-action-button-drop-shadow-y": { - "prop": "--spectrum-floating-action-button-drop-shadow-y", - "value": "4px" - }, - "floating-action-button-shadow-color": { - "prop": "--spectrum-floating-action-button-shadow-color", - "ref": "var(--spectrum-floating-action-button-drop-shadow-color)", - "value": "rgba(0, 0, 0, 0.15)" - }, - "focus-indicator-color": { - "prop": "--spectrum-focus-indicator-color", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "focus-indicator-gap": { - "prop": "--spectrum-focus-indicator-gap", - "value": "2px" - }, - "focus-indicator-thickness": { - "prop": "--spectrum-focus-indicator-thickness", - "value": "2px" - }, - "font-size-100": { - "prop": "--spectrum-font-size-100", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "font-size-1000": { - "prop": "--spectrum-font-size-1000", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "49px" - } - }, - "font-size-1100": { - "prop": "--spectrum-font-size-1100", - "desktop": { - "value": "45px" - }, - "mobile": { - "value": "55px" - } - }, - "font-size-1200": { - "prop": "--spectrum-font-size-1200", - "desktop": { - "value": "51px" - }, - "mobile": { - "value": "62px" - } - }, - "font-size-1300": { - "prop": "--spectrum-font-size-1300", - "desktop": { - "value": "58px" - }, - "mobile": { - "value": "70px" - } - }, - "font-size-1400": { - "prop": "--spectrum-font-size-1400", - "desktop": { - "value": "65px" - }, - "mobile": { - "value": "79px" - } - }, - "font-size-1500": { - "prop": "--spectrum-font-size-1500", - "desktop": { - "value": "73px" - }, - "mobile": { - "value": "88px" - } - }, - "font-size-200": { - "prop": "--spectrum-font-size-200", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "font-size-25": { - "prop": "--spectrum-font-size-25", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "font-size-300": { - "prop": "--spectrum-font-size-300", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "font-size-400": { - "prop": "--spectrum-font-size-400", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "font-size-50": { - "prop": "--spectrum-font-size-50", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "font-size-500": { - "prop": "--spectrum-font-size-500", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "font-size-600": { - "prop": "--spectrum-font-size-600", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "font-size-700": { - "prop": "--spectrum-font-size-700", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "34px" - } - }, - "font-size-75": { - "prop": "--spectrum-font-size-75", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "font-size-800": { - "prop": "--spectrum-font-size-800", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "39px" - } - }, - "font-size-900": { - "prop": "--spectrum-font-size-900", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "44px" - } - }, - "fuchsia-100": { - "prop": "--spectrum-fuchsia-100", - "light": { - "value": "rgb(254, 246, 255)" - }, - "dark": { - "value": "rgb(50, 0, 61)" - } - }, - "fuchsia-1000": { - "prop": "--spectrum-fuchsia-1000", - "light": { - "value": "rgb(156, 40, 175)" - }, - "dark": { - "value": "rgb(232, 91, 253)" - } - }, - "fuchsia-1100": { - "prop": "--spectrum-fuchsia-1100", - "light": { - "value": "rgb(135, 27, 154)" - }, - "dark": { - "value": "rgb(240, 122, 255)" - } - }, - "fuchsia-1200": { - "prop": "--spectrum-fuchsia-1200", - "light": { - "value": "rgb(113, 15, 131)" - }, - "dark": { - "value": "rgb(245, 159, 255)" - } - }, - "fuchsia-1300": { - "prop": "--spectrum-fuchsia-1300", - "light": { - "value": "rgb(92, 4, 109)" - }, - "dark": { - "value": "rgb(248, 191, 255)" - } - }, - "fuchsia-1400": { - "prop": "--spectrum-fuchsia-1400", - "light": { - "value": "rgb(72, 0, 88)" - }, - "dark": { - "value": "rgb(251, 219, 255)" - } - }, - "fuchsia-1500": { - "prop": "--spectrum-fuchsia-1500", - "dark": { - "value": "rgb(253, 241, 255)" - }, - "light": { - "value": "rgb(54, 0, 66)" - } - }, - "fuchsia-1600": { - "prop": "--spectrum-fuchsia-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(29, 0, 35)" - } - }, - "fuchsia-200": { - "prop": "--spectrum-fuchsia-200", - "light": { - "value": "rgb(253, 233, 255)" - }, - "dark": { - "value": "rgb(61, 0, 74)" - } - }, - "fuchsia-300": { - "prop": "--spectrum-fuchsia-300", - "light": { - "value": "rgb(250, 211, 255)" - }, - "dark": { - "value": "rgb(79, 0, 95)" - } - }, - "fuchsia-400": { - "prop": "--spectrum-fuchsia-400", - "light": { - "value": "rgb(247, 181, 255)" - }, - "dark": { - "value": "rgb(102, 9, 120)" - } - }, - "fuchsia-500": { - "prop": "--spectrum-fuchsia-500", - "light": { - "value": "rgb(243, 147, 255)" - }, - "dark": { - "value": "rgb(127, 23, 146)" - } - }, - "fuchsia-600": { - "prop": "--spectrum-fuchsia-600", - "light": { - "value": "rgb(236, 105, 255)" - }, - "dark": { - "value": "rgb(151, 38, 170)" - } - }, - "fuchsia-700": { - "prop": "--spectrum-fuchsia-700", - "light": { - "value": "rgb(223, 77, 245)" - }, - "dark": { - "value": "rgb(173, 51, 192)" - } - }, - "fuchsia-800": { - "prop": "--spectrum-fuchsia-800", - "light": { - "value": "rgb(200, 68, 220)" - }, - "dark": { - "value": "rgb(186, 60, 206)" - } - }, - "fuchsia-900": { - "prop": "--spectrum-fuchsia-900", - "light": { - "value": "rgb(181, 57, 200)" - }, - "dark": { - "value": "rgb(213, 73, 235)" - } - }, - "fuchsia-background-color-default": { - "prop": "--spectrum-fuchsia-background-color-default", - "ref": "var(--spectrum-fuchsia-800)", - "light": { - "value": "rgb(181, 57, 200)" - }, - "dark": { - "value": "rgb(186, 60, 206)" - } - }, - "fuchsia-subtle-background-color-default": { - "prop": "--spectrum-fuchsia-subtle-background-color-default", - "ref": "var(--spectrum-fuchsia-300)", - "light": { - "value": "rgb(253, 233, 255)" - }, - "dark": { - "value": "rgb(79, 0, 95)" - } - }, - "fuchsia-visual-color": { - "prop": "--spectrum-fuchsia-visual-color", - "ref": "var(--spectrum-fuchsia-900)", - "light": { - "value": "rgb(200, 68, 220)" - }, - "dark": { - "value": "rgb(213, 73, 235)" - } - }, - "gradient-stop-1-genai": { - "prop": "--spectrum-gradient-stop-1-genai", - "value": 0 - }, - "gradient-stop-1-premium": { - "prop": "--spectrum-gradient-stop-1-premium", - "value": 0 - }, - "gradient-stop-2-genai": { - "prop": "--spectrum-gradient-stop-2-genai", - "value": 0.3333 - }, - "gradient-stop-2-premium": { - "prop": "--spectrum-gradient-stop-2-premium", - "value": 0.6666 - }, - "gradient-stop-3-genai": { - "prop": "--spectrum-gradient-stop-3-genai", - "value": 1 - }, - "gradient-stop-3-premium": { - "prop": "--spectrum-gradient-stop-3-premium", - "value": 1 - }, - "gray-100": { - "prop": "--spectrum-gray-100", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "gray-1000": { - "prop": "--spectrum-gray-1000", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" - } - }, - "gray-200": { - "prop": "--spectrum-gray-200", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "gray-25": { - "prop": "--spectrum-gray-25", - "dark": { - "value": "rgb(17, 17, 17)" - }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "gray-300": { - "prop": "--spectrum-gray-300", - "light": { - "value": "rgb(218, 218, 218)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "gray-400": { - "prop": "--spectrum-gray-400", - "light": { - "value": "rgb(198, 198, 198)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "gray-50": { - "prop": "--spectrum-gray-50", - "light": { - "value": "rgb(248, 248, 248)" - }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "gray-500": { - "prop": "--spectrum-gray-500", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(109, 109, 109)" - } - }, - "gray-600": { - "prop": "--spectrum-gray-600", - "light": { - "value": "rgb(113, 113, 113)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "gray-700": { - "prop": "--spectrum-gray-700", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(175, 175, 175)" - } - }, - "gray-75": { - "prop": "--spectrum-gray-75", - "light": { - "value": "rgb(243, 243, 243)" - }, - "dark": { - "value": "rgb(34, 34, 34)" - } - }, - "gray-800": { - "prop": "--spectrum-gray-800", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "gray-900": { - "prop": "--spectrum-gray-900", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "gray-background-color-default": { - "prop": "--spectrum-gray-background-color-default", - "ref": "var(--spectrum-gray-500)", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(109, 109, 109)" - } - }, - "gray-subtle-background-color-default": { - "prop": "--spectrum-gray-subtle-background-color-default", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "gray-visual-color": { - "prop": "--spectrum-gray-visual-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "green-100": { - "prop": "--spectrum-green-100", - "light": { - "value": "rgb(237, 252, 241)" - }, - "dark": { - "value": "rgb(0, 30, 23)" - } - }, - "green-1000": { - "prop": "--spectrum-green-1000", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(14, 175, 98)" - } - }, - "green-1100": { - "prop": "--spectrum-green-1100", - "light": { - "value": "rgb(2, 93, 60)" - }, - "dark": { - "value": "rgb(24, 193, 110)" - } - }, - "green-1200": { - "prop": "--spectrum-green-1200", - "light": { - "value": "rgb(1, 76, 52)" - }, - "dark": { - "value": "rgb(57, 215, 134)" - } - }, - "green-1300": { - "prop": "--spectrum-green-1300", - "light": { - "value": "rgb(0, 61, 44)" - }, - "dark": { - "value": "rgb(126, 231, 172)" - } - }, - "green-1400": { - "prop": "--spectrum-green-1400", - "light": { - "value": "rgb(0, 46, 34)" - }, - "dark": { - "value": "rgb(189, 241, 208)" - } - }, - "green-1500": { - "prop": "--spectrum-green-1500", - "dark": { - "value": "rgb(229, 250, 236)" - }, - "light": { - "value": "rgb(0, 33, 25)" - } - }, - "green-1600": { - "prop": "--spectrum-green-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 12)" - } - }, - "green-200": { - "prop": "--spectrum-green-200", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 38, 29)" - } - }, - "green-300": { - "prop": "--spectrum-green-300", - "light": { - "value": "rgb(173, 238, 197)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "green-400": { - "prop": "--spectrum-green-400", - "light": { - "value": "rgb(107, 227, 162)" - }, - "dark": { - "value": "rgb(0, 68, 48)" - } - }, - "green-500": { - "prop": "--spectrum-green-500", - "light": { - "value": "rgb(43, 209, 125)" - }, - "dark": { - "value": "rgb(2, 87, 58)" - } - }, - "green-600": { - "prop": "--spectrum-green-600", - "light": { - "value": "rgb(18, 184, 103)" - }, - "dark": { - "value": "rgb(3, 106, 67)" - } - }, - "green-700": { - "prop": "--spectrum-green-700", - "light": { - "value": "rgb(11, 164, 93)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "green-800": { - "prop": "--spectrum-green-800", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "green-900": { - "prop": "--spectrum-green-900", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "green-background-color-default": { - "prop": "--spectrum-green-background-color-default", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "green-subtle-background-color-default": { - "prop": "--spectrum-green-subtle-background-color-default", - "ref": "var(--spectrum-green-300)", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "green-visual-color": { - "prop": "--spectrum-green-visual-color", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(11, 164, 93)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "gripper-icon-size-100": { - "prop": "--spectrum-gripper-icon-size-100", - "value": "24px" - }, - "heading-cjk-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-font-family": { - "prop": "--spectrum-heading-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "heading-cjk-font-style": { - "prop": "--spectrum-heading-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-font-weight": { - "prop": "--spectrum-heading-cjk-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-cjk-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-heavy-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-heavy-font-style": { - "prop": "--spectrum-heading-cjk-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-cjk-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-heavy-strong-font-style": { - "prop": "--spectrum-heading-cjk-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-strong-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-light-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-light-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "heading-cjk-light-font-style": { - "prop": "--spectrum-heading-cjk-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-font-weight": { - "prop": "--spectrum-heading-cjk-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "heading-cjk-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-cjk-light-strong-font-style": { - "prop": "--spectrum-heading-cjk-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-strong-font-weight": { - "prop": "--spectrum-heading-cjk-light-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-cjk-line-height": { - "prop": "--spectrum-heading-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": 1.5 - }, - "heading-cjk-size-l": { - "prop": "--spectrum-heading-cjk-size-l", - "ref": "var(--spectrum-font-size-600)", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "heading-cjk-size-m": { - "prop": "--spectrum-heading-cjk-size-m", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "heading-cjk-size-s": { - "prop": "--spectrum-heading-cjk-size-s", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "heading-cjk-size-xl": { - "prop": "--spectrum-heading-cjk-size-xl", - "ref": "var(--spectrum-font-size-800)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "39px" - } - }, - "heading-cjk-size-xs": { - "prop": "--spectrum-heading-cjk-size-xs", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "heading-cjk-size-xxl": { - "prop": "--spectrum-heading-cjk-size-xxl", - "ref": "var(--spectrum-font-size-1000)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "49px" - } - }, - "heading-cjk-size-xxs": { - "prop": "--spectrum-heading-cjk-size-xxs", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "heading-cjk-size-xxxl": { - "prop": "--spectrum-heading-cjk-size-xxxl", - "ref": "var(--spectrum-font-size-1200)", - "desktop": { - "value": "51px" - }, - "mobile": { - "value": "62px" - } - }, - "heading-cjk-size-xxxxl": { - "prop": "--spectrum-heading-cjk-size-xxxxl", - "ref": "var(--spectrum-font-size-1400)", - "desktop": { - "value": "65px" - }, - "mobile": { - "value": "79px" - } - }, - "heading-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-strong-font-style": { - "prop": "--spectrum-heading-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-strong-font-weight": { - "prop": "--spectrum-heading-cjk-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-color": { - "prop": "--spectrum-heading-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "heading-line-height": { - "prop": "--spectrum-heading-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": 1.3 - }, - "heading-margin-bottom-multiplier": { - "prop": "--spectrum-heading-margin-bottom-multiplier", - "value": 0.25 - }, - "heading-margin-top-multiplier": { - "prop": "--spectrum-heading-margin-top-multiplier", - "value": 0.88888889 - }, - "heading-sans-serif-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-sans-serif-font-family": { - "prop": "--spectrum-heading-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "heading-sans-serif-font-style": { - "prop": "--spectrum-heading-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-font-weight": { - "prop": "--spectrum-heading-sans-serif-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-sans-serif-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-heavy-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-heavy-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-heavy-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-heavy-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-light-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-light-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "heading-sans-serif-light-font-style": { - "prop": "--spectrum-heading-sans-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-light-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "heading-sans-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-sans-serif-light-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-light-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-emphasized-font-style": { - "prop": "--spectrum-heading-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-font-family": { - "prop": "--spectrum-heading-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "heading-serif-font-style": { - "prop": "--spectrum-heading-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-font-weight": { - "prop": "--spectrum-heading-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-serif-heavy-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-heavy-font-style": { - "prop": "--spectrum-heading-serif-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-heavy-font-weight": { - "prop": "--spectrum-heading-serif-heavy-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-heavy-strong-font-style": { - "prop": "--spectrum-heading-serif-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-heavy-strong-font-weight": { - "prop": "--spectrum-heading-serif-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-light-emphasized-font-style": { - "prop": "--spectrum-heading-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-light-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "heading-serif-light-font-style": { - "prop": "--spectrum-heading-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-light-font-weight": { - "prop": "--spectrum-heading-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "heading-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-light-strong-font-style": { - "prop": "--spectrum-heading-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-light-strong-font-weight": { - "prop": "--spectrum-heading-serif-light-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-strong-font-style": { - "prop": "--spectrum-heading-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-strong-font-weight": { - "prop": "--spectrum-heading-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-size-l": { - "prop": "--spectrum-heading-size-l", - "ref": "var(--spectrum-font-size-700)", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "34px" - } - }, - "heading-size-m": { - "prop": "--spectrum-heading-size-m", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "heading-size-s": { - "prop": "--spectrum-heading-size-s", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "heading-size-xl": { - "prop": "--spectrum-heading-size-xl", - "ref": "var(--spectrum-font-size-900)", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "44px" - } - }, - "heading-size-xs": { - "prop": "--spectrum-heading-size-xs", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "heading-size-xxl": { - "prop": "--spectrum-heading-size-xxl", - "ref": "var(--spectrum-font-size-1100)", - "desktop": { - "value": "45px" - }, - "mobile": { - "value": "55px" - } - }, - "heading-size-xxs": { - "prop": "--spectrum-heading-size-xxs", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "heading-size-xxxl": { - "prop": "--spectrum-heading-size-xxxl", - "ref": "var(--spectrum-font-size-1300)", - "desktop": { - "value": "58px" - }, - "mobile": { - "value": "70px" - } - }, - "heading-size-xxxxl": { - "prop": "--spectrum-heading-size-xxxxl", - "ref": "var(--spectrum-font-size-1500)", - "desktop": { - "value": "73px" - }, - "mobile": { - "value": "88px" - } - }, - "help-text-to-component": { - "prop": "--spectrum-help-text-to-component", - "value": "0px" - }, - "help-text-top-to-workflow-icon-extra-large": { - "prop": "--spectrum-help-text-top-to-workflow-icon-extra-large", - "ref": "var(--spectrum-component-top-to-workflow-icon-300)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "help-text-top-to-workflow-icon-large": { - "prop": "--spectrum-help-text-top-to-workflow-icon-large", - "ref": "var(--spectrum-component-top-to-workflow-icon-200)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "help-text-top-to-workflow-icon-medium": { - "prop": "--spectrum-help-text-top-to-workflow-icon-medium", - "ref": "var(--spectrum-component-top-to-workflow-icon-100)", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "help-text-top-to-workflow-icon-small": { - "prop": "--spectrum-help-text-top-to-workflow-icon-small", - "ref": "var(--spectrum-component-top-to-workflow-icon-75)", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "icon-color-blue-background": { - "prop": "--spectrum-icon-color-blue-background", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "icon-color-blue-primary-default": { - "prop": "--spectrum-icon-color-blue-primary-default", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "icon-color-blue-primary-down": { - "prop": "--spectrum-icon-color-blue-primary-down", - "ref": "var(--spectrum-blue-1000)", - "light": { - "value": "rgb(29, 62, 207)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "icon-color-blue-primary-hover": { - "prop": "--spectrum-icon-color-blue-primary-hover", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "icon-color-brown-background": { - "prop": "--spectrum-icon-color-brown-background", - "ref": "var(--spectrum-brown-400)", - "light": { - "value": "rgb(247, 238, 225)" - }, - "dark": { - "value": "rgb(78, 55, 19)" - } - }, - "icon-color-brown-primary-default": { - "prop": "--spectrum-icon-color-brown-primary-default", - "ref": "var(--spectrum-brown-700)", - "light": { - "value": "rgb(154, 123, 77)" - }, - "dark": { - "value": "rgb(132, 104, 61)" - } - }, - "icon-color-brown-primary-down": { - "prop": "--spectrum-icon-color-brown-primary-down", - "ref": "var(--spectrum-brown-900)", - "light": { - "value": "rgb(119, 91, 50)" - }, - "dark": { - "value": "rgb(163, 132, 84)" - } - }, - "icon-color-brown-primary-hover": { - "prop": "--spectrum-icon-color-brown-primary-hover", - "ref": "var(--spectrum-brown-800)", - "light": { - "value": "rgb(139, 109, 66)" - }, - "dark": { - "value": "rgb(143, 114, 69)" - } - }, - "icon-color-celery-background": { - "prop": "--spectrum-icon-color-celery-background", - "ref": "var(--spectrum-celery-400)", - "light": { - "value": "rgb(235, 255, 220)" - }, - "dark": { - "value": "rgb(31, 67, 4)" - } - }, - "icon-color-celery-primary-default": { - "prop": "--spectrum-icon-color-celery-primary-default", - "ref": "var(--spectrum-celery-900)", - "light": { - "value": "rgb(82, 161, 25)" - }, - "dark": { - "value": "rgb(78, 154, 23)" - } - }, - "icon-color-celery-primary-down": { - "prop": "--spectrum-icon-color-celery-primary-down", - "ref": "var(--spectrum-celery-1100)", - "light": { - "value": "rgb(64, 129, 17)" - }, - "dark": { - "value": "rgb(100, 190, 35)" - } - }, - "icon-color-celery-primary-hover": { - "prop": "--spectrum-icon-color-celery-primary-hover", - "ref": "var(--spectrum-celery-1000)", - "light": { - "value": "rgb(72, 144, 20)" - }, - "dark": { - "value": "rgb(88, 172, 28)" - } - }, - "icon-color-chartreuse-background": { - "prop": "--spectrum-icon-color-chartreuse-background", - "ref": "var(--spectrum-chartreuse-400)", - "light": { - "value": "rgb(234, 246, 173)" - }, - "dark": { - "value": "rgb(53, 63, 0)" - } - }, - "icon-color-chartreuse-primary-default": { - "prop": "--spectrum-icon-color-chartreuse-primary-default", - "ref": "var(--spectrum-chartreuse-1000)", - "light": { - "value": "rgb(143, 172, 0)" - }, - "dark": { - "value": "rgb(136, 164, 0)" - } - }, - "icon-color-chartreuse-primary-down": { - "prop": "--spectrum-icon-color-chartreuse-primary-down", - "ref": "var(--spectrum-chartreuse-1200)", - "light": { - "value": "rgb(114, 137, 0)" - }, - "dark": { - "value": "rgb(169, 203, 0)" - } - }, - "icon-color-chartreuse-primary-hover": { - "prop": "--spectrum-icon-color-chartreuse-primary-hover", - "ref": "var(--spectrum-chartreuse-1100)", - "light": { - "value": "rgb(128, 153, 0)" - }, - "dark": { - "value": "rgb(151, 181, 0)" - } - }, - "icon-color-cinnamon-background": { - "prop": "--spectrum-icon-color-cinnamon-background", - "ref": "var(--spectrum-cinnamon-300)", - "light": { - "value": "rgb(249, 236, 229)" - }, - "dark": { - "value": "rgb(79, 28, 7)" - } - }, - "icon-color-cinnamon-primary-default": { - "prop": "--spectrum-icon-color-cinnamon-primary-default", - "ref": "var(--spectrum-cinnamon-800)", - "dark": { - "value": "rgb(176, 98, 59)" - }, - "light": { - "value": "rgb(184, 109, 70)" - } - }, - "icon-color-cinnamon-primary-down": { - "prop": "--spectrum-icon-color-cinnamon-primary-down", - "ref": "var(--spectrum-cinnamon-1000)", - "dark": { - "value": "rgb(206, 136, 99)" - }, - "light": { - "value": "rgb(147, 77, 43)" - } - }, - "icon-color-cinnamon-primary-hover": { - "prop": "--spectrum-icon-color-cinnamon-primary-hover", - "ref": "var(--spectrum-cinnamon-900)", - "dark": { - "value": "rgb(192, 119, 80)" - }, - "light": { - "value": "rgb(170, 94, 56)" - } - }, - "icon-color-cyan-background": { - "prop": "--spectrum-icon-color-cyan-background", - "ref": "var(--spectrum-cyan-400)", - "light": { - "value": "rgb(238, 250, 254)" - }, - "dark": { - "value": "rgb(0, 64, 88)" - } - }, - "icon-color-cyan-primary-default": { - "prop": "--spectrum-icon-color-cyan-primary-default", - "ref": "var(--spectrum-cyan-800)", - "light": { - "value": "rgb(18, 134, 205)" - }, - "dark": { - "value": "rgb(13, 125, 186)" - } - }, - "icon-color-cyan-primary-down": { - "prop": "--spectrum-icon-color-cyan-primary-down", - "ref": "var(--spectrum-cyan-1000)", - "light": { - "value": "rgb(4, 102, 145)" - }, - "dark": { - "value": "rgb(38, 159, 244)" - } - }, - "icon-color-cyan-primary-hover": { - "prop": "--spectrum-icon-color-cyan-primary-hover", - "ref": "var(--spectrum-cyan-900)", - "light": { - "value": "rgb(11, 120, 179)" - }, - "dark": { - "value": "rgb(24, 142, 220)" - } - }, - "icon-color-disabled-primary": { - "prop": "--spectrum-icon-color-disabled-primary", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "icon-color-emphasized-background": { - "prop": "--spectrum-icon-color-emphasized-background", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "icon-color-fuchsia-background": { - "prop": "--spectrum-icon-color-fuchsia-background", - "ref": "var(--spectrum-fuchsia-200)", - "light": { - "value": "rgb(253, 233, 255)" - }, - "dark": { - "value": "rgb(61, 0, 74)" - } - }, - "icon-color-fuchsia-primary-default": { - "prop": "--spectrum-icon-color-fuchsia-primary-default", - "ref": "var(--spectrum-fuchsia-700)", - "light": { - "value": "rgb(181, 57, 200)" - }, - "dark": { - "value": "rgb(173, 51, 192)" - } - }, - "icon-color-fuchsia-primary-down": { - "prop": "--spectrum-icon-color-fuchsia-primary-down", - "ref": "var(--spectrum-fuchsia-900)", - "light": { - "value": "rgb(135, 27, 154)" - }, - "dark": { - "value": "rgb(213, 73, 235)" - } - }, - "icon-color-fuchsia-primary-hover": { - "prop": "--spectrum-icon-color-fuchsia-primary-hover", - "ref": "var(--spectrum-fuchsia-800)", - "light": { - "value": "rgb(156, 40, 175)" - }, - "dark": { - "value": "rgb(186, 60, 206)" - } - }, - "icon-color-green-background": { - "prop": "--spectrum-icon-color-green-background", - "ref": "var(--spectrum-green-400)", - "light": { - "value": "rgb(237, 252, 241)" - }, - "dark": { - "value": "rgb(0, 68, 48)" - } - }, - "icon-color-green-primary-default": { - "prop": "--spectrum-icon-color-green-primary-default", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "icon-color-green-primary-down": { - "prop": "--spectrum-icon-color-green-primary-down", - "ref": "var(--spectrum-green-1000)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(14, 175, 98)" - } - }, - "icon-color-green-primary-hover": { - "prop": "--spectrum-icon-color-green-primary-hover", - "ref": "var(--spectrum-green-900)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "icon-color-indigo-background": { - "prop": "--spectrum-icon-color-indigo-background", - "ref": "var(--spectrum-indigo-100)", - "light": { - "value": "rgb(235, 238, 255)" - }, - "dark": { - "value": "rgb(30, 0, 93)" - } - }, - "icon-color-indigo-primary-default": { - "prop": "--spectrum-icon-color-indigo-primary-default", - "ref": "var(--spectrum-indigo-700)", - "light": { - "value": "rgb(113, 85, 250)" - }, - "dark": { - "value": "rgb(109, 75, 248)" - } - }, - "icon-color-indigo-primary-down": { - "prop": "--spectrum-icon-color-indigo-primary-down", - "ref": "var(--spectrum-indigo-900)", - "light": { - "value": "rgb(84, 36, 219)" - }, - "dark": { - "value": "rgb(128, 119, 254)" - } - }, - "icon-color-indigo-primary-hover": { - "prop": "--spectrum-icon-color-indigo-primary-hover", - "ref": "var(--spectrum-indigo-800)", - "light": { - "value": "rgb(99, 56, 238)" - }, - "dark": { - "value": "rgb(116, 91, 252)" - } - }, - "icon-color-informative": { - "prop": "--spectrum-icon-color-informative", - "ref": "var(--spectrum-informative-color-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "icon-color-inverse": { - "prop": "--spectrum-icon-color-inverse", - "ref": "var(--spectrum-gray-50)", - "light": { - "value": "rgb(248, 248, 248)" - }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "icon-color-inverse-background": { - "prop": "--spectrum-icon-color-inverse-background", - "ref": "var(--spectrum-gray-50)", - "light": { - "value": "rgb(248, 248, 248)" - }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "icon-color-magenta-background": { - "prop": "--spectrum-icon-color-magenta-background", - "ref": "var(--spectrum-magenta-200)", - "light": { - "value": "rgb(255, 232, 240)" - }, - "dark": { - "value": "rgb(74, 0, 27)" - } - }, - "icon-color-magenta-primary-default": { - "prop": "--spectrum-icon-color-magenta-primary-default", - "ref": "var(--spectrum-magenta-700)", - "light": { - "value": "rgb(217, 35, 97)" - }, - "dark": { - "value": "rgb(207, 31, 92)" - } - }, - "icon-color-magenta-primary-down": { - "prop": "--spectrum-icon-color-magenta-primary-down", - "ref": "var(--spectrum-magenta-900)", - "light": { - "value": "rgb(163, 5, 62)" - }, - "dark": { - "value": "rgb(255, 51, 119)" - } - }, - "icon-color-magenta-primary-hover": { - "prop": "--spectrum-icon-color-magenta-primary-hover", - "ref": "var(--spectrum-magenta-800)", - "light": { - "value": "rgb(186, 22, 80)" - }, - "dark": { - "value": "rgb(224, 38, 101)" - } - }, - "icon-color-negative": { - "prop": "--spectrum-icon-color-negative", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "icon-color-neutral": { - "prop": "--spectrum-icon-color-neutral", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "icon-color-notice": { - "prop": "--spectrum-icon-color-notice", - "ref": "var(--spectrum-notice-color-900)", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "icon-color-orange-background": { - "prop": "--spectrum-icon-color-orange-background", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "icon-color-orange-primary-default": { - "prop": "--spectrum-icon-color-orange-primary-default", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(232, 106, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "icon-color-orange-primary-down": { - "prop": "--spectrum-icon-color-orange-primary-down", - "ref": "var(--spectrum-orange-1100)", - "light": { - "value": "rgb(194, 78, 0)" - }, - "dark": { - "value": "rgb(255, 137, 0)" - } - }, - "icon-color-orange-primary-hover": { - "prop": "--spectrum-icon-color-orange-primary-hover", - "ref": "var(--spectrum-orange-1000)", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(243, 117, 0)" - } - }, - "icon-color-pink-background": { - "prop": "--spectrum-icon-color-pink-background", - "ref": "var(--spectrum-pink-200)", - "dark": { - "value": "rgb(71, 0, 44)" - }, - "light": { - "value": "rgb(255, 232, 247)" - } - }, - "icon-color-pink-primary-default": { - "prop": "--spectrum-icon-color-pink-primary-default", - "ref": "var(--spectrum-pink-700)", - "light": { - "value": "rgb(228, 52, 163)" - }, - "dark": { - "value": "rgb(196, 39, 138)" - } - }, - "icon-color-pink-primary-down": { - "prop": "--spectrum-icon-color-pink-primary-down", - "ref": "var(--spectrum-pink-900)", - "light": { - "value": "rgb(176, 31, 123)" - }, - "dark": { - "value": "rgb(236, 67, 175)" - } - }, - "icon-color-pink-primary-hover": { - "prop": "--spectrum-icon-color-pink-primary-hover", - "ref": "var(--spectrum-pink-800)", - "light": { - "value": "rgb(206, 42, 146)" - }, - "dark": { - "value": "rgb(213, 45, 151)" - } - }, - "icon-color-positive": { - "prop": "--spectrum-icon-color-positive", - "ref": "var(--spectrum-positive-color-900)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "icon-color-primary-default": { - "prop": "--spectrum-icon-color-primary-default", - "ref": "var(--spectrum-neutral-content-color-default)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "icon-color-primary-down": { - "prop": "--spectrum-icon-color-primary-down", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "icon-color-primary-hover": { - "prop": "--spectrum-icon-color-primary-hover", - "ref": "var(--spectrum-neutral-content-color-hover)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "icon-color-purple-background": { - "prop": "--spectrum-icon-color-purple-background", - "ref": "var(--spectrum-purple-200)", - "light": { - "value": "rgb(244, 235, 252)" - }, - "dark": { - "value": "rgb(50, 0, 96)" - } - }, - "icon-color-purple-primary-default": { - "prop": "--spectrum-icon-color-purple-primary-default", - "ref": "var(--spectrum-purple-700)", - "light": { - "value": "rgb(154, 71, 226)" - }, - "dark": { - "value": "rgb(148, 62, 224)" - } - }, - "icon-color-purple-primary-down": { - "prop": "--spectrum-icon-color-purple-primary-down", - "ref": "var(--spectrum-purple-900)", - "light": { - "value": "rgb(115, 13, 204)" - }, - "dark": { - "value": "rgb(173, 105, 233)" - } - }, - "icon-color-purple-primary-hover": { - "prop": "--spectrum-icon-color-purple-primary-hover", - "ref": "var(--spectrum-purple-800)", - "light": { - "value": "rgb(134, 40, 217)" - }, - "dark": { - "value": "rgb(157, 78, 228)" - } - }, - "icon-color-red-background": { - "prop": "--spectrum-icon-color-red-background", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "icon-color-red-primary-default": { - "prop": "--spectrum-icon-color-red-primary-default", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "icon-color-red-primary-down": { - "prop": "--spectrum-icon-color-red-primary-down", - "ref": "var(--spectrum-red-900)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "icon-color-red-primary-hover": { - "prop": "--spectrum-icon-color-red-primary-hover", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "icon-color-seafoam-background": { - "prop": "--spectrum-icon-color-seafoam-background", - "ref": "var(--spectrum-seafoam-400)", - "light": { - "value": "rgb(211, 246, 234)" - }, - "dark": { - "value": "rgb(0, 67, 59)" - } - }, - "icon-color-seafoam-primary-default": { - "prop": "--spectrum-icon-color-seafoam-primary-default", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(9, 144, 120)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "icon-color-seafoam-primary-down": { - "prop": "--spectrum-icon-color-seafoam-primary-down", - "ref": "var(--spectrum-seafoam-1000)", - "light": { - "value": "rgb(5, 108, 92)" - }, - "dark": { - "value": "rgb(12, 173, 142)" - } - }, - "icon-color-seafoam-primary-hover": { - "prop": "--spectrum-icon-color-seafoam-primary-hover", - "ref": "var(--spectrum-seafoam-900)", - "light": { - "value": "rgb(7, 129, 109)" - }, - "dark": { - "value": "rgb(10, 154, 128)" - } - }, - "icon-color-silver-background": { - "prop": "--spectrum-icon-color-silver-background", - "ref": "var(--spectrum-silver-400)", - "light": { - "value": "rgb(239, 239, 239)" - }, - "dark": { - "value": "rgb(59, 59, 59)" - } - }, - "icon-color-silver-primary-default": { - "prop": "--spectrum-icon-color-silver-primary-default", - "ref": "var(--spectrum-silver-800)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(118, 118, 118)" - } - }, - "icon-color-silver-primary-down": { - "prop": "--spectrum-icon-color-silver-primary-down", - "ref": "var(--spectrum-silver-1000)", - "light": { - "value": "rgb(114, 114, 114)" - }, - "dark": { - "value": "rgb(152, 152, 152)" - } - }, - "icon-color-silver-primary-hover": { - "prop": "--spectrum-icon-color-silver-primary-hover", - "ref": "var(--spectrum-silver-900)", - "light": { - "value": "rgb(128, 128, 128)" - }, - "dark": { - "value": "rgb(137, 137, 137)" - } - }, - "icon-color-turquoise-background": { - "prop": "--spectrum-icon-color-turquoise-background", - "ref": "var(--spectrum-turquoise-400)", - "light": { - "value": "rgb(209, 245, 245)" - }, - "dark": { - "value": "rgb(0, 66, 72)" - } - }, - "icon-color-turquoise-primary-default": { - "prop": "--spectrum-icon-color-turquoise-primary-default", - "ref": "var(--spectrum-turquoise-800)", - "light": { - "value": "rgb(12, 158, 171)" - }, - "dark": { - "value": "rgb(9, 131, 142)" - } - }, - "icon-color-turquoise-primary-down": { - "prop": "--spectrum-icon-color-turquoise-primary-down", - "ref": "var(--spectrum-turquoise-1000)", - "light": { - "value": "rgb(8, 126, 137)" - }, - "dark": { - "value": "rgb(13, 168, 182)" - } - }, - "icon-color-turquoise-primary-hover": { - "prop": "--spectrum-icon-color-turquoise-primary-hover", - "ref": "var(--spectrum-turquoise-900)", - "light": { - "value": "rgb(10, 141, 153)" - }, - "dark": { - "value": "rgb(11, 151, 164)" - } - }, - "icon-color-yellow-background": { - "prop": "--spectrum-icon-color-yellow-background", - "ref": "var(--spectrum-yellow-400)", - "light": { - "value": "rgb(255, 248, 204)" - }, - "dark": { - "value": "rgb(83, 52, 0)" - } - }, - "icon-color-yellow-primary-default": { - "prop": "--spectrum-icon-color-yellow-primary-default", - "ref": "var(--spectrum-yellow-1200)", - "light": { - "value": "rgb(245, 199, 0)" - }, - "dark": { - "value": "rgb(235, 183, 0)" - } - }, - "icon-color-yellow-primary-down": { - "prop": "--spectrum-icon-color-yellow-primary-down", - "ref": "var(--spectrum-yellow-1400)", - "light": { - "value": "rgb(210, 149, 0)" - }, - "dark": { - "value": "rgb(255, 230, 86)" - } - }, - "icon-color-yellow-primary-hover": { - "prop": "--spectrum-icon-color-yellow-primary-hover", - "ref": "var(--spectrum-yellow-1300)", - "light": { - "value": "rgb(230, 175, 0)" - }, - "dark": { - "value": "rgb(249, 206, 0)" - } - }, - "illustrated-message-body-size": { - "prop": "--spectrum-illustrated-message-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "illustrated-message-cjk-title-size": { - "prop": "--spectrum-illustrated-message-cjk-title-size", - "ref": "var(--spectrum-title-cjk-size-xl)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "illustrated-message-horizontal-maximum-width": { - "prop": "--spectrum-illustrated-message-horizontal-maximum-width", - "value": "535px" - }, - "illustrated-message-large-body-font-size": { - "prop": "--spectrum-illustrated-message-large-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "illustrated-message-large-cjk-title-font-size": { - "prop": "--spectrum-illustrated-message-large-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-xl)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "illustrated-message-large-title-font-size": { - "prop": "--spectrum-illustrated-message-large-title-font-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } - }, - "illustrated-message-maximum-width": { - "prop": "--spectrum-illustrated-message-maximum-width", - "ref": "var(--spectrum-illustrated-message-vertical-maximum-width)", - "value": "380px" - }, - "illustrated-message-medium-body-font-size": { - "prop": "--spectrum-illustrated-message-medium-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "illustrated-message-medium-cjk-title-font-size": { - "prop": "--spectrum-illustrated-message-medium-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-l)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "19px" - } - }, - "illustrated-message-medium-title-font-size": { - "prop": "--spectrum-illustrated-message-medium-title-font-size", - "ref": "var(--spectrum-title-size-l)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "illustrated-message-small-body-font-size": { - "prop": "--spectrum-illustrated-message-small-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "illustrated-message-small-cjk-title-font-size": { - "prop": "--spectrum-illustrated-message-small-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-s)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "illustrated-message-small-title-font-size": { - "prop": "--spectrum-illustrated-message-small-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "illustrated-message-title-size": { - "prop": "--spectrum-illustrated-message-title-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } - }, - "illustrated-message-vertical-maximum-width": { - "prop": "--spectrum-illustrated-message-vertical-maximum-width", - "value": "380px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large", - "value": "16px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large", - "value": "13px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium", - "value": "9px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small", - "value": "7px" - }, - "in-field-button-edge-to-fill": { - "prop": "--spectrum-in-field-button-edge-to-fill", - "value": "0px" - }, - "in-field-button-edge-to-fill-extra-large": { - "prop": "--spectrum-in-field-button-edge-to-fill-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "in-field-button-edge-to-fill-large": { - "prop": "--spectrum-in-field-button-edge-to-fill-large", - "value": "8px" - }, - "in-field-button-edge-to-fill-medium": { - "prop": "--spectrum-in-field-button-edge-to-fill-medium", - "value": "6px" - }, - "in-field-button-edge-to-fill-small": { - "prop": "--spectrum-in-field-button-edge-to-fill-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "in-field-button-fill-stacked-inner-border-rounding": { - "prop": "--spectrum-in-field-button-fill-stacked-inner-border-rounding", - "value": "0px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large)", - "value": "5px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large)", - "value": "4px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium)", - "value": "3px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small)", - "value": "3px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large", - "value": "5px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large", - "value": "4px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium", - "value": "3px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small", - "value": "3px" - }, - "in-field-button-stacked-inner-edge-to-fill": { - "prop": "--spectrum-in-field-button-stacked-inner-edge-to-fill", - "value": "0px" - }, - "in-field-button-width-stacked-extra-large": { - "prop": "--spectrum-in-field-button-width-stacked-extra-large", - "value": "44px" - }, - "in-field-button-width-stacked-large": { - "prop": "--spectrum-in-field-button-width-stacked-large", - "value": "36px" - }, - "in-field-button-width-stacked-medium": { - "prop": "--spectrum-in-field-button-width-stacked-medium", - "value": "28px" - }, - "in-field-button-width-stacked-small": { - "prop": "--spectrum-in-field-button-width-stacked-small", - "value": "20px" - }, - "in-field-progress-circle-edge-to-fill": { - "prop": "--spectrum-in-field-progress-circle-edge-to-fill", - "desktop": { - "value": "1px" - }, - "mobile": { - "value": "2px" - } - }, - "in-field-progress-circle-size-100": { - "prop": "--spectrum-in-field-progress-circle-size-100", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "in-field-progress-circle-size-200": { - "prop": "--spectrum-in-field-progress-circle-size-200", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "28px" - } - }, - "in-field-progress-circle-size-300": { - "prop": "--spectrum-in-field-progress-circle-size-300", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "30px" - } - }, - "in-field-progress-circle-size-75": { - "prop": "--spectrum-in-field-progress-circle-size-75", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "in-field-stepper-to-end-extra-large": { - "prop": "--spectrum-in-field-stepper-to-end-extra-large", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "in-field-stepper-to-end-large": { - "prop": "--spectrum-in-field-stepper-to-end-large", - "value": "4px" - }, - "in-field-stepper-to-end-medium": { - "prop": "--spectrum-in-field-stepper-to-end-medium", - "value": "3px" - }, - "in-field-stepper-to-end-small": { - "prop": "--spectrum-in-field-stepper-to-end-small", - "desktop": { - "value": "0px" - }, - "mobile": { - "value": "3px" - } - }, - "in-line-alert-minimum-width": { - "prop": "--spectrum-in-line-alert-minimum-width", - "value": "240px" - }, - "indigo-100": { - "prop": "--spectrum-indigo-100", - "light": { - "value": "rgb(247, 248, 255)" - }, - "dark": { - "value": "rgb(30, 0, 93)" - } - }, - "indigo-1000": { - "prop": "--spectrum-indigo-1000", - "light": { - "value": "rgb(99, 56, 238)" - }, - "dark": { - "value": "rgb(139, 141, 254)" - } - }, - "indigo-1100": { - "prop": "--spectrum-indigo-1100", - "light": { - "value": "rgb(84, 36, 219)" - }, - "dark": { - "value": "rgb(153, 161, 255)" - } - }, - "indigo-1200": { - "prop": "--spectrum-indigo-1200", - "light": { - "value": "rgb(69, 19, 191)" - }, - "dark": { - "value": "rgb(176, 186, 255)" - } - }, - "indigo-1300": { - "prop": "--spectrum-indigo-1300", - "light": { - "value": "rgb(55, 6, 160)" - }, - "dark": { - "value": "rgb(199, 208, 255)" - } - }, - "indigo-1400": { - "prop": "--spectrum-indigo-1400", - "light": { - "value": "rgb(42, 0, 129)" - }, - "dark": { - "value": "rgb(223, 228, 255)" - } - }, - "indigo-1500": { - "prop": "--spectrum-indigo-1500", - "dark": { - "value": "rgb(243, 244, 255)" - }, - "light": { - "value": "rgb(31, 0, 98)" - } - }, - "indigo-1600": { - "prop": "--spectrum-indigo-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(17, 0, 54)" - } - }, - "indigo-200": { - "prop": "--spectrum-indigo-200", - "light": { - "value": "rgb(235, 238, 255)" - }, - "dark": { - "value": "rgb(35, 0, 110)" - } - }, - "indigo-300": { - "prop": "--spectrum-indigo-300", - "light": { - "value": "rgb(216, 222, 255)" - }, - "dark": { - "value": "rgb(47, 0, 140)" - } - }, - "indigo-400": { - "prop": "--spectrum-indigo-400", - "light": { - "value": "rgb(192, 201, 255)" - }, - "dark": { - "value": "rgb(62, 12, 174)" - } - }, - "indigo-500": { - "prop": "--spectrum-indigo-500", - "light": { - "value": "rgb(167, 178, 255)" - }, - "dark": { - "value": "rgb(79, 30, 209)" - } - }, - "indigo-600": { - "prop": "--spectrum-indigo-600", - "light": { - "value": "rgb(145, 151, 254)" - }, - "dark": { - "value": "rgb(95, 52, 235)" - } - }, - "indigo-700": { - "prop": "--spectrum-indigo-700", - "light": { - "value": "rgb(132, 128, 254)" - }, - "dark": { - "value": "rgb(109, 75, 248)" - } - }, - "indigo-800": { - "prop": "--spectrum-indigo-800", - "light": { - "value": "rgb(122, 106, 253)" - }, - "dark": { - "value": "rgb(116, 91, 252)" - } - }, - "indigo-900": { - "prop": "--spectrum-indigo-900", - "light": { - "value": "rgb(113, 85, 250)" - }, - "dark": { - "value": "rgb(128, 119, 254)" - } - }, - "indigo-background-color-default": { - "prop": "--spectrum-indigo-background-color-default", - "ref": "var(--spectrum-indigo-800)", - "light": { - "value": "rgb(113, 85, 250)" - }, - "dark": { - "value": "rgb(116, 91, 252)" - } - }, - "indigo-subtle-background-color-default": { - "prop": "--spectrum-indigo-subtle-background-color-default", - "ref": "var(--spectrum-indigo-300)", - "light": { - "value": "rgb(235, 238, 255)" - }, - "dark": { - "value": "rgb(47, 0, 140)" - } - }, - "indigo-visual-color": { - "prop": "--spectrum-indigo-visual-color", - "ref": "var(--spectrum-indigo-900)", - "light": { - "value": "rgb(122, 106, 253)" - }, - "dark": { - "value": "rgb(128, 119, 254)" - } - }, - "informative-background-color-default": { - "prop": "--spectrum-informative-background-color-default", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "informative-background-color-down": { - "prop": "--spectrum-informative-background-color-down", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-background-color-hover": { - "prop": "--spectrum-informative-background-color-hover", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-background-color-key-focus": { - "prop": "--spectrum-informative-background-color-key-focus", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-color-100": { - "prop": "--spectrum-informative-color-100", - "ref": "var(--spectrum-blue-100)", - "light": { - "value": "rgb(245, 249, 255)" - }, - "dark": { - "value": "rgb(14, 23, 63)" - } - }, - "informative-color-1000": { - "prop": "--spectrum-informative-color-1000", - "ref": "var(--spectrum-blue-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "informative-color-1100": { - "prop": "--spectrum-informative-color-1100", - "ref": "var(--spectrum-blue-1100)", - "light": { - "value": "rgb(29, 62, 207)" - }, - "dark": { - "value": "rgb(124, 169, 252)" - } - }, - "informative-color-1200": { - "prop": "--spectrum-informative-color-1200", - "ref": "var(--spectrum-blue-1200)", - "light": { - "value": "rgb(21, 50, 173)" - }, - "dark": { - "value": "rgb(152, 192, 252)" - } - }, - "informative-color-1300": { - "prop": "--spectrum-informative-color-1300", - "ref": "var(--spectrum-blue-1300)", - "light": { - "value": "rgb(16, 40, 140)" - }, - "dark": { - "value": "rgb(181, 213, 253)" - } - }, - "informative-color-1400": { - "prop": "--spectrum-informative-color-1400", - "ref": "var(--spectrum-blue-1400)", - "light": { - "value": "rgb(12, 31, 105)" - }, - "dark": { - "value": "rgb(213, 231, 254)" - } - }, - "informative-color-1500": { - "prop": "--spectrum-informative-color-1500", - "ref": "var(--spectrum-blue-1500)", - "dark": { - "value": "rgb(238, 245, 255)" - }, - "light": { - "value": "rgb(14, 24, 67)" - } - }, - "informative-color-1600": { - "prop": "--spectrum-informative-color-1600", - "ref": "var(--spectrum-blue-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(7, 11, 30)" - } - }, - "informative-color-200": { - "prop": "--spectrum-informative-color-200", - "ref": "var(--spectrum-blue-200)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(15, 28, 82)" - } - }, - "informative-color-300": { - "prop": "--spectrum-informative-color-300", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(203, 226, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "informative-color-400": { - "prop": "--spectrum-informative-color-400", - "ref": "var(--spectrum-blue-400)", - "light": { - "value": "rgb(172, 207, 253)" - }, - "dark": { - "value": "rgb(18, 45, 154)" - } - }, - "informative-color-500": { - "prop": "--spectrum-informative-color-500", - "ref": "var(--spectrum-blue-500)", - "light": { - "value": "rgb(142, 185, 252)" - }, - "dark": { - "value": "rgb(26, 58, 195)" - } - }, - "informative-color-600": { - "prop": "--spectrum-informative-color-600", - "ref": "var(--spectrum-blue-600)", - "light": { - "value": "rgb(114, 158, 253)" - }, - "dark": { - "value": "rgb(37, 73, 229)" - } - }, - "informative-color-700": { - "prop": "--spectrum-informative-color-700", - "ref": "var(--spectrum-blue-700)", - "light": { - "value": "rgb(93, 137, 255)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-color-800": { - "prop": "--spectrum-informative-color-800", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "informative-color-900": { - "prop": "--spectrum-informative-color-900", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "informative-subtle-background-color-default": { - "prop": "--spectrum-informative-subtle-background-color-default", - "ref": "var(--spectrum-informative-color-300)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "informative-visual-color": { - "prop": "--spectrum-informative-visual-color", - "ref": "var(--spectrum-informative-color-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "italic-font-style": { - "prop": "--spectrum-italic-font-style", - "value": "italic" - }, - "label-to-description-0": { - "prop": "--spectrum-label-to-description-0", - "value": "0px" - }, - "letter-spacing": { - "prop": "--spectrum-letter-spacing", - "value": "0em" - }, - "light-font-weight": { - "prop": "--spectrum-light-font-weight", - "ref": "light", - "value": "300" - }, - "line-height-100": { - "prop": "--spectrum-line-height-100", - "value": 1.3 - }, - "line-height-200": { - "prop": "--spectrum-line-height-200", - "value": 1.5 - }, - "line-height-font-size-100": { - "prop": "--spectrum-line-height-font-size-100", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "line-height-font-size-1000": { - "prop": "--spectrum-line-height-font-size-1000", - "desktop": { - "value": "46px" - }, - "mobile": { - "value": "56px" - } - }, - "line-height-font-size-1100": { - "prop": "--spectrum-line-height-font-size-1100", - "desktop": { - "value": "52px" - }, - "mobile": { - "value": "64px" - } - }, - "line-height-font-size-1200": { - "prop": "--spectrum-line-height-font-size-1200", - "desktop": { - "value": "58px" - }, - "mobile": { - "value": "72px" - } - }, - "line-height-font-size-1300": { - "prop": "--spectrum-line-height-font-size-1300", - "desktop": { - "value": "66px" - }, - "mobile": { - "value": "80px" - } - }, - "line-height-font-size-1400": { - "prop": "--spectrum-line-height-font-size-1400", - "desktop": { - "value": "74px" - }, - "mobile": { - "value": "90px" - } - }, - "line-height-font-size-1500": { - "prop": "--spectrum-line-height-font-size-1500", - "desktop": { - "value": "84px" - }, - "mobile": { - "value": "102px" - } - }, - "line-height-font-size-200": { - "prop": "--spectrum-line-height-font-size-200", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "line-height-font-size-25": { - "prop": "--spectrum-line-height-font-size-25", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "line-height-font-size-300": { - "prop": "--spectrum-line-height-font-size-300", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "26px" - } - }, - "line-height-font-size-400": { - "prop": "--spectrum-line-height-font-size-400", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "28px" - } - }, - "line-height-font-size-50": { - "prop": "--spectrum-line-height-font-size-50", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "line-height-font-size-500": { - "prop": "--spectrum-line-height-font-size-500", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "32px" - } - }, - "line-height-font-size-600": { - "prop": "--spectrum-line-height-font-size-600", - "desktop": { - "value": "30px" - }, - "mobile": { - "value": "36px" - } - }, - "line-height-font-size-700": { - "prop": "--spectrum-line-height-font-size-700", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "line-height-font-size-75": { - "prop": "--spectrum-line-height-font-size-75", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "line-height-font-size-800": { - "prop": "--spectrum-line-height-font-size-800", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "44px" - } - }, - "line-height-font-size-900": { - "prop": "--spectrum-line-height-font-size-900", - "desktop": { - "value": "42px" - }, - "mobile": { - "value": "50px" - } - }, - "link-out-icon-size-100": { - "prop": "--spectrum-link-out-icon-size-100", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "link-out-icon-size-200": { - "prop": "--spectrum-link-out-icon-size-200", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "link-out-icon-size-300": { - "prop": "--spectrum-link-out-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "link-out-icon-size-400": { - "prop": "--spectrum-link-out-icon-size-400", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "link-out-icon-size-75": { - "prop": "--spectrum-link-out-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "list-view-end-edge-to-content": { - "prop": "--spectrum-list-view-end-edge-to-content", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "list-view-item-bottom-corner-radius": { - "prop": "--spectrum-list-view-item-bottom-corner-radius", - "ref": "var(--spectrum-corner-radius-medium-default)", - "value": "8px" - }, - "list-view-item-top-corner-radius": { - "prop": "--spectrum-list-view-item-top-corner-radius", - "ref": "var(--spectrum-corner-radius-medium-default)", - "value": "8px" - }, - "list-view-minimum-height": { - "prop": "--spectrum-list-view-minimum-height", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "list-view-minimum-width": { - "prop": "--spectrum-list-view-minimum-width", - "desktop": { - "value": "200px" - }, - "mobile": { - "value": "240px" - } - }, - "magenta-100": { - "prop": "--spectrum-magenta-100", - "light": { - "value": "rgb(255, 245, 248)" - }, - "dark": { - "value": "rgb(59, 0, 22)" - } - }, - "magenta-1000": { - "prop": "--spectrum-magenta-1000", - "light": { - "value": "rgb(186, 22, 80)" - }, - "dark": { - "value": "rgb(255, 96, 149)" - } - }, - "magenta-1100": { - "prop": "--spectrum-magenta-1100", - "light": { - "value": "rgb(163, 5, 62)" - }, - "dark": { - "value": "rgb(255, 128, 171)" - } - }, - "magenta-1200": { - "prop": "--spectrum-magenta-1200", - "light": { - "value": "rgb(136, 0, 51)" - }, - "dark": { - "value": "rgb(255, 163, 194)" - } - }, - "magenta-1300": { - "prop": "--spectrum-magenta-1300", - "light": { - "value": "rgb(111, 0, 40)" - }, - "dark": { - "value": "rgb(255, 193, 214)" - } - }, - "magenta-1400": { - "prop": "--spectrum-magenta-1400", - "light": { - "value": "rgb(86, 0, 30)" - }, - "dark": { - "value": "rgb(255, 220, 232)" - } - }, - "magenta-1500": { - "prop": "--spectrum-magenta-1500", - "dark": { - "value": "rgb(255, 241, 246)" - }, - "light": { - "value": "rgb(64, 0, 22)" - } - }, - "magenta-1600": { - "prop": "--spectrum-magenta-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(35, 0, 12)" - } - }, - "magenta-200": { - "prop": "--spectrum-magenta-200", - "light": { - "value": "rgb(255, 232, 240)" - }, - "dark": { - "value": "rgb(74, 0, 27)" - } - }, - "magenta-300": { - "prop": "--spectrum-magenta-300", - "light": { - "value": "rgb(255, 213, 227)" - }, - "dark": { - "value": "rgb(93, 0, 34)" - } - }, - "magenta-400": { - "prop": "--spectrum-magenta-400", - "light": { - "value": "rgb(255, 185, 208)" - }, - "dark": { - "value": "rgb(123, 0, 45)" - } - }, - "magenta-500": { - "prop": "--spectrum-magenta-500", - "light": { - "value": "rgb(255, 152, 187)" - }, - "dark": { - "value": "rgb(152, 7, 60)" - } - }, - "magenta-600": { - "prop": "--spectrum-magenta-600", - "light": { - "value": "rgb(255, 112, 159)" - }, - "dark": { - "value": "rgb(181, 19, 76)" - } - }, - "magenta-700": { - "prop": "--spectrum-magenta-700", - "light": { - "value": "rgb(255, 72, 133)" - }, - "dark": { - "value": "rgb(207, 31, 92)" - } - }, - "magenta-800": { - "prop": "--spectrum-magenta-800", - "light": { - "value": "rgb(240, 45, 110)" - }, - "dark": { - "value": "rgb(224, 38, 101)" - } - }, - "magenta-900": { - "prop": "--spectrum-magenta-900", - "light": { - "value": "rgb(217, 35, 97)" - }, - "dark": { - "value": "rgb(255, 51, 119)" - } - }, - "magenta-background-color-default": { - "prop": "--spectrum-magenta-background-color-default", - "ref": "var(--spectrum-magenta-800)", - "light": { - "value": "rgb(217, 35, 97)" - }, - "dark": { - "value": "rgb(224, 38, 101)" - } - }, - "magenta-subtle-background-color-default": { - "prop": "--spectrum-magenta-subtle-background-color-default", - "ref": "var(--spectrum-magenta-300)", - "light": { - "value": "rgb(255, 232, 240)" - }, - "dark": { - "value": "rgb(93, 0, 34)" - } - }, - "magenta-visual-color": { - "prop": "--spectrum-magenta-visual-color", - "ref": "var(--spectrum-magenta-900)", - "light": { - "value": "rgb(240, 45, 110)" - }, - "dark": { - "value": "rgb(255, 51, 119)" - } - }, - "medium-font-weight": { - "prop": "--spectrum-medium-font-weight", - "ref": "medium", - "value": "500" - }, - "menu-item-background-color-default": { - "prop": "--spectrum-menu-item-background-color-default", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "menu-item-background-color-disabled": { - "prop": "--spectrum-menu-item-background-color-disabled", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "menu-item-background-color-down": { - "prop": "--spectrum-menu-item-background-color-down", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "menu-item-background-color-hover": { - "prop": "--spectrum-menu-item-background-color-hover", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "menu-item-background-color-keyboard-focus": { - "prop": "--spectrum-menu-item-background-color-keyboard-focus", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "menu-item-background-opacity": { - "prop": "--spectrum-menu-item-background-opacity", - "value": "0" - }, - "menu-item-edge-to-content-not-selected-extra-large": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-extra-large", - "desktop": { - "value": "45px" - }, - "mobile": { - "value": "54px" - } - }, - "menu-item-edge-to-content-not-selected-large": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-large", - "desktop": { - "value": "38px" - }, - "mobile": { - "value": "47px" - } - }, - "menu-item-edge-to-content-not-selected-medium": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "42px" - } - }, - "menu-item-edge-to-content-not-selected-small": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-small", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "24px" - } - }, - "menu-item-label-to-description": { - "prop": "--spectrum-menu-item-label-to-description", - "ref": "var(--spectrum-menu-item-label-to-description-medium)", - "value": "1px" - }, - "menu-item-label-to-description-extra-large": { - "prop": "--spectrum-menu-item-label-to-description-extra-large", - "value": "2px" - }, - "menu-item-label-to-description-large": { - "prop": "--spectrum-menu-item-label-to-description-large", - "value": "2px" - }, - "menu-item-label-to-description-medium": { - "prop": "--spectrum-menu-item-label-to-description-medium", - "value": "1px" - }, - "menu-item-label-to-description-small": { - "prop": "--spectrum-menu-item-label-to-description-small", - "value": "1px" - }, - "menu-item-section-divider-height": { - "prop": "--spectrum-menu-item-section-divider-height", - "value": "12px" - }, - "menu-item-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "menu-item-top-to-disclosure-icon-large": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "menu-item-top-to-disclosure-icon-medium": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "menu-item-top-to-disclosure-icon-small": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "menu-item-top-to-selected-icon-extra-large": { - "prop": "--spectrum-menu-item-top-to-selected-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "menu-item-top-to-selected-icon-large": { - "prop": "--spectrum-menu-item-top-to-selected-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "menu-item-top-to-selected-icon-medium": { - "prop": "--spectrum-menu-item-top-to-selected-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "menu-item-top-to-selected-icon-small": { - "prop": "--spectrum-menu-item-top-to-selected-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "menu-item-top-to-thumbnail-extra-large": { - "prop": "--spectrum-menu-item-top-to-thumbnail-extra-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "menu-item-top-to-thumbnail-large": { - "prop": "--spectrum-menu-item-top-to-thumbnail-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "menu-item-top-to-thumbnail-medium": { - "prop": "--spectrum-menu-item-top-to-thumbnail-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "menu-item-top-to-thumbnail-small": { - "prop": "--spectrum-menu-item-top-to-thumbnail-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "menu-section-header-to-description-extra-large": { - "prop": "--spectrum-menu-section-header-to-description-extra-large", - "value": "2px" - }, - "menu-section-header-to-description-large": { - "prop": "--spectrum-menu-section-header-to-description-large", - "value": "2px" - }, - "menu-section-header-to-description-medium": { - "prop": "--spectrum-menu-section-header-to-description-medium", - "value": "1px" - }, - "menu-section-header-to-description-small": { - "prop": "--spectrum-menu-section-header-to-description-small", - "value": "1px" - }, - "meter-default-width": { - "prop": "--spectrum-meter-default-width", - "ref": "var(--spectrum-meter-width)", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "meter-maximum-width": { - "prop": "--spectrum-meter-maximum-width", - "value": "768px" - }, - "meter-minimum-width": { - "prop": "--spectrum-meter-minimum-width", - "value": "48px" - }, - "meter-thickness-extra-large": { - "prop": "--spectrum-meter-thickness-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "meter-thickness-large": { - "prop": "--spectrum-meter-thickness-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "meter-thickness-medium": { - "prop": "--spectrum-meter-thickness-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "meter-thickness-small": { - "prop": "--spectrum-meter-thickness-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "meter-width": { - "prop": "--spectrum-meter-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "navigational-indicator-top-to-back-icon-extra-large": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "navigational-indicator-top-to-back-icon-large": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "navigational-indicator-top-to-back-icon-medium": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "navigational-indicator-top-to-back-icon-small": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "negative-background-color-default": { - "prop": "--spectrum-negative-background-color-default", - "ref": "var(--spectrum-negative-color-800)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "negative-background-color-down": { - "prop": "--spectrum-negative-background-color-down", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-background-color-hover": { - "prop": "--spectrum-negative-background-color-hover", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-background-color-key-focus": { - "prop": "--spectrum-negative-background-color-key-focus", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-border-color-default": { - "prop": "--spectrum-negative-border-color-default", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "negative-border-color-down": { - "prop": "--spectrum-negative-border-color-down", - "ref": "var(--spectrum-negative-color-1100)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "negative-border-color-focus": { - "prop": "--spectrum-negative-border-color-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-border-color-focus-hover": { - "prop": "--spectrum-negative-border-color-focus-hover", - "ref": "var(--spectrum-negative-border-color-down)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "negative-border-color-hover": { - "prop": "--spectrum-negative-border-color-hover", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-border-color-key-focus": { - "prop": "--spectrum-negative-border-color-key-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-color-100": { - "prop": "--spectrum-negative-color-100", - "ref": "var(--spectrum-red-100)", - "light": { - "value": "rgb(255, 246, 245)" - }, - "dark": { - "value": "rgb(54, 10, 3)" - } - }, - "negative-color-1000": { - "prop": "--spectrum-negative-color-1000", - "ref": "var(--spectrum-red-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-color-1100": { - "prop": "--spectrum-negative-color-1100", - "ref": "var(--spectrum-red-1100)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "negative-color-1200": { - "prop": "--spectrum-negative-color-1200", - "ref": "var(--spectrum-red-1200)", - "light": { - "value": "rgb(129, 27, 14)" - }, - "dark": { - "value": "rgb(255, 167, 157)" - } - }, - "negative-color-1300": { - "prop": "--spectrum-negative-color-1300", - "ref": "var(--spectrum-red-1300)", - "light": { - "value": "rgb(104, 21, 10)" - }, - "dark": { - "value": "rgb(255, 196, 189)" - } - }, - "negative-color-1400": { - "prop": "--spectrum-negative-color-1400", - "ref": "var(--spectrum-red-1400)", - "light": { - "value": "rgb(80, 16, 6)" - }, - "dark": { - "value": "rgb(255, 222, 219)" - } - }, - "negative-color-1500": { - "prop": "--spectrum-negative-color-1500", - "ref": "var(--spectrum-red-1500)", - "dark": { - "value": "rgb(255, 242, 240)" - }, - "light": { - "value": "rgb(59, 11, 4)" - } - }, - "negative-color-1600": { - "prop": "--spectrum-negative-color-1600", - "ref": "var(--spectrum-red-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(29, 5, 2)" - } - }, - "negative-color-200": { - "prop": "--spectrum-negative-color-200", - "ref": "var(--spectrum-red-200)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(68, 13, 5)" - } - }, - "negative-color-300": { - "prop": "--spectrum-negative-color-300", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-color-400": { - "prop": "--spectrum-negative-color-400", - "ref": "var(--spectrum-red-400)", - "light": { - "value": "rgb(255, 188, 180)" - }, - "dark": { - "value": "rgb(115, 24, 11)" - } - }, - "negative-color-500": { - "prop": "--spectrum-negative-color-500", - "ref": "var(--spectrum-red-500)", - "light": { - "value": "rgb(255, 157, 145)" - }, - "dark": { - "value": "rgb(147, 31, 17)" - } - }, - "negative-color-600": { - "prop": "--spectrum-negative-color-600", - "ref": "var(--spectrum-red-600)", - "light": { - "value": "rgb(255, 118, 101)" - }, - "dark": { - "value": "rgb(177, 38, 23)" - } - }, - "negative-color-700": { - "prop": "--spectrum-negative-color-700", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(255, 81, 61)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-color-800": { - "prop": "--spectrum-negative-color-800", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "negative-color-900": { - "prop": "--spectrum-negative-color-900", - "ref": "var(--spectrum-red-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "negative-content-color-default": { - "prop": "--spectrum-negative-content-color-default", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "negative-content-color-down": { - "prop": "--spectrum-negative-content-color-down", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-content-color-hover": { - "prop": "--spectrum-negative-content-color-hover", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-content-color-key-focus": { - "prop": "--spectrum-negative-content-color-key-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-subdued-background-color-default": { - "prop": "--spectrum-negative-subdued-background-color-default", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subdued-background-color-down": { - "prop": "--spectrum-negative-subdued-background-color-down", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subdued-background-color-hover": { - "prop": "--spectrum-negative-subdued-background-color-hover", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subdued-background-color-key-focus": { - "prop": "--spectrum-negative-subdued-background-color-key-focus", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subtle-background-color-default": { - "prop": "--spectrum-negative-subtle-background-color-default", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-visual-color": { - "prop": "--spectrum-negative-visual-color", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "neutral-background-color-default": { - "prop": "--spectrum-neutral-background-color-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-background-color-down": { - "prop": "--spectrum-neutral-background-color-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-hover": { - "prop": "--spectrum-neutral-background-color-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-key-focus": { - "prop": "--spectrum-neutral-background-color-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-selected-default": { - "prop": "--spectrum-neutral-background-color-selected-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-background-color-selected-down": { - "prop": "--spectrum-neutral-background-color-selected-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-selected-hover": { - "prop": "--spectrum-neutral-background-color-selected-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-selected-key-focus": { - "prop": "--spectrum-neutral-background-color-selected-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-default": { - "prop": "--spectrum-neutral-content-color-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-content-color-down": { - "prop": "--spectrum-neutral-content-color-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-focus": { - "prop": "--spectrum-neutral-content-color-focus", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-focus-hover": { - "prop": "--spectrum-neutral-content-color-focus-hover", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-hover": { - "prop": "--spectrum-neutral-content-color-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-key-focus": { - "prop": "--spectrum-neutral-content-color-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-subdued-background-color-default": { - "prop": "--spectrum-neutral-subdued-background-color-default", - "ref": "var(--spectrum-gray-500)", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(109, 109, 109)" - } - }, - "neutral-subdued-background-color-down": { - "prop": "--spectrum-neutral-subdued-background-color-down", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "neutral-subdued-background-color-hover": { - "prop": "--spectrum-neutral-subdued-background-color-hover", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "neutral-subdued-background-color-key-focus": { - "prop": "--spectrum-neutral-subdued-background-color-key-focus", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "neutral-subdued-content-color-default": { - "prop": "--spectrum-neutral-subdued-content-color-default", - "ref": "var(--spectrum-gray-700)", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(175, 175, 175)" - } - }, - "neutral-subdued-content-color-down": { - "prop": "--spectrum-neutral-subdued-content-color-down", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subdued-content-color-hover": { - "prop": "--spectrum-neutral-subdued-content-color-hover", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subdued-content-color-key-focus": { - "prop": "--spectrum-neutral-subdued-content-color-key-focus", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subdued-content-color-selected": { - "prop": "--spectrum-neutral-subdued-content-color-selected", - "ref": "var(--spectrum-neutral-subdued-content-color-down)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subtle-background-color-default": { - "prop": "--spectrum-neutral-subtle-background-color-default", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "neutral-visual-color": { - "prop": "--spectrum-neutral-visual-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "notice-background-color-default": { - "prop": "--spectrum-notice-background-color-default", - "ref": "var(--spectrum-notice-color-600)", - "dark": { - "value": "rgb(224, 100, 0)" - }, - "light": { - "value": "rgb(252, 125, 0)" - } - }, - "notice-color-100": { - "prop": "--spectrum-notice-color-100", - "ref": "var(--spectrum-orange-100)", - "light": { - "value": "rgb(255, 246, 231)" - }, - "dark": { - "value": "rgb(49, 16, 0)" - } - }, - "notice-color-1000": { - "prop": "--spectrum-notice-color-1000", - "ref": "var(--spectrum-orange-1000)", - "light": { - "value": "rgb(167, 62, 0)" - }, - "dark": { - "value": "rgb(243, 117, 0)" - } - }, - "notice-color-1100": { - "prop": "--spectrum-notice-color-1100", - "ref": "var(--spectrum-orange-1100)", - "light": { - "value": "rgb(144, 51, 0)" - }, - "dark": { - "value": "rgb(255, 137, 0)" - } - }, - "notice-color-1200": { - "prop": "--spectrum-notice-color-1200", - "ref": "var(--spectrum-orange-1200)", - "light": { - "value": "rgb(118, 41, 0)" - }, - "dark": { - "value": "rgb(255, 173, 45)" - } - }, - "notice-color-1300": { - "prop": "--spectrum-notice-color-1300", - "ref": "var(--spectrum-orange-1300)", - "light": { - "value": "rgb(95, 32, 0)" - }, - "dark": { - "value": "rgb(255, 201, 116)" - } - }, - "notice-color-1400": { - "prop": "--spectrum-notice-color-1400", - "ref": "var(--spectrum-orange-1400)", - "light": { - "value": "rgb(73, 24, 0)" - }, - "dark": { - "value": "rgb(255, 225, 178)" - } - }, - "notice-color-1500": { - "prop": "--spectrum-notice-color-1500", - "ref": "var(--spectrum-orange-1500)", - "dark": { - "value": "rgb(255, 243, 225)" - }, - "light": { - "value": "rgb(52, 18, 0)" - } - }, - "notice-color-1600": { - "prop": "--spectrum-notice-color-1600", - "ref": "var(--spectrum-orange-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(25, 8, 0)" - } - }, - "notice-color-200": { - "prop": "--spectrum-notice-color-200", - "ref": "var(--spectrum-orange-200)", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(61, 21, 0)" - } - }, - "notice-color-300": { - "prop": "--spectrum-notice-color-300", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 218, 158)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "notice-color-400": { - "prop": "--spectrum-notice-color-400", - "ref": "var(--spectrum-orange-400)", - "light": { - "value": "rgb(255, 193, 94)" - }, - "dark": { - "value": "rgb(106, 36, 0)" - } - }, - "notice-color-500": { - "prop": "--spectrum-notice-color-500", - "ref": "var(--spectrum-orange-500)", - "light": { - "value": "rgb(255, 162, 19)" - }, - "dark": { - "value": "rgb(135, 47, 0)" - } - }, - "notice-color-600": { - "prop": "--spectrum-notice-color-600", - "ref": "var(--spectrum-orange-600)", - "light": { - "value": "rgb(252, 125, 0)" - }, - "dark": { - "value": "rgb(162, 59, 0)" - } - }, - "notice-color-700": { - "prop": "--spectrum-notice-color-700", - "ref": "var(--spectrum-orange-700)", - "light": { - "value": "rgb(232, 106, 0)" - }, - "dark": { - "value": "rgb(185, 73, 0)" - } - }, - "notice-color-800": { - "prop": "--spectrum-notice-color-800", - "ref": "var(--spectrum-orange-800)", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(199, 82, 0)" - } - }, - "notice-color-900": { - "prop": "--spectrum-notice-color-900", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(194, 78, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "notice-subtle-background-color-default": { - "prop": "--spectrum-notice-subtle-background-color-default", - "ref": "var(--spectrum-notice-color-300)", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "notice-visual-color": { - "prop": "--spectrum-notice-visual-color", - "ref": "var(--spectrum-notice-color-900)", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "number-field-minimum-width-multiplier": { - "prop": "--spectrum-number-field-minimum-width-multiplier", - "value": 1.25 - }, - "number-field-visual-to-in-field-stepper-extra-large": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "number-field-visual-to-in-field-stepper-large": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-large", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "number-field-visual-to-in-field-stepper-medium": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "number-field-visual-to-in-field-stepper-small": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "number-field-with-stepper-minimum-width-extra-large": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-extra-large", - "desktop": { - "value": "168px" - }, - "mobile": { - "value": "198px" - } - }, - "number-field-with-stepper-minimum-width-large": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-large", - "desktop": { - "value": "144px" - }, - "mobile": { - "value": "174px" - } - }, - "number-field-with-stepper-minimum-width-medium": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-medium", - "desktop": { - "value": "120px" - }, - "mobile": { - "value": "150px" - } - }, - "number-field-with-stepper-minimum-width-small": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-small", - "desktop": { - "value": "104px" - }, - "mobile": { - "value": "126px" - } - }, - "opacity-checkerboard-square-dark": { - "prop": "--spectrum-opacity-checkerboard-square-dark", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "opacity-checkerboard-square-light": { - "prop": "--spectrum-opacity-checkerboard-square-light", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" - }, - "opacity-checkerboard-square-size": { - "prop": "--spectrum-opacity-checkerboard-square-size", - "ref": "var(--spectrum-opacity-checkerboard-square-size-medium)", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "opacity-checkerboard-square-size-medium": { - "prop": "--spectrum-opacity-checkerboard-square-size-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "opacity-checkerboard-square-size-small": { - "prop": "--spectrum-opacity-checkerboard-square-size-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "opacity-disabled": { - "prop": "--spectrum-opacity-disabled", - "value": "0.3" - }, - "orange-100": { - "prop": "--spectrum-orange-100", - "light": { - "value": "rgb(255, 246, 231)" - }, - "dark": { - "value": "rgb(49, 16, 0)" - } - }, - "orange-1000": { - "prop": "--spectrum-orange-1000", - "light": { - "value": "rgb(167, 62, 0)" - }, - "dark": { - "value": "rgb(243, 117, 0)" - } - }, - "orange-1100": { - "prop": "--spectrum-orange-1100", - "light": { - "value": "rgb(144, 51, 0)" - }, - "dark": { - "value": "rgb(255, 137, 0)" - } - }, - "orange-1200": { - "prop": "--spectrum-orange-1200", - "light": { - "value": "rgb(118, 41, 0)" - }, - "dark": { - "value": "rgb(255, 173, 45)" - } - }, - "orange-1300": { - "prop": "--spectrum-orange-1300", - "light": { - "value": "rgb(95, 32, 0)" - }, - "dark": { - "value": "rgb(255, 201, 116)" - } - }, - "orange-1400": { - "prop": "--spectrum-orange-1400", - "light": { - "value": "rgb(73, 24, 0)" - }, - "dark": { - "value": "rgb(255, 225, 178)" - } - }, - "orange-1500": { - "prop": "--spectrum-orange-1500", - "dark": { - "value": "rgb(255, 243, 225)" - }, - "light": { - "value": "rgb(52, 18, 0)" - } - }, - "orange-1600": { - "prop": "--spectrum-orange-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(25, 8, 0)" - } - }, - "orange-200": { - "prop": "--spectrum-orange-200", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(61, 21, 0)" - } - }, - "orange-300": { - "prop": "--spectrum-orange-300", - "light": { - "value": "rgb(255, 218, 158)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "orange-400": { - "prop": "--spectrum-orange-400", - "light": { - "value": "rgb(255, 193, 94)" - }, - "dark": { - "value": "rgb(106, 36, 0)" - } - }, - "orange-500": { - "prop": "--spectrum-orange-500", - "light": { - "value": "rgb(255, 162, 19)" - }, - "dark": { - "value": "rgb(135, 47, 0)" - } - }, - "orange-600": { - "prop": "--spectrum-orange-600", - "light": { - "value": "rgb(252, 125, 0)" - }, - "dark": { - "value": "rgb(162, 59, 0)" - } - }, - "orange-700": { - "prop": "--spectrum-orange-700", - "light": { - "value": "rgb(232, 106, 0)" - }, - "dark": { - "value": "rgb(185, 73, 0)" - } - }, - "orange-800": { - "prop": "--spectrum-orange-800", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(199, 82, 0)" - } - }, - "orange-900": { - "prop": "--spectrum-orange-900", - "light": { - "value": "rgb(194, 78, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "orange-background-color-default": { - "prop": "--spectrum-orange-background-color-default", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(252, 125, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "orange-subtle-background-color-default": { - "prop": "--spectrum-orange-subtle-background-color-default", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "orange-visual-color": { - "prop": "--spectrum-orange-visual-color", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(232, 106, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "overlay-color": { - "prop": "--spectrum-overlay-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "overlay-opacity": { - "prop": "--spectrum-overlay-opacity", - "light": { - "value": "0.4" - }, - "dark": { - "value": "0.6" - } - }, - "picker-border-width": { - "prop": "--spectrum-picker-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" - }, - "picker-end-edge-to-disclosure-icon-quiet": { - "prop": "--spectrum-picker-end-edge-to-disclosure-icon-quiet", - "value": "0px" - }, - "picker-end-edge-to-disclousure-icon-quiet": { - "prop": "--spectrum-picker-end-edge-to-disclousure-icon-quiet", - "ref": "var(--spectrum-picker-end-edge-to-disclosure-icon-quiet)", - "value": "0px" - }, - "picker-minimum-width-multiplier": { - "prop": "--spectrum-picker-minimum-width-multiplier", - "value": 2 - }, - "picker-visual-to-disclosure-icon-extra-large": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "picker-visual-to-disclosure-icon-large": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "picker-visual-to-disclosure-icon-medium": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "picker-visual-to-disclosure-icon-small": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "pink-100": { - "prop": "--spectrum-pink-100", - "dark": { - "value": "rgb(58, 0, 37)" - }, - "light": { - "value": "rgb(255, 246, 252)" - } - }, - "pink-1000": { - "prop": "--spectrum-pink-1000", - "dark": { - "value": "rgb(251, 90, 196)" - }, - "light": { - "value": "rgb(176, 31, 123)" - } - }, - "pink-1100": { - "prop": "--spectrum-pink-1100", - "dark": { - "value": "rgb(255, 122, 210)" - }, - "light": { - "value": "rgb(152, 22, 104)" - } - }, - "pink-1200": { - "prop": "--spectrum-pink-1200", - "dark": { - "value": "rgb(255, 159, 223)" - }, - "light": { - "value": "rgb(128, 12, 85)" - } - }, - "pink-1300": { - "prop": "--spectrum-pink-1300", - "dark": { - "value": "rgb(255, 191, 234)" - }, - "light": { - "value": "rgb(105, 3, 68)" - } - }, - "pink-1400": { - "prop": "--spectrum-pink-1400", - "dark": { - "value": "rgb(255, 219, 243)" - }, - "light": { - "value": "rgb(83, 0, 53)" - } - }, - "pink-1500": { - "prop": "--spectrum-pink-1500", - "dark": { - "value": "rgb(255, 241, 250)" - }, - "light": { - "value": "rgb(62, 0, 39)" - } - }, - "pink-1600": { - "prop": "--spectrum-pink-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(33, 0, 21)" - } - }, - "pink-200": { - "prop": "--spectrum-pink-200", - "dark": { - "value": "rgb(71, 0, 44)" - }, - "light": { - "value": "rgb(255, 232, 247)" - } - }, - "pink-300": { - "prop": "--spectrum-pink-300", - "dark": { - "value": "rgb(90, 0, 57)" - }, - "light": { - "value": "rgb(255, 211, 240)" - } - }, - "pink-400": { - "prop": "--spectrum-pink-400", - "dark": { - "value": "rgb(115, 7, 75)" - }, - "light": { - "value": "rgb(255, 181, 230)" - } - }, - "pink-500": { - "prop": "--spectrum-pink-500", - "dark": { - "value": "rgb(143, 18, 97)" - }, - "light": { - "value": "rgb(255, 148, 219)" - } - }, - "pink-600": { - "prop": "--spectrum-pink-600", - "dark": { - "value": "rgb(171, 29, 119)" - }, - "light": { - "value": "rgb(255, 103, 204)" - } - }, - "pink-700": { - "prop": "--spectrum-pink-700", - "dark": { - "value": "rgb(196, 39, 138)" - }, - "light": { - "value": "rgb(242, 76, 184)" - } - }, - "pink-800": { - "prop": "--spectrum-pink-800", - "dark": { - "value": "rgb(213, 45, 151)" - }, - "light": { - "value": "rgb(228, 52, 163)" - } - }, - "pink-900": { - "prop": "--spectrum-pink-900", - "dark": { - "value": "rgb(236, 67, 175)" - }, - "light": { - "value": "rgb(206, 42, 146)" - } - }, - "pink-background-color-default": { - "prop": "--spectrum-pink-background-color-default", - "ref": "var(--spectrum-pink-800)", - "light": { - "value": "rgb(206, 42, 146)" - }, - "dark": { - "value": "rgb(213, 45, 151)" - } - }, - "pink-subtle-background-color-default": { - "prop": "--spectrum-pink-subtle-background-color-default", - "ref": "var(--spectrum-pink-300)", - "light": { - "value": "rgb(255, 232, 247)" - }, - "dark": { - "value": "rgb(90, 0, 57)" - } - }, - "pink-visual-color": { - "prop": "--spectrum-pink-visual-color", - "ref": "var(--spectrum-pink-900)", - "light": { - "value": "rgb(228, 52, 163)" - }, - "dark": { - "value": "rgb(236, 67, 175)" - } - }, - "popover-border-color": { - "prop": "--spectrum-popover-border-color", - "light": { - "ref": "var(--spectrum-transparent-white-25)", - "value": "rgba(255, 255, 255, 0)" - }, - "ref": "var(--spectrum-gray-400)", - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "popover-border-opacity": { - "prop": "--spectrum-popover-border-opacity", - "light": { - "value": "0" - }, - "dark": { - "value": "1.0" - } - }, - "popover-edge-to-content-area": { - "prop": "--spectrum-popover-edge-to-content-area", - "ref": "var(--spectrum-spacing-100)", - "value": "8px" - }, - "popover-tip-height": { - "prop": "--spectrum-popover-tip-height", - "value": "8px" - }, - "popover-tip-width": { - "prop": "--spectrum-popover-tip-width", - "value": "16px" - }, - "popover-top-to-content-area": { - "prop": "--spectrum-popover-top-to-content-area", - "ref": "var(--spectrum-popover-edge-to-content-area)", - "value": "8px" - }, - "positive-background-color-default": { - "prop": "--spectrum-positive-background-color-default", - "ref": "var(--spectrum-positive-color-800)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "positive-background-color-down": { - "prop": "--spectrum-positive-background-color-down", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-background-color-hover": { - "prop": "--spectrum-positive-background-color-hover", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-background-color-key-focus": { - "prop": "--spectrum-positive-background-color-key-focus", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-color-100": { - "prop": "--spectrum-positive-color-100", - "ref": "var(--spectrum-green-100)", - "light": { - "value": "rgb(237, 252, 241)" - }, - "dark": { - "value": "rgb(0, 30, 23)" - } - }, - "positive-color-1000": { - "prop": "--spectrum-positive-color-1000", - "ref": "var(--spectrum-green-1000)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(14, 175, 98)" - } - }, - "positive-color-1100": { - "prop": "--spectrum-positive-color-1100", - "ref": "var(--spectrum-green-1100)", - "light": { - "value": "rgb(2, 93, 60)" - }, - "dark": { - "value": "rgb(24, 193, 110)" - } - }, - "positive-color-1200": { - "prop": "--spectrum-positive-color-1200", - "ref": "var(--spectrum-green-1200)", - "light": { - "value": "rgb(1, 76, 52)" - }, - "dark": { - "value": "rgb(57, 215, 134)" - } - }, - "positive-color-1300": { - "prop": "--spectrum-positive-color-1300", - "ref": "var(--spectrum-green-1300)", - "light": { - "value": "rgb(0, 61, 44)" - }, - "dark": { - "value": "rgb(126, 231, 172)" - } - }, - "positive-color-1400": { - "prop": "--spectrum-positive-color-1400", - "ref": "var(--spectrum-green-1400)", - "light": { - "value": "rgb(0, 46, 34)" - }, - "dark": { - "value": "rgb(189, 241, 208)" - } - }, - "positive-color-1500": { - "prop": "--spectrum-positive-color-1500", - "ref": "var(--spectrum-green-1500)", - "dark": { - "value": "rgb(229, 250, 236)" - }, - "light": { - "value": "rgb(0, 33, 25)" - } - }, - "positive-color-1600": { - "prop": "--spectrum-positive-color-1600", - "ref": "var(--spectrum-green-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 12)" - } - }, - "positive-color-200": { - "prop": "--spectrum-positive-color-200", - "ref": "var(--spectrum-green-200)", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 38, 29)" - } - }, - "positive-color-300": { - "prop": "--spectrum-positive-color-300", - "ref": "var(--spectrum-green-300)", - "light": { - "value": "rgb(173, 238, 197)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "positive-color-400": { - "prop": "--spectrum-positive-color-400", - "ref": "var(--spectrum-green-400)", - "light": { - "value": "rgb(107, 227, 162)" - }, - "dark": { - "value": "rgb(0, 68, 48)" - } - }, - "positive-color-500": { - "prop": "--spectrum-positive-color-500", - "ref": "var(--spectrum-green-500)", - "light": { - "value": "rgb(43, 209, 125)" - }, - "dark": { - "value": "rgb(2, 87, 58)" - } - }, - "positive-color-600": { - "prop": "--spectrum-positive-color-600", - "ref": "var(--spectrum-green-600)", - "light": { - "value": "rgb(18, 184, 103)" - }, - "dark": { - "value": "rgb(3, 106, 67)" - } - }, - "positive-color-700": { - "prop": "--spectrum-positive-color-700", - "ref": "var(--spectrum-green-700)", - "light": { - "value": "rgb(11, 164, 93)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-color-800": { - "prop": "--spectrum-positive-color-800", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "positive-color-900": { - "prop": "--spectrum-positive-color-900", - "ref": "var(--spectrum-green-900)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "positive-subtle-background-color-default": { - "prop": "--spectrum-positive-subtle-background-color-default", - "ref": "var(--spectrum-positive-color-300)", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "positive-visual-color": { - "prop": "--spectrum-positive-visual-color", - "ref": "var(--spectrum-positive-color-900)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "progress-bar-maximum-width": { - "prop": "--spectrum-progress-bar-maximum-width", - "value": "768px" - }, - "progress-bar-minimum-width": { - "prop": "--spectrum-progress-bar-minimum-width", - "value": "48px" - }, - "progress-bar-thickness-extra-large": { - "prop": "--spectrum-progress-bar-thickness-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "progress-bar-thickness-large": { - "prop": "--spectrum-progress-bar-thickness-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "progress-bar-thickness-medium": { - "prop": "--spectrum-progress-bar-thickness-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "progress-bar-thickness-small": { - "prop": "--spectrum-progress-bar-thickness-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "progress-circle-size-large": { - "prop": "--spectrum-progress-circle-size-large", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "progress-circle-size-medium": { - "prop": "--spectrum-progress-circle-size-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "progress-circle-size-small": { - "prop": "--spectrum-progress-circle-size-small", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "progress-circle-thickness-large": { - "prop": "--spectrum-progress-circle-thickness-large", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "progress-circle-thickness-medium": { - "prop": "--spectrum-progress-circle-thickness-medium", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "4px" - } - }, - "progress-circle-thickness-small": { - "prop": "--spectrum-progress-circle-thickness-small", - "desktop": { - "value": "2px" - }, - "mobile": { - "value": "3px" - } - }, - "purple-100": { - "prop": "--spectrum-purple-100", - "light": { - "value": "rgb(251, 247, 254)" - }, - "dark": { - "value": "rgb(41, 0, 79)" - } - }, - "purple-1000": { - "prop": "--spectrum-purple-1000", - "light": { - "value": "rgb(134, 40, 217)" - }, - "dark": { - "value": "rgb(186, 127, 237)" - } - }, - "purple-1100": { - "prop": "--spectrum-purple-1100", - "light": { - "value": "rgb(115, 13, 204)" - }, - "dark": { - "value": "rgb(197, 149, 240)" - } - }, - "purple-1200": { - "prop": "--spectrum-purple-1200", - "light": { - "value": "rgb(93, 0, 177)" - }, - "dark": { - "value": "rgb(212, 176, 244)" - } - }, - "purple-1300": { - "prop": "--spectrum-purple-1300", - "light": { - "value": "rgb(75, 0, 144)" - }, - "dark": { - "value": "rgb(225, 201, 247)" - } - }, - "purple-1400": { - "prop": "--spectrum-purple-1400", - "light": { - "value": "rgb(59, 0, 111)" - }, - "dark": { - "value": "rgb(238, 224, 250)" - } - }, - "purple-1500": { - "prop": "--spectrum-purple-1500", - "dark": { - "value": "rgb(248, 243, 253)" - }, - "light": { - "value": "rgb(44, 0, 84)" - } - }, - "purple-1600": { - "prop": "--spectrum-purple-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(23, 0, 45)" - } - }, - "purple-200": { - "prop": "--spectrum-purple-200", - "light": { - "value": "rgb(244, 235, 252)" - }, - "dark": { - "value": "rgb(50, 0, 96)" - } - }, - "purple-300": { - "prop": "--spectrum-purple-300", - "light": { - "value": "rgb(235, 218, 249)" - }, - "dark": { - "value": "rgb(64, 0, 122)" - } - }, - "purple-400": { - "prop": "--spectrum-purple-400", - "light": { - "value": "rgb(221, 193, 246)" - }, - "dark": { - "value": "rgb(83, 0, 159)" - } - }, - "purple-500": { - "prop": "--spectrum-purple-500", - "light": { - "value": "rgb(208, 167, 243)" - }, - "dark": { - "value": "rgb(107, 6, 195)" - } - }, - "purple-600": { - "prop": "--spectrum-purple-600", - "light": { - "value": "rgb(191, 138, 238)" - }, - "dark": { - "value": "rgb(130, 34, 215)" - } - }, - "purple-700": { - "prop": "--spectrum-purple-700", - "light": { - "value": "rgb(178, 114, 235)" - }, - "dark": { - "value": "rgb(148, 62, 224)" - } - }, - "purple-800": { - "prop": "--spectrum-purple-800", - "light": { - "value": "rgb(166, 92, 231)" - }, - "dark": { - "value": "rgb(157, 78, 228)" - } - }, - "purple-900": { - "prop": "--spectrum-purple-900", - "light": { - "value": "rgb(154, 71, 226)" - }, - "dark": { - "value": "rgb(173, 105, 233)" - } - }, - "purple-background-color-default": { - "prop": "--spectrum-purple-background-color-default", - "ref": "var(--spectrum-purple-800)", - "light": { - "value": "rgb(154, 71, 226)" - }, - "dark": { - "value": "rgb(157, 78, 228)" - } - }, - "purple-subtle-background-color-default": { - "prop": "--spectrum-purple-subtle-background-color-default", - "ref": "var(--spectrum-purple-300)", - "light": { - "value": "rgb(244, 235, 252)" - }, - "dark": { - "value": "rgb(64, 0, 122)" - } - }, - "purple-visual-color": { - "prop": "--spectrum-purple-visual-color", - "ref": "var(--spectrum-purple-900)", - "light": { - "value": "rgb(166, 92, 231)" - }, - "dark": { - "value": "rgb(173, 105, 233)" - } - }, - "radio-button-control-size-extra-large": { - "prop": "--spectrum-radio-button-control-size-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "radio-button-control-size-large": { - "prop": "--spectrum-radio-button-control-size-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "radio-button-control-size-medium": { - "prop": "--spectrum-radio-button-control-size-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "radio-button-control-size-small": { - "prop": "--spectrum-radio-button-control-size-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "radio-button-selection-indicator": { - "prop": "--spectrum-radio-button-selection-indicator", - "value": "4px" - }, - "radio-button-top-to-control-extra-large": { - "prop": "--spectrum-radio-button-top-to-control-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "radio-button-top-to-control-large": { - "prop": "--spectrum-radio-button-top-to-control-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "radio-button-top-to-control-medium": { - "prop": "--spectrum-radio-button-top-to-control-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "radio-button-top-to-control-small": { - "prop": "--spectrum-radio-button-top-to-control-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "rating-bottom-to-content-area-medium": { - "prop": "--spectrum-rating-bottom-to-content-area-medium", - "value": "6px" - }, - "rating-bottom-to-content-area-small": { - "prop": "--spectrum-rating-bottom-to-content-area-small", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" - }, - "rating-edge-to-content-area-medium": { - "prop": "--spectrum-rating-edge-to-content-area-medium", - "value": "6px" - }, - "rating-edge-to-content-area-small": { - "prop": "--spectrum-rating-edge-to-content-area-small", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" - }, - "rating-height-medium": { - "prop": "--spectrum-rating-height-medium", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "rating-height-small": { - "prop": "--spectrum-rating-height-small", - "ref": "var(--spectrum-component-height-75)", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "rating-indicator-to-icon": { - "prop": "--spectrum-rating-indicator-to-icon", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "rating-indicator-width": { - "prop": "--spectrum-rating-indicator-width", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "rating-top-to-content-area-medium": { - "prop": "--spectrum-rating-top-to-content-area-medium", - "value": "6px" - }, - "rating-top-to-content-area-small": { - "prop": "--spectrum-rating-top-to-content-area-small", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" - }, - "rating-width-medium": { - "prop": "--spectrum-rating-width-medium", - "value": "128px" - }, - "rating-width-small": { - "prop": "--spectrum-rating-width-small", - "value": "104px" - }, - "red-100": { - "prop": "--spectrum-red-100", - "light": { - "value": "rgb(255, 246, 245)" - }, - "dark": { - "value": "rgb(54, 10, 3)" - } - }, - "red-1000": { - "prop": "--spectrum-red-1000", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "red-1100": { - "prop": "--spectrum-red-1100", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "red-1200": { - "prop": "--spectrum-red-1200", - "light": { - "value": "rgb(129, 27, 14)" - }, - "dark": { - "value": "rgb(255, 167, 157)" - } - }, - "red-1300": { - "prop": "--spectrum-red-1300", - "light": { - "value": "rgb(104, 21, 10)" - }, - "dark": { - "value": "rgb(255, 196, 189)" - } - }, - "red-1400": { - "prop": "--spectrum-red-1400", - "light": { - "value": "rgb(80, 16, 6)" - }, - "dark": { - "value": "rgb(255, 222, 219)" - } - }, - "red-1500": { - "prop": "--spectrum-red-1500", - "dark": { - "value": "rgb(255, 242, 240)" - }, - "light": { - "value": "rgb(59, 11, 4)" - } - }, - "red-1600": { - "prop": "--spectrum-red-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(29, 5, 2)" - } - }, - "red-200": { - "prop": "--spectrum-red-200", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(68, 13, 5)" - } - }, - "red-300": { - "prop": "--spectrum-red-300", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "red-400": { - "prop": "--spectrum-red-400", - "light": { - "value": "rgb(255, 188, 180)" - }, - "dark": { - "value": "rgb(115, 24, 11)" - } - }, - "red-500": { - "prop": "--spectrum-red-500", - "light": { - "value": "rgb(255, 157, 145)" - }, - "dark": { - "value": "rgb(147, 31, 17)" - } - }, - "red-600": { - "prop": "--spectrum-red-600", - "light": { - "value": "rgb(255, 118, 101)" - }, - "dark": { - "value": "rgb(177, 38, 23)" - } - }, - "red-700": { - "prop": "--spectrum-red-700", - "light": { - "value": "rgb(255, 81, 61)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "red-800": { - "prop": "--spectrum-red-800", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "red-900": { - "prop": "--spectrum-red-900", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "red-background-color-default": { - "prop": "--spectrum-red-background-color-default", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "red-subtle-background-color-default": { - "prop": "--spectrum-red-subtle-background-color-default", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "red-visual-color": { - "prop": "--spectrum-red-visual-color", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "regular-font-weight": { - "prop": "--spectrum-regular-font-weight", - "ref": "regular", - "value": "400" - }, - "sans-serif-font-family": { - "prop": "--spectrum-sans-serif-font-family", - "value": "Adobe Clean" - }, - "seafoam-100": { - "prop": "--spectrum-seafoam-100", - "light": { - "value": "rgb(235, 251, 246)" - }, - "dark": { - "value": "rgb(0, 30, 27)" - } - }, - "seafoam-1000": { - "prop": "--spectrum-seafoam-1000", - "light": { - "value": "rgb(5, 108, 92)" - }, - "dark": { - "value": "rgb(12, 173, 142)" - } - }, - "seafoam-1100": { - "prop": "--spectrum-seafoam-1100", - "light": { - "value": "rgb(3, 92, 80)" - }, - "dark": { - "value": "rgb(14, 190, 156)" - } - }, - "seafoam-1200": { - "prop": "--spectrum-seafoam-1200", - "light": { - "value": "rgb(1, 75, 67)" - }, - "dark": { - "value": "rgb(29, 214, 176)" - } - }, - "seafoam-1300": { - "prop": "--spectrum-seafoam-1300", - "light": { - "value": "rgb(0, 60, 54)" - }, - "dark": { - "value": "rgb(122, 229, 203)" - } - }, - "seafoam-1400": { - "prop": "--spectrum-seafoam-1400", - "light": { - "value": "rgb(0, 46, 40)" - }, - "dark": { - "value": "rgb(186, 241, 222)" - } - }, - "seafoam-1500": { - "prop": "--spectrum-seafoam-1500", - "dark": { - "value": "rgb(229, 249, 243)" - }, - "light": { - "value": "rgb(0, 33, 29)" - } - }, - "seafoam-1600": { - "prop": "--spectrum-seafoam-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 14)" - } - }, - "seafoam-200": { - "prop": "--spectrum-seafoam-200", - "light": { - "value": "rgb(211, 246, 234)" - }, - "dark": { - "value": "rgb(0, 39, 35)" - } - }, - "seafoam-300": { - "prop": "--spectrum-seafoam-300", - "light": { - "value": "rgb(169, 237, 216)" - }, - "dark": { - "value": "rgb(0, 50, 44)" - } - }, - "seafoam-400": { - "prop": "--spectrum-seafoam-400", - "light": { - "value": "rgb(92, 225, 194)" - }, - "dark": { - "value": "rgb(0, 67, 59)" - } - }, - "seafoam-500": { - "prop": "--spectrum-seafoam-500", - "light": { - "value": "rgb(16, 207, 169)" - }, - "dark": { - "value": "rgb(2, 86, 75)" - } - }, - "seafoam-600": { - "prop": "--spectrum-seafoam-600", - "light": { - "value": "rgb(13, 181, 149)" - }, - "dark": { - "value": "rgb(4, 105, 89)" - } - }, - "seafoam-700": { - "prop": "--spectrum-seafoam-700", - "light": { - "value": "rgb(11, 162, 134)" - }, - "dark": { - "value": "rgb(6, 122, 103)" - } - }, - "seafoam-800": { - "prop": "--spectrum-seafoam-800", - "light": { - "value": "rgb(9, 144, 120)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "seafoam-900": { - "prop": "--spectrum-seafoam-900", - "light": { - "value": "rgb(7, 129, 109)" - }, - "dark": { - "value": "rgb(10, 154, 128)" - } - }, - "seafoam-background-color-default": { - "prop": "--spectrum-seafoam-background-color-default", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(7, 129, 109)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "seafoam-subtle-background-color-default": { - "prop": "--spectrum-seafoam-subtle-background-color-default", - "ref": "var(--spectrum-seafoam-300)", - "light": { - "value": "rgb(211, 246, 234)" - }, - "dark": { - "value": "rgb(0, 50, 44)" - } - }, - "seafoam-visual-color": { - "prop": "--spectrum-seafoam-visual-color", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(11, 162, 134)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "search-field-minimum-width-multiplier": { - "prop": "--spectrum-search-field-minimum-width-multiplier", - "value": 4 - }, - "segmented-control-item-height": { - "prop": "--spectrum-segmented-control-item-height", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "segmented-control-item-maximum-width": { - "prop": "--spectrum-segmented-control-item-maximum-width", - "value": "265px" - }, - "segmented-control-selection-border-width": { - "prop": "--spectrum-segmented-control-selection-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" - }, - "segmented-text-field-gap": { - "prop": "--spectrum-segmented-text-field-gap", - "value": "0px" - }, - "segmented-text-field-rounding": { - "prop": "--spectrum-segmented-text-field-rounding", - "value": "2px" - }, - "select-box-edge-to-checkbox": { - "prop": "--spectrum-select-box-edge-to-checkbox", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "select-box-horizontal-end-to-content": { - "prop": "--spectrum-select-box-horizontal-end-to-content", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "select-box-horizontal-illustration-to-label": { - "prop": "--spectrum-select-box-horizontal-illustration-to-label", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "select-box-horizontal-label-to-description": { - "prop": "--spectrum-select-box-horizontal-label-to-description", - "desktop": { - "value": "2px" - }, - "mobile": { - "value": "3px" - } - }, - "select-box-horizontal-minimum-height": { - "prop": "--spectrum-select-box-horizontal-minimum-height", - "desktop": { - "value": "80px" - }, - "mobile": { - "value": "100px" - } - }, - "select-box-horizontal-start-to-content": { - "prop": "--spectrum-select-box-horizontal-start-to-content", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "select-box-horizontal-top-to-content": { - "prop": "--spectrum-select-box-horizontal-top-to-content", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "select-box-horizontal-width": { - "prop": "--spectrum-select-box-horizontal-width", - "desktop": { - "value": "368px" - }, - "mobile": { - "value": "460px" - } - }, - "select-box-selected-border-color": { - "prop": "--spectrum-select-box-selected-border-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "select-box-top-to-checkbox": { - "prop": "--spectrum-select-box-top-to-checkbox", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "select-box-vertical-edge-to-content": { - "prop": "--spectrum-select-box-vertical-edge-to-content", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "select-box-vertical-height": { - "prop": "--spectrum-select-box-vertical-height", - "desktop": { - "value": "170px" - }, - "mobile": { - "value": "212px" - } - }, - "select-box-vertical-illustration-to-label": { - "prop": "--spectrum-select-box-vertical-illustration-to-label", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "serif-font-family": { - "prop": "--spectrum-serif-font-family", - "value": "Adobe Clean Serif" - }, - "side-focus-indicator": { - "prop": "--spectrum-side-focus-indicator", - "value": "4px" - }, - "side-label-character-count-to-field": { - "prop": "--spectrum-side-label-character-count-to-field", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "side-label-character-count-top-margin-extra-large": { - "prop": "--spectrum-side-label-character-count-top-margin-extra-large", - "value": "0px" - }, - "side-label-character-count-top-margin-large": { - "prop": "--spectrum-side-label-character-count-top-margin-large", - "value": "0px" - }, - "side-label-character-count-top-margin-medium": { - "prop": "--spectrum-side-label-character-count-top-margin-medium", - "value": "0px" - }, - "side-label-character-count-top-margin-small": { - "prop": "--spectrum-side-label-character-count-top-margin-small", - "value": "0px" - }, - "side-navigation-bottom-to-text": { - "prop": "--spectrum-side-navigation-bottom-to-text", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "side-navigation-header-to-item": { - "prop": "--spectrum-side-navigation-header-to-item", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "side-navigation-item-to-header": { - "prop": "--spectrum-side-navigation-item-to-header", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "side-navigation-item-to-item": { - "prop": "--spectrum-side-navigation-item-to-item", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "side-navigation-maximum-width": { - "prop": "--spectrum-side-navigation-maximum-width", - "desktop": { - "value": "240px" - }, - "mobile": { - "value": "300px" - } - }, - "side-navigation-minimum-width": { - "prop": "--spectrum-side-navigation-minimum-width", - "desktop": { - "value": "160px" - }, - "mobile": { - "value": "200px" - } - }, - "side-navigation-second-level-edge-to-text": { - "prop": "--spectrum-side-navigation-second-level-edge-to-text", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "side-navigation-third-level-edge-to-text": { - "prop": "--spectrum-side-navigation-third-level-edge-to-text", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "45px" - } - }, - "side-navigation-width": { - "prop": "--spectrum-side-navigation-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "side-navigation-with-icon-second-level-edge-to-text": { - "prop": "--spectrum-side-navigation-with-icon-second-level-edge-to-text", - "desktop": { - "value": "50px" - }, - "mobile": { - "value": "62px" - } - }, - "side-navigation-with-icon-third-level-edge-to-text": { - "prop": "--spectrum-side-navigation-with-icon-third-level-edge-to-text", - "desktop": { - "value": "62px" - }, - "mobile": { - "value": "77px" - } - }, - "silver-100": { - "prop": "--spectrum-silver-100", - "dark": { - "value": "rgb(26, 26, 26)" - }, - "light": { - "value": "rgb(247, 247, 247)" - } - }, - "silver-1000": { - "prop": "--spectrum-silver-1000", - "dark": { - "value": "rgb(152, 152, 152)" - }, - "light": { - "value": "rgb(96, 96, 96)" - } - }, - "silver-1100": { - "prop": "--spectrum-silver-1100", - "dark": { - "value": "rgb(169, 169, 169)" - }, - "light": { - "value": "rgb(81, 81, 81)" - } - }, - "silver-1200": { - "prop": "--spectrum-silver-1200", - "dark": { - "value": "rgb(190, 190, 190)" - }, - "light": { - "value": "rgb(66, 66, 66)" - } - }, - "silver-1300": { - "prop": "--spectrum-silver-1300", - "dark": { - "value": "rgb(211, 211, 211)" - }, - "light": { - "value": "rgb(52, 52, 52)" - } - }, - "silver-1400": { - "prop": "--spectrum-silver-1400", - "dark": { - "value": "rgb(229, 229, 229)" - }, - "light": { - "value": "rgb(39, 39, 39)" - } - }, - "silver-1500": { - "prop": "--spectrum-silver-1500", - "dark": { - "value": "rgb(244, 244, 244)" - }, - "light": { - "value": "rgb(28, 28, 28)" - } - }, - "silver-1600": { - "prop": "--spectrum-silver-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(12, 12, 12)" - } - }, - "silver-200": { - "prop": "--spectrum-silver-200", - "dark": { - "value": "rgb(33, 33, 33)" - }, - "light": { - "value": "rgb(239, 239, 239)" - } - }, - "silver-300": { - "prop": "--spectrum-silver-300", - "dark": { - "value": "rgb(44, 44, 44)" - }, - "light": { - "value": "rgb(223, 223, 223)" - } - }, - "silver-400": { - "prop": "--spectrum-silver-400", - "dark": { - "value": "rgb(59, 59, 59)" - }, - "light": { - "value": "rgb(204, 204, 204)" - } - }, - "silver-500": { - "prop": "--spectrum-silver-500", - "dark": { - "value": "rgb(76, 76, 76)" - }, - "light": { - "value": "rgb(183, 183, 183)" - } - }, - "silver-600": { - "prop": "--spectrum-silver-600", - "dark": { - "value": "rgb(92, 92, 92)" - }, - "light": { - "value": "rgb(160, 160, 160)" - } - }, - "silver-700": { - "prop": "--spectrum-silver-700", - "dark": { - "value": "rgb(108, 108, 108)" - }, - "light": { - "value": "rgb(143, 143, 143)" - } - }, - "silver-800": { - "prop": "--spectrum-silver-800", - "dark": { - "value": "rgb(118, 118, 118)" - }, - "light": { - "value": "rgb(128, 128, 128)" - } - }, - "silver-900": { - "prop": "--spectrum-silver-900", - "dark": { - "value": "rgb(137, 137, 137)" - }, - "light": { - "value": "rgb(114, 114, 114)" - } - }, - "silver-background-color-default": { - "prop": "--spectrum-silver-background-color-default", - "ref": "var(--spectrum-silver-800)", - "light": { - "value": "rgb(114, 114, 114)" - }, - "dark": { - "value": "rgb(118, 118, 118)" - } - }, - "silver-subtle-background-color-default": { - "prop": "--spectrum-silver-subtle-background-color-default", - "ref": "var(--spectrum-silver-300)", - "light": { - "value": "rgb(239, 239, 239)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "silver-visual-color": { - "prop": "--spectrum-silver-visual-color", - "ref": "var(--spectrum-silver-900)", - "light": { - "value": "rgb(128, 128, 128)" - }, - "dark": { - "value": "rgb(137, 137, 137)" - } - }, - "single-calendar-popover-minimum-height": { - "prop": "--spectrum-single-calendar-popover-minimum-height", - "value": "320px" - }, - "single-calendar-popover-minimum-width": { - "prop": "--spectrum-single-calendar-popover-minimum-width", - "value": "320px" - }, - "slider-bottom-to-handle-extra-large": { - "prop": "--spectrum-slider-bottom-to-handle-extra-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "slider-bottom-to-handle-large": { - "prop": "--spectrum-slider-bottom-to-handle-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "slider-bottom-to-handle-medium": { - "prop": "--spectrum-slider-bottom-to-handle-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "slider-bottom-to-handle-small": { - "prop": "--spectrum-slider-bottom-to-handle-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "slider-control-height-extra-large": { - "prop": "--spectrum-slider-control-height-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "slider-control-height-large": { - "prop": "--spectrum-slider-control-height-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "slider-control-height-medium": { - "prop": "--spectrum-slider-control-height-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-control-height-small": { - "prop": "--spectrum-slider-control-height-small", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "slider-control-to-field-label-editable-extra-large": { - "prop": "--spectrum-slider-control-to-field-label-editable-extra-large", - "desktop": { - "value": "-20px" - }, - "mobile": { - "value": "-24px" - } - }, - "slider-control-to-field-label-editable-large": { - "prop": "--spectrum-slider-control-to-field-label-editable-large", - "desktop": { - "value": "-16px" - }, - "mobile": { - "value": "-20px" - } - }, - "slider-control-to-field-label-editable-medium": { - "prop": "--spectrum-slider-control-to-field-label-editable-medium", - "desktop": { - "value": "-12px" - }, - "mobile": { - "value": "-16px" - } - }, - "slider-control-to-field-label-editable-small": { - "prop": "--spectrum-slider-control-to-field-label-editable-small", - "desktop": { - "value": "-4px" - }, - "mobile": { - "value": "-8px" - } - }, - "slider-control-to-field-label-extra-large": { - "prop": "--spectrum-slider-control-to-field-label-extra-large", - "desktop": { - "value": "-20px" - }, - "mobile": { - "value": "-28px" - } - }, - "slider-control-to-field-label-large": { - "prop": "--spectrum-slider-control-to-field-label-large", - "desktop": { - "value": "-16px" - }, - "mobile": { - "value": "-20px" - } - }, - "slider-control-to-field-label-medium": { - "prop": "--spectrum-slider-control-to-field-label-medium", - "desktop": { - "value": "-12px" - }, - "mobile": { - "value": "-16px" - } - }, - "slider-control-to-field-label-side-extra-large": { - "prop": "--spectrum-slider-control-to-field-label-side-extra-large", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "28px" - } - }, - "slider-control-to-field-label-side-large": { - "prop": "--spectrum-slider-control-to-field-label-side-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "slider-control-to-field-label-side-medium": { - "prop": "--spectrum-slider-control-to-field-label-side-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-control-to-field-label-side-small": { - "prop": "--spectrum-slider-control-to-field-label-side-small", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-control-to-field-label-small": { - "prop": "--spectrum-slider-control-to-field-label-small", - "desktop": { - "value": "-4px" - }, - "mobile": { - "value": "-8px" - } - }, - "slider-control-to-text-field-extra-large": { - "prop": "--spectrum-slider-control-to-text-field-extra-large", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "28px" - } - }, - "slider-control-to-text-field-large": { - "prop": "--spectrum-slider-control-to-text-field-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "slider-control-to-text-field-medium": { - "prop": "--spectrum-slider-control-to-text-field-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-control-to-text-field-small": { - "prop": "--spectrum-slider-control-to-text-field-small", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-handle-border-width-down-extra-large": { - "prop": "--spectrum-slider-handle-border-width-down-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "slider-handle-border-width-down-large": { - "prop": "--spectrum-slider-handle-border-width-down-large", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "slider-handle-border-width-down-medium": { - "prop": "--spectrum-slider-handle-border-width-down-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "slider-handle-border-width-down-small": { - "prop": "--spectrum-slider-handle-border-width-down-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "slider-handle-extra-large": { - "prop": "--spectrum-slider-handle-extra-large", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "slider-handle-gap": { - "prop": "--spectrum-slider-handle-gap", - "value": "4px" - }, - "slider-handle-height-precision-extra-large": { - "prop": "--spectrum-slider-handle-height-precision-extra-large", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "32px" - } - }, - "slider-handle-height-precision-large": { - "prop": "--spectrum-slider-handle-height-precision-large", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "slider-handle-height-precision-medium": { - "prop": "--spectrum-slider-handle-height-precision-medium", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "26px" - } - }, - "slider-handle-height-precision-small": { - "prop": "--spectrum-slider-handle-height-precision-small", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "slider-handle-large": { - "prop": "--spectrum-slider-handle-large", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "28px" - } - }, - "slider-handle-medium": { - "prop": "--spectrum-slider-handle-medium", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "slider-handle-precision-width": { - "prop": "--spectrum-slider-handle-precision-width", - "value": "6px" - }, - "slider-handle-size-extra-large": { - "prop": "--spectrum-slider-handle-size-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "slider-handle-size-large": { - "prop": "--spectrum-slider-handle-size-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "slider-handle-size-medium": { - "prop": "--spectrum-slider-handle-size-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-handle-size-small": { - "prop": "--spectrum-slider-handle-size-small", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "slider-handle-small": { - "prop": "--spectrum-slider-handle-small", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "slider-track-height-large": { - "prop": "--spectrum-slider-track-height-large", - "value": "16px" - }, - "slider-track-height-medium": { - "prop": "--spectrum-slider-track-height-medium", - "value": "4px" - }, - "slider-track-thickness": { - "prop": "--spectrum-slider-track-thickness", - "value": "2px" - }, - "spacing-100": { - "prop": "--spectrum-spacing-100", - "value": "8px" - }, - "spacing-1000": { - "prop": "--spectrum-spacing-1000", - "value": "96px" - }, - "spacing-200": { - "prop": "--spectrum-spacing-200", - "value": "12px" - }, - "spacing-300": { - "prop": "--spectrum-spacing-300", - "value": "16px" - }, - "spacing-400": { - "prop": "--spectrum-spacing-400", - "value": "24px" - }, - "spacing-50": { - "prop": "--spectrum-spacing-50", - "value": "2px" - }, - "spacing-500": { - "prop": "--spectrum-spacing-500", - "value": "32px" - }, - "spacing-600": { - "prop": "--spectrum-spacing-600", - "value": "40px" - }, - "spacing-700": { - "prop": "--spectrum-spacing-700", - "value": "48px" - }, - "spacing-75": { - "prop": "--spectrum-spacing-75", - "value": "4px" - }, - "spacing-800": { - "prop": "--spectrum-spacing-800", - "value": "64px" - }, - "spacing-900": { - "prop": "--spectrum-spacing-900", - "value": "80px" - }, - "stack-item-action-to-navigation": { - "prop": "--spectrum-stack-item-action-to-navigation", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "stack-item-background-color-down": { - "prop": "--spectrum-stack-item-background-color-down", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "stack-item-background-color-hover": { - "prop": "--spectrum-stack-item-background-color-hover", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "stack-item-background-color-key-focus": { - "prop": "--spectrum-stack-item-background-color-key-focus", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "stack-item-drag-handle-to-control": { - "prop": "--spectrum-stack-item-drag-handle-to-control", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "stack-item-edge-to-control": { - "prop": "--spectrum-stack-item-edge-to-control", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "stack-item-edge-to-visual": { - "prop": "--spectrum-stack-item-edge-to-visual", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "stack-item-header-minimum-width": { - "prop": "--spectrum-stack-item-header-minimum-width", - "desktop": { - "value": "200px" - }, - "mobile": { - "value": "240px" - } - }, - "stack-item-header-to-item": { - "prop": "--spectrum-stack-item-header-to-item", - "value": "0px" - }, - "stack-item-item-to-item": { - "prop": "--spectrum-stack-item-item-to-item", - "value": "-1px" - }, - "stack-item-selected-background-color-default": { - "prop": "--spectrum-stack-item-selected-background-color-default", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "stack-item-selected-background-color-down": { - "prop": "--spectrum-stack-item-selected-background-color-down", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "stack-item-selected-background-color-emphasized": { - "prop": "--spectrum-stack-item-selected-background-color-emphasized", - "ref": "var(--spectrum-accent-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "stack-item-selected-background-color-hover": { - "prop": "--spectrum-stack-item-selected-background-color-hover", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "stack-item-selected-background-color-key-focus": { - "prop": "--spectrum-stack-item-selected-background-color-key-focus", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "stack-item-selected-background-opacity-emphasized": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized", - "value": "0.1" - }, - "stack-item-selected-background-opacity-emphasized-down": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-down", - "value": "0.15" - }, - "stack-item-selected-background-opacity-emphasized-hover": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-hover", - "value": "0.15" - }, - "stack-item-selected-background-opacity-emphasized-key-focus": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-key-focus", - "value": "0.15" - }, - "stack-item-start-edge-to-content": { - "prop": "--spectrum-stack-item-start-edge-to-content", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "stack-item-text-to-control": { - "prop": "--spectrum-stack-item-text-to-control", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "standard-dialog-body-font-size": { - "prop": "--spectrum-standard-dialog-body-font-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "standard-dialog-maximum-width-large": { - "prop": "--spectrum-standard-dialog-maximum-width-large", - "value": "640px" - }, - "standard-dialog-maximum-width-medium": { - "prop": "--spectrum-standard-dialog-maximum-width-medium", - "value": "480px" - }, - "standard-dialog-maximum-width-small": { - "prop": "--spectrum-standard-dialog-maximum-width-small", - "value": "400px" - }, - "standard-dialog-minimum-width": { - "prop": "--spectrum-standard-dialog-minimum-width", - "value": "288px" - }, - "standard-dialog-title-font-size": { - "prop": "--spectrum-standard-dialog-title-font-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } - }, - "standard-panel-edge-to-close-button-compact": { - "prop": "--spectrum-standard-panel-edge-to-close-button-compact", - "value": "3px" - }, - "standard-panel-edge-to-close-button-regular": { - "prop": "--spectrum-standard-panel-edge-to-close-button-regular", - "value": "7px" - }, - "standard-panel-edge-to-close-button-spacious": { - "prop": "--spectrum-standard-panel-edge-to-close-button-spacious", - "value": "15px" - }, - "standard-panel-gripper-color": { - "prop": "--spectrum-standard-panel-gripper-color", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "standard-panel-gripper-color-drag": { - "prop": "--spectrum-standard-panel-gripper-color-drag", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "standard-panel-maximum-width": { - "prop": "--spectrum-standard-panel-maximum-width", - "value": "400px" - }, - "standard-panel-minimum-width": { - "prop": "--spectrum-standard-panel-minimum-width", - "value": "200px" - }, - "standard-panel-title-font-size": { - "prop": "--spectrum-standard-panel-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "standard-panel-top-to-close-button-compact": { - "prop": "--spectrum-standard-panel-top-to-close-button-compact", - "value": "5px" - }, - "standard-panel-top-to-close-button-regular": { - "prop": "--spectrum-standard-panel-top-to-close-button-regular", - "value": "9px" - }, - "standard-panel-top-to-close-button-spacious": { - "prop": "--spectrum-standard-panel-top-to-close-button-spacious", - "value": "17px" - }, - "standard-panel-width": { - "prop": "--spectrum-standard-panel-width", - "value": "260px" - }, - "static-black-focus-indicator-color": { - "prop": "--spectrum-static-black-focus-indicator-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "static-black-text-color": { - "prop": "--spectrum-static-black-text-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "static-black-track-color": { - "prop": "--spectrum-static-black-track-color", - "ref": "var(--spectrum-transparent-black-300)", - "value": "rgba(0, 0, 0, 0.15)" - }, - "static-black-track-indicator-color": { - "prop": "--spectrum-static-black-track-indicator-color", - "ref": "var(--spectrum-transparent-black-900)", - "value": "rgba(0, 0, 0, 0.93)" - }, - "static-blue-1000": { - "prop": "--spectrum-static-blue-1000", - "value": "rgb(39, 77, 234)" - }, - "static-blue-900": { - "prop": "--spectrum-static-blue-900", - "value": "rgb(59, 99, 251)" - }, - "static-fuchsia-1000": { - "prop": "--spectrum-static-fuchsia-1000", - "value": "rgb(156, 40, 175)" - }, - "static-fuchsia-900": { - "prop": "--spectrum-static-fuchsia-900", - "value": "rgb(181, 57, 200)" - }, - "static-indigo-1000": { - "prop": "--spectrum-static-indigo-1000", - "value": "rgb(99, 56, 238)" - }, - "static-indigo-900": { - "prop": "--spectrum-static-indigo-900", - "value": "rgb(113, 85, 250)" - }, - "static-magenta-1000": { - "prop": "--spectrum-static-magenta-1000", - "value": "rgb(186, 22, 80)" - }, - "static-magenta-900": { - "prop": "--spectrum-static-magenta-900", - "value": "rgb(217, 35, 97)" - }, - "static-red-1000": { - "prop": "--spectrum-static-red-1000", - "value": "rgb(183, 40, 24)" - }, - "static-red-900": { - "prop": "--spectrum-static-red-900", - "value": "rgb(215, 50, 32)" - }, - "static-white-focus-indicator-color": { - "prop": "--spectrum-static-white-focus-indicator-color", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" - }, - "static-white-text-color": { - "prop": "--spectrum-static-white-text-color", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" - }, - "static-white-track-color": { - "prop": "--spectrum-static-white-track-color", - "ref": "var(--spectrum-transparent-white-300)", - "value": "rgba(255, 255, 255, 0.17)" - }, - "static-white-track-indicator-color": { - "prop": "--spectrum-static-white-track-indicator-color", - "ref": "var(--spectrum-transparent-white-900)", - "value": "rgba(255, 255, 255, 0.94)" - }, - "status-light-dot-size-extra-large": { - "prop": "--spectrum-status-light-dot-size-extra-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "status-light-dot-size-large": { - "prop": "--spectrum-status-light-dot-size-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "status-light-dot-size-medium": { - "prop": "--spectrum-status-light-dot-size-medium", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "status-light-dot-size-small": { - "prop": "--spectrum-status-light-dot-size-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "status-light-text-to-visual-100": { - "prop": "--spectrum-status-light-text-to-visual-100", - "ref": "var(--spectrum-text-to-visual-100)", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "status-light-text-to-visual-200": { - "prop": "--spectrum-status-light-text-to-visual-200", - "ref": "var(--spectrum-text-to-visual-200)", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "status-light-text-to-visual-300": { - "prop": "--spectrum-status-light-text-to-visual-300", - "ref": "var(--spectrum-text-to-visual-300)", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "status-light-text-to-visual-75": { - "prop": "--spectrum-status-light-text-to-visual-75", - "ref": "var(--spectrum-text-to-visual-75)", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "status-light-top-to-dot-extra-large": { - "prop": "--spectrum-status-light-top-to-dot-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "status-light-top-to-dot-large": { - "prop": "--spectrum-status-light-top-to-dot-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "status-light-top-to-dot-medium": { - "prop": "--spectrum-status-light-top-to-dot-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "status-light-top-to-dot-small": { - "prop": "--spectrum-status-light-top-to-dot-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "steplist-bottom-to-text": { - "prop": "--spectrum-steplist-bottom-to-text", - "value": "1px" - }, - "steplist-step-default-height-extra-large": { - "prop": "--spectrum-steplist-step-default-height-extra-large", - "value": "78px" - }, - "steplist-step-default-height-large": { - "prop": "--spectrum-steplist-step-default-height-large", - "value": "70px" - }, - "steplist-step-default-height-medium": { - "prop": "--spectrum-steplist-step-default-height-medium", - "value": "54px" - }, - "steplist-step-default-height-small": { - "prop": "--spectrum-steplist-step-default-height-small", - "value": "46px" - }, - "steplist-step-default-width-extra-large": { - "prop": "--spectrum-steplist-step-default-width-extra-large", - "value": "78px" - }, - "steplist-step-default-width-large": { - "prop": "--spectrum-steplist-step-default-width-large", - "value": "70px" - }, - "steplist-step-default-width-medium": { - "prop": "--spectrum-steplist-step-default-width-medium", - "value": "54px" - }, - "steplist-step-default-width-small": { - "prop": "--spectrum-steplist-step-default-width-small", - "value": "46px" - }, - "steplist-step-to-track-size-extra-large": { - "prop": "--spectrum-steplist-step-to-track-size-extra-large", - "value": "9px" - }, - "steplist-step-to-track-size-large": { - "prop": "--spectrum-steplist-step-to-track-size-large", - "value": "8px" - }, - "steplist-step-to-track-size-medium": { - "prop": "--spectrum-steplist-step-to-track-size-medium", - "value": "7px" - }, - "steplist-step-to-track-size-small": { - "prop": "--spectrum-steplist-step-to-track-size-small", - "value": "6px" - }, - "steplist-track-thickness-medium": { - "prop": "--spectrum-steplist-track-thickness-medium", - "value": "2px" - }, - "steplist-visual-size-extra-large": { - "prop": "--spectrum-steplist-visual-size-extra-large", - "value": "32px" - }, - "steplist-visual-size-large": { - "prop": "--spectrum-steplist-visual-size-large", - "value": "24px" - }, - "steplist-visual-size-medium": { - "prop": "--spectrum-steplist-visual-size-medium", - "value": "16px" - }, - "steplist-visual-size-small": { - "prop": "--spectrum-steplist-visual-size-small", - "value": "8px" - }, - "swatch-border-color": { - "prop": "--spectrum-swatch-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" - } - }, - "swatch-border-opacity": { - "prop": "--spectrum-swatch-border-opacity", - "value": "0.42" - }, - "swatch-disabled-icon-border-color": { - "prop": "--spectrum-swatch-disabled-icon-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "swatch-disabled-icon-border-opacity": { - "prop": "--spectrum-swatch-disabled-icon-border-opacity", - "value": "0.42" - }, - "swatch-group-border-color": { - "prop": "--spectrum-swatch-group-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" - } - }, - "swatch-group-border-opacity": { - "prop": "--spectrum-swatch-group-border-opacity", - "value": "0.2" - }, - "swatch-group-spacing-spacious": { - "prop": "--spectrum-swatch-group-spacing-spacious", - "value": "6px" - }, - "swatch-rectangle-width-multiplier": { - "prop": "--spectrum-swatch-rectangle-width-multiplier", - "value": 2 - }, - "swatch-size-extra-small": { - "prop": "--spectrum-swatch-size-extra-small", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "swatch-size-large": { - "prop": "--spectrum-swatch-size-large", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "swatch-size-medium": { - "prop": "--spectrum-swatch-size-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "swatch-size-small": { - "prop": "--spectrum-swatch-size-small", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "swatch-slash-thickness-extra-small": { - "prop": "--spectrum-swatch-slash-thickness-extra-small", - "value": "2px" - }, - "swatch-slash-thickness-large": { - "prop": "--spectrum-swatch-slash-thickness-large", - "value": "5px" - }, - "swatch-slash-thickness-medium": { - "prop": "--spectrum-swatch-slash-thickness-medium", - "value": "4px" - }, - "swatch-slash-thickness-small": { - "prop": "--spectrum-swatch-slash-thickness-small", - "value": "3px" - }, - "switch-control-height-extra-large": { - "prop": "--spectrum-switch-control-height-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "switch-control-height-large": { - "prop": "--spectrum-switch-control-height-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "switch-control-height-medium": { - "prop": "--spectrum-switch-control-height-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "switch-control-height-small": { - "prop": "--spectrum-switch-control-height-small", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "switch-control-width-extra-large": { - "prop": "--spectrum-switch-control-width-extra-large", - "desktop": { - "value": "34px" - }, - "mobile": { - "value": "46px" - } - }, - "switch-control-width-large": { - "prop": "--spectrum-switch-control-width-large", - "desktop": { - "value": "30px" - }, - "mobile": { - "value": "38px" - } - }, - "switch-control-width-medium": { - "prop": "--spectrum-switch-control-width-medium", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "34px" - } - }, - "switch-control-width-small": { - "prop": "--spectrum-switch-control-width-small", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "30px" - } - }, - "switch-handle-selected-size-extra-large": { - "prop": "--spectrum-switch-handle-selected-size-extra-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "20px" - } - }, - "switch-handle-selected-size-large": { - "prop": "--spectrum-switch-handle-selected-size-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "switch-handle-selected-size-medium": { - "prop": "--spectrum-switch-handle-selected-size-medium", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "switch-handle-selected-size-small": { - "prop": "--spectrum-switch-handle-selected-size-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "12px" - } - }, - "switch-handle-size-extra-large": { - "prop": "--spectrum-switch-handle-size-extra-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "18px" - } - }, - "switch-handle-size-large": { - "prop": "--spectrum-switch-handle-size-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "switch-handle-size-medium": { - "prop": "--spectrum-switch-handle-size-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "12px" - } - }, - "switch-handle-size-small": { - "prop": "--spectrum-switch-handle-size-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "10px" - } - }, - "switch-top-to-control-extra-large": { - "prop": "--spectrum-switch-top-to-control-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "switch-top-to-control-large": { - "prop": "--spectrum-switch-top-to-control-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "switch-top-to-control-medium": { - "prop": "--spectrum-switch-top-to-control-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "switch-top-to-control-small": { - "prop": "--spectrum-switch-top-to-control-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "tab-item-bottom-to-text-compact-extra-large": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "tab-item-bottom-to-text-compact-large": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "tab-item-bottom-to-text-compact-medium": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tab-item-bottom-to-text-compact-small": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "tab-item-bottom-to-text-extra-large": { - "prop": "--spectrum-tab-item-bottom-to-text-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "25px" - } - }, - "tab-item-bottom-to-text-large": { - "prop": "--spectrum-tab-item-bottom-to-text-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "tab-item-bottom-to-text-medium": { - "prop": "--spectrum-tab-item-bottom-to-text-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "19px" - } - }, - "tab-item-bottom-to-text-small": { - "prop": "--spectrum-tab-item-bottom-to-text-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tab-item-compact-height-extra-large": { - "prop": "--spectrum-tab-item-compact-height-extra-large", - "ref": "var(--spectrum-component-height-300)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "tab-item-compact-height-large": { - "prop": "--spectrum-tab-item-compact-height-large", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "tab-item-compact-height-medium": { - "prop": "--spectrum-tab-item-compact-height-medium", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "tab-item-compact-height-small": { - "prop": "--spectrum-tab-item-compact-height-small", - "ref": "var(--spectrum-component-height-75)", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "tab-item-focus-indicator-gap-extra-large": { - "prop": "--spectrum-tab-item-focus-indicator-gap-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "tab-item-focus-indicator-gap-large": { - "prop": "--spectrum-tab-item-focus-indicator-gap-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "tab-item-focus-indicator-gap-medium": { - "prop": "--spectrum-tab-item-focus-indicator-gap-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tab-item-focus-indicator-gap-small": { - "prop": "--spectrum-tab-item-focus-indicator-gap-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "tab-item-height-extra-large": { - "prop": "--spectrum-tab-item-height-extra-large", - "ref": "var(--spectrum-component-height-500)", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "tab-item-height-large": { - "prop": "--spectrum-tab-item-height-large", - "ref": "var(--spectrum-component-height-400)", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "tab-item-height-medium": { - "prop": "--spectrum-tab-item-height-medium", - "ref": "var(--spectrum-component-height-300)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "tab-item-height-small": { - "prop": "--spectrum-tab-item-height-small", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "tab-item-start-to-edge-extra-large": { - "prop": "--spectrum-tab-item-start-to-edge-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "19px" - } - }, - "tab-item-start-to-edge-large": { - "prop": "--spectrum-tab-item-start-to-edge-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "tab-item-start-to-edge-medium": { - "prop": "--spectrum-tab-item-start-to-edge-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tab-item-start-to-edge-quiet": { - "prop": "--spectrum-tab-item-start-to-edge-quiet", - "value": "0px" - }, - "tab-item-start-to-edge-small": { - "prop": "--spectrum-tab-item-start-to-edge-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "13px" - } - }, - "tab-item-to-tab-item-horizontal-extra-large": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-extra-large", - "desktop": { - "value": "30px" - }, - "mobile": { - "value": "36px" - } - }, - "tab-item-to-tab-item-horizontal-large": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-large", - "desktop": { - "value": "27px" - }, - "mobile": { - "value": "33px" - } - }, - "tab-item-to-tab-item-horizontal-medium": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-medium", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "tab-item-to-tab-item-horizontal-small": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-small", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "27px" - } - }, - "tab-item-to-tab-item-vertical-extra-large": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-extra-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "tab-item-to-tab-item-vertical-large": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "tab-item-to-tab-item-vertical-medium": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-medium", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-to-tab-item-vertical-small": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-top-to-text-compact-extra-large": { - "prop": "--spectrum-tab-item-top-to-text-compact-extra-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tab-item-top-to-text-compact-large": { - "prop": "--spectrum-tab-item-top-to-text-compact-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "tab-item-top-to-text-compact-medium": { - "prop": "--spectrum-tab-item-top-to-text-compact-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "9px" - } - }, - "tab-item-top-to-text-compact-small": { - "prop": "--spectrum-tab-item-top-to-text-compact-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-top-to-text-extra-large": { - "prop": "--spectrum-tab-item-top-to-text-extra-large", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "25px" - } - }, - "tab-item-top-to-text-large": { - "prop": "--spectrum-tab-item-top-to-text-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "22px" - } - }, - "tab-item-top-to-text-medium": { - "prop": "--spectrum-tab-item-top-to-text-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "tab-item-top-to-text-small": { - "prop": "--spectrum-tab-item-top-to-text-small", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "tab-item-top-to-workflow-icon-compact-extra-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-extra-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "16px" - } - }, - "tab-item-top-to-workflow-icon-compact-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "13px" - } - }, - "tab-item-top-to-workflow-icon-compact-medium": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-medium", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "tab-item-top-to-workflow-icon-compact-small": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-small", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-top-to-workflow-icon-extra-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-extra-large", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "26px" - } - }, - "tab-item-top-to-workflow-icon-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "23px" - } - }, - "tab-item-top-to-workflow-icon-medium": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-medium", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tab-item-top-to-workflow-icon-small": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-small", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "15px" - } - }, - "table-border-divider-width": { - "prop": "--spectrum-table-border-divider-width", - "value": "1px" - }, - "table-checkbox-to-text": { - "prop": "--spectrum-table-checkbox-to-text", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "table-column-header-row-bottom-to-text-extra-large": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "table-column-header-row-bottom-to-text-large": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "table-column-header-row-bottom-to-text-medium": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-column-header-row-bottom-to-text-small": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "table-column-header-row-top-to-text-extra-large": { - "prop": "--spectrum-table-column-header-row-top-to-text-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "table-column-header-row-top-to-text-large": { - "prop": "--spectrum-table-column-header-row-top-to-text-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "table-column-header-row-top-to-text-medium": { - "prop": "--spectrum-table-column-header-row-top-to-text-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "9px" - } - }, - "table-column-header-row-top-to-text-small": { - "prop": "--spectrum-table-column-header-row-top-to-text-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-edge-to-content": { - "prop": "--spectrum-table-edge-to-content", - "value": "16px" - }, - "table-header-row-checkbox-to-top-extra-large": { - "prop": "--spectrum-table-header-row-checkbox-to-top-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "21px" - } - }, - "table-header-row-checkbox-to-top-large": { - "prop": "--spectrum-table-header-row-checkbox-to-top-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "17px" - } - }, - "table-header-row-checkbox-to-top-medium": { - "prop": "--spectrum-table-header-row-checkbox-to-top-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "table-header-row-checkbox-to-top-small": { - "prop": "--spectrum-table-header-row-checkbox-to-top-small", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-bottom-to-text-extra-large": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "table-row-bottom-to-text-extra-large-compact": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-compact", - "ref": "var(--spectrum-component-bottom-to-text-300)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-bottom-to-text-extra-large-regular": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-extra-large)", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "table-row-bottom-to-text-extra-large-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-spacious", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "27px" - } - }, - "table-row-bottom-to-text-large": { - "prop": "--spectrum-table-row-bottom-to-text-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-bottom-to-text-large-compact": { - "prop": "--spectrum-table-row-bottom-to-text-large-compact", - "ref": "var(--spectrum-component-bottom-to-text-200)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-bottom-to-text-large-regular": { - "prop": "--spectrum-table-row-bottom-to-text-large-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-large)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-bottom-to-text-large-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-large-spacious", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "23px" - } - }, - "table-row-bottom-to-text-medium": { - "prop": "--spectrum-table-row-bottom-to-text-medium", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "15px" - } - }, - "table-row-bottom-to-text-medium-compact": { - "prop": "--spectrum-table-row-bottom-to-text-medium-compact", - "ref": "var(--spectrum-component-bottom-to-text-100)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "table-row-bottom-to-text-medium-regular": { - "prop": "--spectrum-table-row-bottom-to-text-medium-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-medium)", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "15px" - } - }, - "table-row-bottom-to-text-medium-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-medium-spacious", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-bottom-to-text-small": { - "prop": "--spectrum-table-row-bottom-to-text-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "table-row-bottom-to-text-small-compact": { - "prop": "--spectrum-table-row-bottom-to-text-small-compact", - "ref": "var(--spectrum-component-bottom-to-text-75)", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "table-row-bottom-to-text-small-regular": { - "prop": "--spectrum-table-row-bottom-to-text-small-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-small)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "table-row-bottom-to-text-small-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-small-spacious", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "table-row-checkbox-to-top-extra-large": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "26px" - } - }, - "table-row-checkbox-to-top-extra-large-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-compact", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "21px" - } - }, - "table-row-checkbox-to-top-extra-large-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-extra-large)", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "26px" - } - }, - "table-row-checkbox-to-top-extra-large-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-spacious", - "desktop": { - "value": "23px" - }, - "mobile": { - "value": "31px" - } - }, - "table-row-checkbox-to-top-large": { - "prop": "--spectrum-table-row-checkbox-to-top-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "22px" - } - }, - "table-row-checkbox-to-top-large-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-large-compact", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "17px" - } - }, - "table-row-checkbox-to-top-large-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-large-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-large)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "22px" - } - }, - "table-row-checkbox-to-top-large-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-large-spacious", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "27px" - } - }, - "table-row-checkbox-to-top-medium": { - "prop": "--spectrum-table-row-checkbox-to-top-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "table-row-checkbox-to-top-medium-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-compact", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "table-row-checkbox-to-top-medium-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-medium)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "table-row-checkbox-to-top-medium-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-spacious", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "21px" - } - }, - "table-row-checkbox-to-top-small": { - "prop": "--spectrum-table-row-checkbox-to-top-small", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-checkbox-to-top-small-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-small-compact", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "9px" - } - }, - "table-row-checkbox-to-top-small-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-small-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-small)", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-checkbox-to-top-small-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-small-spacious", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "19px" - } - }, - "table-row-down-opacity": { - "prop": "--spectrum-table-row-down-opacity", - "value": "0.1" - }, - "table-row-height-extra-large": { - "prop": "--spectrum-table-row-height-extra-large", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "table-row-height-extra-large-compact": { - "prop": "--spectrum-table-row-height-extra-large-compact", - "ref": "var(--spectrum-component-height-300)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-row-height-extra-large-regular": { - "prop": "--spectrum-table-row-height-extra-large-regular", - "ref": "var(--spectrum-table-row-height-extra-large)", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "table-row-height-extra-large-spacious": { - "prop": "--spectrum-table-row-height-extra-large-spacious", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "table-row-height-large": { - "prop": "--spectrum-table-row-height-large", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-row-height-large-compact": { - "prop": "--spectrum-table-row-height-large-compact", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-row-height-large-regular": { - "prop": "--spectrum-table-row-height-large-regular", - "ref": "var(--spectrum-table-row-height-large)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-row-height-large-spacious": { - "prop": "--spectrum-table-row-height-large-spacious", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "table-row-height-medium": { - "prop": "--spectrum-table-row-height-medium", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-row-height-medium-compact": { - "prop": "--spectrum-table-row-height-medium-compact", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "table-row-height-medium-regular": { - "prop": "--spectrum-table-row-height-medium-regular", - "ref": "var(--spectrum-table-row-height-medium)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-row-height-medium-spacious": { - "prop": "--spectrum-table-row-height-medium-spacious", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-row-height-small": { - "prop": "--spectrum-table-row-height-small", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "table-row-height-small-compact": { - "prop": "--spectrum-table-row-height-small-compact", - "ref": "var(--spectrum-component-height-75)", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "table-row-height-small-regular": { - "prop": "--spectrum-table-row-height-small-regular", - "ref": "var(--spectrum-table-row-height-small)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "table-row-height-small-spacious": { - "prop": "--spectrum-table-row-height-small-spacious", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-row-hover-color": { - "prop": "--spectrum-table-row-hover-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "table-row-hover-opacity": { - "prop": "--spectrum-table-row-hover-opacity", - "value": "0.07" - }, - "table-row-top-to-text-extra-large": { - "prop": "--spectrum-table-row-top-to-text-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "21px" - } - }, - "table-row-top-to-text-extra-large-compact": { - "prop": "--spectrum-table-row-top-to-text-extra-large-compact", - "ref": "var(--spectrum-component-top-to-text-300)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "table-row-top-to-text-extra-large-regular": { - "prop": "--spectrum-table-row-top-to-text-extra-large-regular", - "ref": "var(--spectrum-table-row-top-to-text-extra-large)", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "21px" - } - }, - "table-row-top-to-text-extra-large-spacious": { - "prop": "--spectrum-table-row-top-to-text-extra-large-spacious", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "26px" - } - }, - "table-row-top-to-text-large": { - "prop": "--spectrum-table-row-top-to-text-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-top-to-text-large-compact": { - "prop": "--spectrum-table-row-top-to-text-large-compact", - "ref": "var(--spectrum-component-top-to-text-200)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "table-row-top-to-text-large-regular": { - "prop": "--spectrum-table-row-top-to-text-large-regular", - "ref": "var(--spectrum-table-row-top-to-text-large)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-top-to-text-large-spacious": { - "prop": "--spectrum-table-row-top-to-text-large-spacious", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "23px" - } - }, - "table-row-top-to-text-medium": { - "prop": "--spectrum-table-row-top-to-text-medium", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-top-to-text-medium-compact": { - "prop": "--spectrum-table-row-top-to-text-medium-compact", - "ref": "var(--spectrum-component-top-to-text-100)", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "table-row-top-to-text-medium-regular": { - "prop": "--spectrum-table-row-top-to-text-medium-regular", - "ref": "var(--spectrum-table-row-top-to-text-medium)", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-top-to-text-medium-spacious": { - "prop": "--spectrum-table-row-top-to-text-medium-spacious", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "16px" - } - }, - "table-row-top-to-text-small": { - "prop": "--spectrum-table-row-top-to-text-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-row-top-to-text-small-compact": { - "prop": "--spectrum-table-row-top-to-text-small-compact", - "ref": "var(--spectrum-component-top-to-text-75)", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "table-row-top-to-text-small-regular": { - "prop": "--spectrum-table-row-top-to-text-small-regular", - "ref": "var(--spectrum-table-row-top-to-text-small)", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-row-top-to-text-small-spacious": { - "prop": "--spectrum-table-row-top-to-text-small-spacious", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "table-section-header-row-height-extra-large": { - "prop": "--spectrum-table-section-header-row-height-extra-large", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-section-header-row-height-large": { - "prop": "--spectrum-table-section-header-row-height-large", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-section-header-row-height-medium": { - "prop": "--spectrum-table-section-header-row-height-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "table-section-header-row-height-small": { - "prop": "--spectrum-table-section-header-row-height-small", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "table-selected-row-background-color": { - "prop": "--spectrum-table-selected-row-background-color", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "table-selected-row-background-color-non-emphasized": { - "prop": "--spectrum-table-selected-row-background-color-non-emphasized", - "ref": "var(--spectrum-neutral-background-color-selected-default)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "table-selected-row-background-opacity": { - "prop": "--spectrum-table-selected-row-background-opacity", - "value": "0.1" - }, - "table-selected-row-background-opacity-hover": { - "prop": "--spectrum-table-selected-row-background-opacity-hover", - "value": "0.15" - }, - "table-selected-row-background-opacity-non-emphasized": { - "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized", - "value": "0.1" - }, - "table-selected-row-background-opacity-non-emphasized-hover": { - "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized-hover", - "value": "0.15" - }, - "table-thumbnail-to-top-minimum-extra-large": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-extra-large-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-compact", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-extra-large-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-extra-large)", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-extra-large-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "table-thumbnail-to-top-minimum-large": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-large-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-compact", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "table-thumbnail-to-top-minimum-large-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-large)", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-large-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-spacious", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-medium": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "table-thumbnail-to-top-minimum-medium-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-compact", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "table-thumbnail-to-top-minimum-medium-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-medium)", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "table-thumbnail-to-top-minimum-medium-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-spacious", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-small": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "table-thumbnail-to-top-minimum-small-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-compact", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "table-thumbnail-to-top-minimum-small-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-small)", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "table-thumbnail-to-top-minimum-small-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-spacious", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "tag-edge-to-clear-icon-large": { - "prop": "--spectrum-tag-edge-to-clear-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tag-edge-to-clear-icon-medium": { - "prop": "--spectrum-tag-edge-to-clear-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tag-edge-to-clear-icon-small": { - "prop": "--spectrum-tag-edge-to-clear-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tag-field-default-width-large": { - "prop": "--spectrum-tag-field-default-width-large", - "desktop": { - "value": "288px" - }, - "mobile": { - "value": "312px" - } - }, - "tag-field-default-width-medium": { - "prop": "--spectrum-tag-field-default-width-medium", - "desktop": { - "value": "264px" - }, - "mobile": { - "value": "288px" - } - }, - "tag-field-default-width-small": { - "prop": "--spectrum-tag-field-default-width-small", - "desktop": { - "value": "240px" - }, - "mobile": { - "value": "264px" - } - }, - "tag-field-edge-to-content-large": { - "prop": "--spectrum-tag-field-edge-to-content-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "tag-field-edge-to-content-medium": { - "prop": "--spectrum-tag-field-edge-to-content-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "tag-field-edge-to-content-small": { - "prop": "--spectrum-tag-field-edge-to-content-small", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "tag-field-minimum-height-large": { - "prop": "--spectrum-tag-field-minimum-height-large", - "desktop": { - "value": "68px" - }, - "mobile": { - "value": "82px" - } - }, - "tag-field-minimum-height-medium": { - "prop": "--spectrum-tag-field-minimum-height-medium", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "68px" - } - }, - "tag-field-minimum-height-small": { - "prop": "--spectrum-tag-field-minimum-height-small", - "desktop": { - "value": "44px" - }, - "mobile": { - "value": "54px" - } - }, - "tag-field-minimum-width": { - "prop": "--spectrum-tag-field-minimum-width", - "desktop": { - "value": "180px" - }, - "mobile": { - "value": "200px" - } - }, - "tag-label-to-clear-icon-large": { - "prop": "--spectrum-tag-label-to-clear-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tag-label-to-clear-icon-medium": { - "prop": "--spectrum-tag-label-to-clear-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tag-label-to-clear-icon-small": { - "prop": "--spectrum-tag-label-to-clear-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tag-maximum-width-multiplier": { - "prop": "--spectrum-tag-maximum-width-multiplier", - "value": 7 - }, - "tag-minimum-width-large": { - "prop": "--spectrum-tag-minimum-width-large", - "desktop": { - "value": "33px" - }, - "mobile": { - "value": "42px" - } - }, - "tag-minimum-width-medium": { - "prop": "--spectrum-tag-minimum-width-medium", - "desktop": { - "value": "27px" - }, - "mobile": { - "value": "34px" - } - }, - "tag-minimum-width-multiplier": { - "prop": "--spectrum-tag-minimum-width-multiplier", - "value": 1 - }, - "tag-minimum-width-small": { - "prop": "--spectrum-tag-minimum-width-small", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "25px" - } - }, - "tag-top-to-avatar-large": { - "prop": "--spectrum-tag-top-to-avatar-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "tag-top-to-avatar-medium": { - "prop": "--spectrum-tag-top-to-avatar-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "tag-top-to-avatar-small": { - "prop": "--spectrum-tag-top-to-avatar-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tag-top-to-cross-icon-large": { - "prop": "--spectrum-tag-top-to-cross-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tag-top-to-cross-icon-medium": { - "prop": "--spectrum-tag-top-to-cross-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tag-top-to-cross-icon-small": { - "prop": "--spectrum-tag-top-to-cross-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "takeover-dialog-height": { - "prop": "--spectrum-takeover-dialog-height", - "value": "100%" - }, - "takeover-dialog-width": { - "prop": "--spectrum-takeover-dialog-width", - "value": "100%" - }, - "text-align-center": { - "prop": "--spectrum-text-align-center", - "value": "center" - }, - "text-align-end": { - "prop": "--spectrum-text-align-end", - "value": "end" - }, - "text-align-start": { - "prop": "--spectrum-text-align-start", - "value": "start" - }, - "text-area-minimum-height": { - "prop": "--spectrum-text-area-minimum-height", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "text-area-minimum-width": { - "prop": "--spectrum-text-area-minimum-width", - "desktop": { - "value": "112px" - }, - "mobile": { - "value": "140px" - } - }, - "text-field-minimum-width-multiplier": { - "prop": "--spectrum-text-field-minimum-width-multiplier", - "value": 1.5 - }, - "text-to-control-100": { - "prop": "--spectrum-text-to-control-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "text-to-control-200": { - "prop": "--spectrum-text-to-control-200", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "text-to-control-300": { - "prop": "--spectrum-text-to-control-300", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "text-to-control-50": { - "prop": "--spectrum-text-to-control-50", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "text-to-control-75": { - "prop": "--spectrum-text-to-control-75", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "text-to-visual-100": { - "prop": "--spectrum-text-to-visual-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "text-to-visual-200": { - "prop": "--spectrum-text-to-visual-200", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "text-to-visual-300": { - "prop": "--spectrum-text-to-visual-300", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "text-to-visual-400": { - "prop": "--spectrum-text-to-visual-400", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "text-to-visual-50": { - "prop": "--spectrum-text-to-visual-50", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "text-to-visual-75": { - "prop": "--spectrum-text-to-visual-75", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "text-underline-gap": { - "prop": "--spectrum-text-underline-gap", - "value": "1px" - }, - "text-underline-thickness": { - "prop": "--spectrum-text-underline-thickness", - "value": "1px" - }, - "thumbnail-border-color": { - "prop": "--spectrum-thumbnail-border-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "thumbnail-border-opacity": { - "prop": "--spectrum-thumbnail-border-opacity", - "value": "0.1" - }, - "thumbnail-corner-radius": { - "prop": "--spectrum-thumbnail-corner-radius", - "ref": "var(--spectrum-corner-radius-75)", - "value": "3px" - }, - "thumbnail-opacity-checkerboard-square-size": { - "prop": "--spectrum-thumbnail-opacity-checkerboard-square-size", - "value": "4px" - }, - "thumbnail-opacity-disabled": { - "prop": "--spectrum-thumbnail-opacity-disabled", - "ref": "var(--spectrum-opacity-disabled)", - "value": "0.3" - }, - "thumbnail-size-100": { - "prop": "--spectrum-thumbnail-size-100", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "28px" - } - }, - "thumbnail-size-1000": { - "prop": "--spectrum-thumbnail-size-1000", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "72px" - } - }, - "thumbnail-size-200": { - "prop": "--spectrum-thumbnail-size-200", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "32px" - } - }, - "thumbnail-size-300": { - "prop": "--spectrum-thumbnail-size-300", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "36px" - } - }, - "thumbnail-size-400": { - "prop": "--spectrum-thumbnail-size-400", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "40px" - } - }, - "thumbnail-size-50": { - "prop": "--spectrum-thumbnail-size-50", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "thumbnail-size-500": { - "prop": "--spectrum-thumbnail-size-500", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "44px" - } - }, - "thumbnail-size-600": { - "prop": "--spectrum-thumbnail-size-600", - "desktop": { - "value": "44px" - }, - "mobile": { - "value": "48px" - } - }, - "thumbnail-size-700": { - "prop": "--spectrum-thumbnail-size-700", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "52px" - } - }, - "thumbnail-size-75": { - "prop": "--spectrum-thumbnail-size-75", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "thumbnail-size-800": { - "prop": "--spectrum-thumbnail-size-800", - "desktop": { - "value": "52px" - }, - "mobile": { - "value": "56px" - } - }, - "thumbnail-size-900": { - "prop": "--spectrum-thumbnail-size-900", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "64px" - } - }, - "time-field-minimum-width": { - "prop": "--spectrum-time-field-minimum-width", - "value": 2.5 - }, - "time-field-text-to-visual": { - "prop": "--spectrum-time-field-text-to-visual", - "value": "20px" - }, - "title-cjk-emphasized-font-style": { - "prop": "--spectrum-title-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-cjk-emphasized-font-weight": { - "prop": "--spectrum-title-cjk-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "title-cjk-font-family": { - "prop": "--spectrum-title-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "title-cjk-font-style": { - "prop": "--spectrum-title-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-cjk-font-weight": { - "prop": "--spectrum-title-cjk-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "title-cjk-line-height": { - "prop": "--spectrum-title-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": 1.5 - }, - "title-cjk-size-l": { - "prop": "--spectrum-title-cjk-size-l", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "title-cjk-size-m": { - "prop": "--spectrum-title-cjk-size-m", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "title-cjk-size-s": { - "prop": "--spectrum-title-cjk-size-s", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "title-cjk-size-xl": { - "prop": "--spectrum-title-cjk-size-xl", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "title-cjk-size-xs": { - "prop": "--spectrum-title-cjk-size-xs", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "title-cjk-size-xxl": { - "prop": "--spectrum-title-cjk-size-xxl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "title-cjk-size-xxxl": { - "prop": "--spectrum-title-cjk-size-xxxl", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "title-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-title-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-title-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "title-cjk-strong-font-style": { - "prop": "--spectrum-title-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-cjk-strong-font-weight": { - "prop": "--spectrum-title-cjk-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "title-color": { - "prop": "--spectrum-title-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "title-line-height": { - "prop": "--spectrum-title-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": 1.3 - }, - "title-margin-bottom-multiplier": { - "prop": "--spectrum-title-margin-bottom-multiplier", - "value": 0.25 - }, - "title-margin-top-multiplier": { - "prop": "--spectrum-title-margin-top-multiplier", - "value": 0.88888889 - }, - "title-sans-serif-emphasized-font-style": { - "prop": "--spectrum-title-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "title-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-title-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "title-sans-serif-font-family": { - "prop": "--spectrum-title-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "title-sans-serif-font-style": { - "prop": "--spectrum-title-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-sans-serif-font-weight": { - "prop": "--spectrum-title-sans-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "title-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-title-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "title-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-title-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "title-sans-serif-strong-font-style": { - "prop": "--spectrum-title-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-sans-serif-strong-font-weight": { - "prop": "--spectrum-title-sans-serif-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "title-serif-emphasized-font-style": { - "prop": "--spectrum-title-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "title-serif-emphasized-font-weight": { - "prop": "--spectrum-title-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "title-serif-font-family": { - "prop": "--spectrum-title-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "title-serif-font-style": { - "prop": "--spectrum-title-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-serif-font-weight": { - "prop": "--spectrum-title-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "title-serif-strong-emphasized-font-style": { - "prop": "--spectrum-title-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "title-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-title-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "title-serif-strong-font-style": { - "prop": "--spectrum-title-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-serif-strong-font-weight": { - "prop": "--spectrum-title-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "title-size-l": { - "prop": "--spectrum-title-size-l", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "title-size-m": { - "prop": "--spectrum-title-size-m", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "title-size-s": { - "prop": "--spectrum-title-size-s", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "title-size-xl": { - "prop": "--spectrum-title-size-xl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "title-size-xs": { - "prop": "--spectrum-title-size-xs", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "title-size-xxl": { - "prop": "--spectrum-title-size-xxl", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "title-size-xxxl": { - "prop": "--spectrum-title-size-xxxl", - "ref": "var(--spectrum-font-size-600)", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "toast-bottom-to-text": { - "prop": "--spectrum-toast-bottom-to-text", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "toast-height": { - "prop": "--spectrum-toast-height", - "desktop": { - "value": "52px" - }, - "mobile": { - "value": "60px" - } - }, - "toast-maximum-width": { - "prop": "--spectrum-toast-maximum-width", - "desktop": { - "value": "336px" - }, - "mobile": { - "value": "420px" - } - }, - "toast-top-to-text": { - "prop": "--spectrum-toast-top-to-text", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "20px" - } - }, - "toast-top-to-workflow-icon": { - "prop": "--spectrum-toast-top-to-workflow-icon", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "20px" - } - }, - "tooltip-maximum-width": { - "prop": "--spectrum-tooltip-maximum-width", - "desktop": { - "value": "160px" - }, - "mobile": { - "value": "200px" - } - }, - "tooltip-tip-corner-radius": { - "prop": "--spectrum-tooltip-tip-corner-radius", - "value": "1px" - }, - "tooltip-tip-height": { - "prop": "--spectrum-tooltip-tip-height", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "tooltip-tip-width": { - "prop": "--spectrum-tooltip-tip-width", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "track-color": { - "prop": "--spectrum-track-color", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "transparent-black-100": { - "prop": "--spectrum-transparent-black-100", - "value": "rgba(0, 0, 0, 0.09)" - }, - "transparent-black-1000": { - "prop": "--spectrum-transparent-black-1000", - "value": "rgb(0, 0, 0)" - }, - "transparent-black-200": { - "prop": "--spectrum-transparent-black-200", - "value": "rgba(0, 0, 0, 0.12)" - }, - "transparent-black-25": { - "prop": "--spectrum-transparent-black-25", - "value": "rgba(0, 0, 0, 0)" - }, - "transparent-black-300": { - "prop": "--spectrum-transparent-black-300", - "value": "rgba(0, 0, 0, 0.15)" - }, - "transparent-black-400": { - "prop": "--spectrum-transparent-black-400", - "value": "rgba(0, 0, 0, 0.22)" - }, - "transparent-black-50": { - "prop": "--spectrum-transparent-black-50", - "value": "rgba(0, 0, 0, 0.03)" - }, - "transparent-black-500": { - "prop": "--spectrum-transparent-black-500", - "value": "rgba(0, 0, 0, 0.44)" - }, - "transparent-black-600": { - "prop": "--spectrum-transparent-black-600", - "value": "rgba(0, 0, 0, 0.56)" - }, - "transparent-black-700": { - "prop": "--spectrum-transparent-black-700", - "value": "rgba(0, 0, 0, 0.69)" - }, - "transparent-black-75": { - "prop": "--spectrum-transparent-black-75", - "value": "rgba(0, 0, 0, 0.05)" - }, - "transparent-black-800": { - "prop": "--spectrum-transparent-black-800", - "value": "rgba(0, 0, 0, 0.84)" - }, - "transparent-black-900": { - "prop": "--spectrum-transparent-black-900", - "value": "rgba(0, 0, 0, 0.93)" - }, - "transparent-white-100": { - "prop": "--spectrum-transparent-white-100", - "value": "rgba(255, 255, 255, 0.11)" - }, - "transparent-white-1000": { - "prop": "--spectrum-transparent-white-1000", - "value": "rgb(255, 255, 255)" - }, - "transparent-white-200": { - "prop": "--spectrum-transparent-white-200", - "value": "rgba(255, 255, 255, 0.14)" - }, - "transparent-white-25": { - "prop": "--spectrum-transparent-white-25", - "value": "rgba(255, 255, 255, 0)" - }, - "transparent-white-300": { - "prop": "--spectrum-transparent-white-300", - "value": "rgba(255, 255, 255, 0.17)" - }, - "transparent-white-400": { - "prop": "--spectrum-transparent-white-400", - "value": "rgba(255, 255, 255, 0.21)" - }, - "transparent-white-50": { - "prop": "--spectrum-transparent-white-50", - "value": "rgba(255, 255, 255, 0.04)" - }, - "transparent-white-500": { - "prop": "--spectrum-transparent-white-500", - "value": "rgba(255, 255, 255, 0.39)" - }, - "transparent-white-600": { - "prop": "--spectrum-transparent-white-600", - "value": "rgba(255, 255, 255, 0.51)" - }, - "transparent-white-700": { - "prop": "--spectrum-transparent-white-700", - "value": "rgba(255, 255, 255, 0.66)" - }, - "transparent-white-75": { - "prop": "--spectrum-transparent-white-75", - "value": "rgba(255, 255, 255, 0.07)" - }, - "transparent-white-800": { - "prop": "--spectrum-transparent-white-800", - "value": "rgba(255, 255, 255, 0.85)" - }, - "transparent-white-900": { - "prop": "--spectrum-transparent-white-900", - "value": "rgba(255, 255, 255, 0.94)" - }, - "tray-top-to-content-area": { - "prop": "--spectrum-tray-top-to-content-area", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tree-view-bottom-to-label": { - "prop": "--spectrum-tree-view-bottom-to-label", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "tree-view-disclosure-indicator-height": { - "prop": "--spectrum-tree-view-disclosure-indicator-height", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "tree-view-disclosure-indicator-width": { - "prop": "--spectrum-tree-view-disclosure-indicator-width", - "desktop": { - "value": "34px" - }, - "mobile": { - "value": "42px" - } - }, - "tree-view-drag-handle-to-checkbox": { - "prop": "--spectrum-tree-view-drag-handle-to-checkbox", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tree-view-edge-to-checkbox": { - "prop": "--spectrum-tree-view-edge-to-checkbox", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tree-view-edge-to-drag-handle": { - "prop": "--spectrum-tree-view-edge-to-drag-handle", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tree-view-end-edge-to-action-area": { - "prop": "--spectrum-tree-view-end-edge-to-action-area", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "tree-view-header-to-item": { - "prop": "--spectrum-tree-view-header-to-item", - "value": "-1px" - }, - "tree-view-item-to-header": { - "prop": "--spectrum-tree-view-item-to-header", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "tree-view-item-to-item": { - "prop": "--spectrum-tree-view-item-to-item", - "value": "-1px" - }, - "tree-view-item-to-item-detached": { - "prop": "--spectrum-tree-view-item-to-item-detached", - "value": "2px" - }, - "tree-view-label-to-action-area": { - "prop": "--spectrum-tree-view-label-to-action-area", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "tree-view-level-increment": { - "prop": "--spectrum-tree-view-level-increment", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "tree-view-minimum-height": { - "prop": "--spectrum-tree-view-minimum-height", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "tree-view-minimum-top-to-context-area": { - "prop": "--spectrum-tree-view-minimum-top-to-context-area", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tree-view-minimum-width": { - "prop": "--spectrum-tree-view-minimum-width", - "desktop": { - "value": "160px" - }, - "mobile": { - "value": "200px" - } - }, - "tree-view-row-background-hover": { - "prop": "--spectrum-tree-view-row-background-hover", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "tree-view-selected-row-background-color-emphasized": { - "prop": "--spectrum-tree-view-selected-row-background-color-emphasized", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "tree-view-selected-row-background-default": { - "prop": "--spectrum-tree-view-selected-row-background-default", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "tree-view-selected-row-background-hover": { - "prop": "--spectrum-tree-view-selected-row-background-hover", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "tree-view-selected-row-background-opacity-emphasized": { - "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized", - "value": "0.1" - }, - "tree-view-selected-row-background-opacity-emphasized-hover": { - "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized-hover", - "value": "0.15" - }, - "tree-view-top-to-action-button": { - "prop": "--spectrum-tree-view-top-to-action-button", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tree-view-top-to-checkbox": { - "prop": "--spectrum-tree-view-top-to-checkbox", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tree-view-top-to-disclosure-indicator": { - "prop": "--spectrum-tree-view-top-to-disclosure-indicator", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tree-view-top-to-drag-handle": { - "prop": "--spectrum-tree-view-top-to-drag-handle", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tree-view-top-to-label": { - "prop": "--spectrum-tree-view-top-to-label", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "triple-calendar-popover-minimum-height": { - "prop": "--spectrum-triple-calendar-popover-minimum-height", - "value": "320px" - }, - "triple-calendar-popover-minimum-width": { - "prop": "--spectrum-triple-calendar-popover-minimum-width", - "value": "912px" - }, - "turquoise-100": { - "prop": "--spectrum-turquoise-100", - "dark": { - "value": "rgb(0, 30, 33)" - }, - "light": { - "value": "rgb(238, 251, 251)" - } - }, - "turquoise-1000": { - "prop": "--spectrum-turquoise-1000", - "dark": { - "value": "rgb(13, 168, 182)" - }, - "light": { - "value": "rgb(5, 107, 116)" - } - }, - "turquoise-1100": { - "prop": "--spectrum-turquoise-1100", - "dark": { - "value": "rgb(16, 186, 202)" - }, - "light": { - "value": "rgb(3, 90, 98)" - } - }, - "turquoise-1200": { - "prop": "--spectrum-turquoise-1200", - "dark": { - "value": "rgb(64, 208, 220)" - }, - "light": { - "value": "rgb(1, 74, 81)" - } - }, - "turquoise-1300": { - "prop": "--spectrum-turquoise-1300", - "dark": { - "value": "rgb(128, 225, 231)" - }, - "light": { - "value": "rgb(0, 59, 65)" - } - }, - "turquoise-1400": { - "prop": "--spectrum-turquoise-1400", - "dark": { - "value": "rgb(183, 240, 240)" - }, - "light": { - "value": "rgb(0, 44, 49)" - } - }, - "turquoise-1500": { - "prop": "--spectrum-turquoise-1500", - "dark": { - "value": "rgb(228, 249, 249)" - }, - "light": { - "value": "rgb(0, 32, 35)" - } - }, - "turquoise-1600": { - "prop": "--spectrum-turquoise-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 17)" - } - }, - "turquoise-200": { - "prop": "--spectrum-turquoise-200", - "dark": { - "value": "rgb(0, 37, 41)" - }, - "light": { - "value": "rgb(209, 245, 245)" - } - }, - "turquoise-300": { - "prop": "--spectrum-turquoise-300", - "dark": { - "value": "rgb(0, 49, 54)" - }, - "light": { - "value": "rgb(169, 236, 237)" - } - }, - "turquoise-400": { - "prop": "--spectrum-turquoise-400", - "dark": { - "value": "rgb(0, 66, 72)" - }, - "light": { - "value": "rgb(111, 221, 228)" - } - }, - "turquoise-500": { - "prop": "--spectrum-turquoise-500", - "dark": { - "value": "rgb(3, 84, 92)" - }, - "light": { - "value": "rgb(39, 202, 216)" - } - }, - "turquoise-600": { - "prop": "--spectrum-turquoise-600", - "dark": { - "value": "rgb(5, 103, 112)" - }, - "light": { - "value": "rgb(15, 177, 192)" - } - }, - "turquoise-700": { - "prop": "--spectrum-turquoise-700", - "dark": { - "value": "rgb(7, 120, 131)" - }, - "light": { - "value": "rgb(12, 158, 171)" - } - }, - "turquoise-800": { - "prop": "--spectrum-turquoise-800", - "dark": { - "value": "rgb(9, 131, 142)" - }, - "light": { - "value": "rgb(10, 141, 153)" - } - }, - "turquoise-900": { - "prop": "--spectrum-turquoise-900", - "dark": { - "value": "rgb(11, 151, 164)" - }, - "light": { - "value": "rgb(8, 126, 137)" - } - }, - "turquoise-background-color-default": { - "prop": "--spectrum-turquoise-background-color-default", - "ref": "var(--spectrum-turquoise-800)", - "light": { - "value": "rgb(8, 126, 137)" - }, - "dark": { - "value": "rgb(9, 131, 142)" - } - }, - "turquoise-subtle-background-color-default": { - "prop": "--spectrum-turquoise-subtle-background-color-default", - "ref": "var(--spectrum-turquoise-300)", - "light": { - "value": "rgb(209, 245, 245)" - }, - "dark": { - "value": "rgb(0, 49, 54)" - } - }, - "turquoise-visual-color": { - "prop": "--spectrum-turquoise-visual-color", - "ref": "var(--spectrum-turquoise-900)", - "light": { - "value": "rgb(10, 141, 153)" - }, - "dark": { - "value": "rgb(11, 151, 164)" - } - }, - "user-card-minimum-height-extra-large": { - "prop": "--spectrum-user-card-minimum-height-extra-large", - "value": "236px" - }, - "user-card-minimum-height-large": { - "prop": "--spectrum-user-card-minimum-height-large", - "value": "219px" - }, - "user-card-minimum-height-medium": { - "prop": "--spectrum-user-card-minimum-height-medium", - "value": "202px" - }, - "user-card-minimum-height-small": { - "prop": "--spectrum-user-card-minimum-height-small", - "value": "192px" - }, - "user-card-minimum-height-title-below-extra-large": { - "prop": "--spectrum-user-card-minimum-height-title-below-extra-large", - "value": "263px" - }, - "user-card-minimum-height-title-below-large": { - "prop": "--spectrum-user-card-minimum-height-title-below-large", - "value": "244px" - }, - "user-card-minimum-height-title-below-medium": { - "prop": "--spectrum-user-card-minimum-height-title-below-medium", - "value": "224px" - }, - "user-card-minimum-height-title-below-small": { - "prop": "--spectrum-user-card-minimum-height-title-below-small", - "value": "212px" - }, - "visual-to-control-100": { - "prop": "--spectrum-visual-to-control-100", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "white": { - "prop": "--spectrum-white", - "value": "rgb(255, 255, 255)" - }, - "window-to-edge": { - "prop": "--spectrum-window-to-edge", - "ref": "var(--spectrum-spacing-600)", - "value": "40px" - }, - "workflow-icon-size-100": { - "prop": "--spectrum-workflow-icon-size-100", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "workflow-icon-size-200": { - "prop": "--spectrum-workflow-icon-size-200", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "28px" - } - }, - "workflow-icon-size-300": { - "prop": "--spectrum-workflow-icon-size-300", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "30px" - } - }, - "workflow-icon-size-50": { - "prop": "--spectrum-workflow-icon-size-50", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "workflow-icon-size-75": { - "prop": "--spectrum-workflow-icon-size-75", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "yellow-100": { - "prop": "--spectrum-yellow-100", - "light": { - "value": "rgb(255, 248, 204)" - }, - "dark": { - "value": "rgb(37, 23, 0)" - } - }, - "yellow-1000": { - "prop": "--spectrum-yellow-1000", - "light": { - "value": "rgb(134, 85, 0)" - }, - "dark": { - "value": "rgb(203, 141, 0)" - } - }, - "yellow-1100": { - "prop": "--spectrum-yellow-1100", - "light": { - "value": "rgb(114, 72, 0)" - }, - "dark": { - "value": "rgb(218, 159, 0)" - } - }, - "yellow-1200": { - "prop": "--spectrum-yellow-1200", - "light": { - "value": "rgb(93, 59, 0)" - }, - "dark": { - "value": "rgb(235, 183, 0)" - } - }, - "yellow-1300": { - "prop": "--spectrum-yellow-1300", - "light": { - "value": "rgb(75, 47, 0)" - }, - "dark": { - "value": "rgb(249, 206, 0)" - } - }, - "yellow-1400": { - "prop": "--spectrum-yellow-1400", - "light": { - "value": "rgb(56, 35, 0)" - }, - "dark": { - "value": "rgb(255, 230, 86)" - } - }, - "yellow-1500": { - "prop": "--spectrum-yellow-1500", - "dark": { - "value": "rgb(255, 246, 195)" - }, - "light": { - "value": "rgb(40, 25, 0)" - } - }, - "yellow-1600": { - "prop": "--spectrum-yellow-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(18, 11, 0)" - } - }, - "yellow-200": { - "prop": "--spectrum-yellow-200", - "light": { - "value": "rgb(255, 241, 151)" - }, - "dark": { - "value": "rgb(47, 29, 0)" - } - }, - "yellow-300": { - "prop": "--spectrum-yellow-300", - "light": { - "value": "rgb(255, 222, 44)" - }, - "dark": { - "value": "rgb(61, 39, 0)" - } - }, - "yellow-400": { - "prop": "--spectrum-yellow-400", - "light": { - "value": "rgb(245, 199, 0)" - }, - "dark": { - "value": "rgb(83, 52, 0)" - } - }, - "yellow-500": { - "prop": "--spectrum-yellow-500", - "light": { - "value": "rgb(230, 175, 0)" - }, - "dark": { - "value": "rgb(107, 67, 0)" - } - }, - "yellow-600": { - "prop": "--spectrum-yellow-600", - "light": { - "value": "rgb(210, 149, 0)" - }, - "dark": { - "value": "rgb(130, 82, 0)" - } - }, - "yellow-700": { - "prop": "--spectrum-yellow-700", - "light": { - "value": "rgb(193, 131, 0)" - }, - "dark": { - "value": "rgb(151, 97, 0)" - } - }, - "yellow-800": { - "prop": "--spectrum-yellow-800", - "light": { - "value": "rgb(175, 116, 0)" - }, - "dark": { - "value": "rgb(164, 106, 0)" - } - }, - "yellow-900": { - "prop": "--spectrum-yellow-900", - "light": { - "value": "rgb(158, 102, 0)" - }, - "dark": { - "value": "rgb(186, 124, 0)" - } - }, - "yellow-background-color-default": { - "prop": "--spectrum-yellow-background-color-default", - "ref": "var(--spectrum-yellow-1100)", - "light": { - "value": "rgb(245, 199, 0)" - }, - "dark": { - "value": "rgb(218, 159, 0)" - } - }, - "yellow-subtle-background-color-default": { - "prop": "--spectrum-yellow-subtle-background-color-default", - "ref": "var(--spectrum-yellow-300)", - "light": { - "value": "rgb(255, 241, 151)" - }, - "dark": { - "value": "rgb(61, 39, 0)" - } - }, - "yellow-visual-color": { - "prop": "--spectrum-yellow-visual-color", - "ref": "var(--spectrum-yellow-1100)", - "light": { - "value": "rgb(210, 149, 0)" - }, - "dark": { - "value": "rgb(218, 159, 0)" - } - } -} \ No newline at end of file diff --git a/tokens/style-dictionary.config.js b/tokens/style-dictionary.config.js index e982115833a..98c9e43ca90 100644 --- a/tokens/style-dictionary.config.js +++ b/tokens/style-dictionary.config.js @@ -64,7 +64,7 @@ export default { format: "css/sets", options: { showFileHeader: false, outputReferences: true }, destination: "global-vars.css", - filter: (token) => { + filter: (token, platform) => { const tokenSets = token.path.filter((_, idx, array) => array[idx - 1] == "sets"); if (tokenSets.includes("wireframe")) return false; if (tokenSets.length === 0) return true; @@ -76,7 +76,6 @@ export default { options: { showFileHeader: false, outputReferences: true, - selector: ".spectrum--medium", sets: ["desktop"], }, destination: "medium-vars.css", @@ -93,7 +92,6 @@ export default { options: { showFileHeader: false, outputReferences: true, - selector: ".spectrum--large", sets: ["mobile"], }, destination: "large-vars.css", @@ -111,7 +109,6 @@ export default { options: { showFileHeader: false, outputReferences: true, - selector: ".spectrum--light", sets: ["light"], }, destination: "light-vars.css", @@ -128,7 +125,6 @@ export default { options: { showFileHeader: false, outputReferences: true, - selector: ".spectrum--dark", sets: ["dark"], }, destination: "dark-vars.css", diff --git a/tokens/utilities/css-sets-formatter.js b/tokens/utilities/css-sets-formatter.js index ddb6bf9f7e3..24030ff5d47 100644 --- a/tokens/utilities/css-sets-formatter.js +++ b/tokens/utilities/css-sets-formatter.js @@ -19,18 +19,22 @@ export const generateNameArray = (token, prefix) => { * @description Formats the value of a token for CSS * @param {import('style-dictionary').Token} token * @param {import('style-dictionary').PlatformConfig} platform - * @returns {string} + * @returns {string[]} */ -const valueFormatter = (token, platform) => { - if (!usesReferences(token.original.value)) return token.value; +const valueFormatter = (value, prefix) => { + if (!value) return; - const resultAr = token.original.value - .substring(1, token.original.value.length - 1) - .split("."); + /* @todo resolve for the new typography objects */ + if (typeof value === "object") { + return Object.keys(value).map(key => valueFormatter(key, prefix))?.flat(); + } + + if (!usesReferences(value)) return [String(value)]; - if (platform.prefix) resultAr.splice(0, 0, platform.prefix); + const resultAr = String(value).substring(1, value.length - 1).split("."); + if (prefix) resultAr.splice(0, 0, prefix); - return `var(--${resultAr.join("-")})`; + return [`var(--${resultAr.join("-")})`]; }; /** @@ -38,23 +42,29 @@ const valueFormatter = (token, platform) => { * @type {import('style-dictionary/types').FormatFn} format */ const format = ({ dictionary, platform, options }) => { + let selector = '.spectrum'; + const context = options.sets?.[0]; + const resultAr = []; dictionary.allTokens.forEach((token) => { + if (!token) return; + const name = generateNameArray(token, platform.prefix); - const value = valueFormatter(token, platform); + const values = valueFormatter(token.original?.value ?? token.value, platform.prefix); - if (!value) return; + if (!values || values.length === 0) return; if (name[1]?.startsWith("android-")) { return; } - resultAr.push(` --${name.join("-")}: ${value};`); + resultAr.push(...values.map(value => ` --${name.join("-")}: ${value};`)); }); - const selector = options.selector ? options.selector : ".spectrum"; + const mediaQuery = context === 'dark' ? '@media (prefers-color-scheme: dark) {\n' : ''; + if (context && ['desktop', 'light', 'dark'].every(c => context !== c)) selector = `.spectrum--${context === 'mobile' ? 'large' : context}`; - return `${selector} {\n${resultAr.join("\n")}\n}\n`; + return `${mediaQuery}${selector} {\n${resultAr.join("\n")}\n}\n${mediaQuery ? '}\n' : ''}`; }; format.nested = true; From 9f3492611d88fa5fb90f0b56184483adfda967e7 Mon Sep 17 00:00:00 2001 From: castastrophe Date: Thu, 19 Jun 2025 11:03:33 -0400 Subject: [PATCH 3/5] chore: commit updated token data; add changeset --- tokens/dist/json/tokens.json | 17648 +++++++++++++++++++++++++++++++++ 1 file changed, 17648 insertions(+) create mode 100644 tokens/dist/json/tokens.json diff --git a/tokens/dist/json/tokens.json b/tokens/dist/json/tokens.json new file mode 100644 index 00000000000..1bae2165578 --- /dev/null +++ b/tokens/dist/json/tokens.json @@ -0,0 +1,17648 @@ +{ + "accent-background-color-default": { + "prop": "--spectrum-accent-background-color-default", + "ref": "var(--spectrum-accent-color-800)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "accent-background-color-down": { + "prop": "--spectrum-accent-background-color-down", + "ref": "var(--spectrum-accent-color-700)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "accent-background-color-hover": { + "prop": "--spectrum-accent-background-color-hover", + "ref": "var(--spectrum-accent-color-700)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "accent-background-color-key-focus": { + "prop": "--spectrum-accent-background-color-key-focus", + "ref": "var(--spectrum-accent-color-700)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "accent-color-100": { + "prop": "--spectrum-accent-color-100", + "ref": "var(--spectrum-blue-100)", + "light": { + "value": "rgb(245, 249, 255)" + }, + "dark": { + "value": "rgb(14, 23, 63)" + } + }, + "accent-color-1000": { + "prop": "--spectrum-accent-color-1000", + "ref": "var(--spectrum-blue-1000)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "accent-color-1100": { + "prop": "--spectrum-accent-color-1100", + "ref": "var(--spectrum-blue-1100)", + "light": { + "value": "rgb(29, 62, 207)" + }, + "dark": { + "value": "rgb(124, 169, 252)" + } + }, + "accent-color-1200": { + "prop": "--spectrum-accent-color-1200", + "ref": "var(--spectrum-blue-1200)", + "light": { + "value": "rgb(21, 50, 173)" + }, + "dark": { + "value": "rgb(152, 192, 252)" + } + }, + "accent-color-1300": { + "prop": "--spectrum-accent-color-1300", + "ref": "var(--spectrum-blue-1300)", + "light": { + "value": "rgb(16, 40, 140)" + }, + "dark": { + "value": "rgb(181, 213, 253)" + } + }, + "accent-color-1400": { + "prop": "--spectrum-accent-color-1400", + "ref": "var(--spectrum-blue-1400)", + "light": { + "value": "rgb(12, 31, 105)" + }, + "dark": { + "value": "rgb(213, 231, 254)" + } + }, + "accent-color-1500": { + "prop": "--spectrum-accent-color-1500", + "ref": "var(--spectrum-blue-1500)", + "dark": { + "value": "rgb(238, 245, 255)" + }, + "light": { + "value": "rgb(14, 24, 67)" + } + }, + "accent-color-1600": { + "prop": "--spectrum-accent-color-1600", + "ref": "var(--spectrum-blue-1600)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(7, 11, 30)" + } + }, + "accent-color-200": { + "prop": "--spectrum-accent-color-200", + "ref": "var(--spectrum-blue-200)", + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(15, 28, 82)" + } + }, + "accent-color-300": { + "prop": "--spectrum-accent-color-300", + "ref": "var(--spectrum-blue-300)", + "light": { + "value": "rgb(203, 226, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "accent-color-400": { + "prop": "--spectrum-accent-color-400", + "ref": "var(--spectrum-blue-400)", + "light": { + "value": "rgb(172, 207, 253)" + }, + "dark": { + "value": "rgb(18, 45, 154)" + } + }, + "accent-color-500": { + "prop": "--spectrum-accent-color-500", + "ref": "var(--spectrum-blue-500)", + "light": { + "value": "rgb(142, 185, 252)" + }, + "dark": { + "value": "rgb(26, 58, 195)" + } + }, + "accent-color-600": { + "prop": "--spectrum-accent-color-600", + "ref": "var(--spectrum-blue-600)", + "light": { + "value": "rgb(114, 158, 253)" + }, + "dark": { + "value": "rgb(37, 73, 229)" + } + }, + "accent-color-700": { + "prop": "--spectrum-accent-color-700", + "ref": "var(--spectrum-blue-700)", + "light": { + "value": "rgb(93, 137, 255)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "accent-color-800": { + "prop": "--spectrum-accent-color-800", + "ref": "var(--spectrum-blue-800)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "accent-color-900": { + "prop": "--spectrum-accent-color-900", + "ref": "var(--spectrum-blue-900)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "accent-content-color-default": { + "prop": "--spectrum-accent-content-color-default", + "ref": "var(--spectrum-accent-color-900)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "accent-content-color-down": { + "prop": "--spectrum-accent-content-color-down", + "ref": "var(--spectrum-accent-color-1000)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "accent-content-color-hover": { + "prop": "--spectrum-accent-content-color-hover", + "ref": "var(--spectrum-accent-color-1000)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "accent-content-color-key-focus": { + "prop": "--spectrum-accent-content-color-key-focus", + "ref": "var(--spectrum-accent-color-1000)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "accent-content-color-selected": { + "prop": "--spectrum-accent-content-color-selected", + "ref": "var(--spectrum-accent-content-color-down)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "accent-subtle-background-color-default": { + "prop": "--spectrum-accent-subtle-background-color-default", + "ref": "var(--spectrum-accent-color-300)", + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "accent-visual-color": { + "prop": "--spectrum-accent-visual-color", + "ref": "var(--spectrum-accent-color-900)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "accordion-bottom-to-text-compact-extra-large": { + "prop": "--spectrum-accordion-bottom-to-text-compact-extra-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "accordion-bottom-to-text-compact-large": { + "prop": "--spectrum-accordion-bottom-to-text-compact-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "9px" + } + }, + "accordion-bottom-to-text-compact-medium": { + "prop": "--spectrum-accordion-bottom-to-text-compact-medium", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "8px" + } + }, + "accordion-bottom-to-text-compact-small": { + "prop": "--spectrum-accordion-bottom-to-text-compact-small", + "desktop": { + "value": "2px" + }, + "mobile": { + "value": "4px" + } + }, + "accordion-bottom-to-text-extra-large": { + "prop": "--spectrum-accordion-bottom-to-text-extra-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "accordion-bottom-to-text-large": { + "prop": "--spectrum-accordion-bottom-to-text-large", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "accordion-bottom-to-text-medium": { + "prop": "--spectrum-accordion-bottom-to-text-medium", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "13px" + } + }, + "accordion-bottom-to-text-regular-extra-large": { + "prop": "--spectrum-accordion-bottom-to-text-regular-extra-large", + "ref": "var(--spectrum-accordion-bottom-to-text-extra-large)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "accordion-bottom-to-text-regular-large": { + "prop": "--spectrum-accordion-bottom-to-text-regular-large", + "ref": "var(--spectrum-accordion-bottom-to-text-large)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "accordion-bottom-to-text-regular-medium": { + "prop": "--spectrum-accordion-bottom-to-text-regular-medium", + "ref": "var(--spectrum-accordion-bottom-to-text-medium)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "13px" + } + }, + "accordion-bottom-to-text-regular-small": { + "prop": "--spectrum-accordion-bottom-to-text-regular-small", + "ref": "var(--spectrum-accordion-bottom-to-text-small)", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "accordion-bottom-to-text-small": { + "prop": "--spectrum-accordion-bottom-to-text-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "accordion-bottom-to-text-spacious-extra-large": { + "prop": "--spectrum-accordion-bottom-to-text-spacious-extra-large", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "21px" + } + }, + "accordion-bottom-to-text-spacious-large": { + "prop": "--spectrum-accordion-bottom-to-text-spacious-large", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "accordion-bottom-to-text-spacious-medium": { + "prop": "--spectrum-accordion-bottom-to-text-spacious-medium", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "18px" + } + }, + "accordion-bottom-to-text-spacious-small": { + "prop": "--spectrum-accordion-bottom-to-text-spacious-small", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "accordion-content-area-bottom-to-content": { + "prop": "--spectrum-accordion-content-area-bottom-to-content", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "accordion-content-area-edge-to-content-extra-large": { + "prop": "--spectrum-accordion-content-area-edge-to-content-extra-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "accordion-content-area-edge-to-content-large": { + "prop": "--spectrum-accordion-content-area-edge-to-content-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "accordion-content-area-edge-to-content-medium": { + "prop": "--spectrum-accordion-content-area-edge-to-content-medium", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "accordion-content-area-edge-to-content-small": { + "prop": "--spectrum-accordion-content-area-edge-to-content-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "accordion-content-area-top-to-content": { + "prop": "--spectrum-accordion-content-area-top-to-content", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "accordion-disclosure-indicator-to-text": { + "prop": "--spectrum-accordion-disclosure-indicator-to-text", + "value": "0px" + }, + "accordion-disclosure-indicator-to-text-extra-large": { + "prop": "--spectrum-accordion-disclosure-indicator-to-text-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "accordion-disclosure-indicator-to-text-large": { + "prop": "--spectrum-accordion-disclosure-indicator-to-text-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "accordion-disclosure-indicator-to-text-medium": { + "prop": "--spectrum-accordion-disclosure-indicator-to-text-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "accordion-disclosure-indicator-to-text-small": { + "prop": "--spectrum-accordion-disclosure-indicator-to-text-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "accordion-edge-to-content-area-extra-large": { + "prop": "--spectrum-accordion-edge-to-content-area-extra-large", + "value": "17px" + }, + "accordion-edge-to-content-area-large": { + "prop": "--spectrum-accordion-edge-to-content-area-large", + "value": "14px" + }, + "accordion-edge-to-content-area-medium": { + "prop": "--spectrum-accordion-edge-to-content-area-medium", + "value": "11px" + }, + "accordion-edge-to-content-area-small": { + "prop": "--spectrum-accordion-edge-to-content-area-small", + "value": "7px" + }, + "accordion-edge-to-disclosure-indicator": { + "prop": "--spectrum-accordion-edge-to-disclosure-indicator", + "value": "0px" + }, + "accordion-edge-to-text": { + "prop": "--spectrum-accordion-edge-to-text", + "value": "0px" + }, + "accordion-focus-indicator-gap": { + "prop": "--spectrum-accordion-focus-indicator-gap", + "value": "2px" + }, + "accordion-item-to-divider": { + "prop": "--spectrum-accordion-item-to-divider", + "value": "0px" + }, + "accordion-minimum-width": { + "prop": "--spectrum-accordion-minimum-width", + "desktop": { + "value": "200px" + }, + "mobile": { + "value": "250px" + } + }, + "accordion-small-top-to-text-spacious": { + "prop": "--spectrum-accordion-small-top-to-text-spacious", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "12px" + } + }, + "accordion-top-to-text-compact-extra-large": { + "prop": "--spectrum-accordion-top-to-text-compact-extra-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "11px" + } + }, + "accordion-top-to-text-compact-large": { + "prop": "--spectrum-accordion-top-to-text-compact-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "14px" + } + }, + "accordion-top-to-text-compact-medium": { + "prop": "--spectrum-accordion-top-to-text-compact-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "14px" + } + }, + "accordion-top-to-text-compact-small": { + "prop": "--spectrum-accordion-top-to-text-compact-small", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "4px" + } + }, + "accordion-top-to-text-extra-large": { + "prop": "--spectrum-accordion-top-to-text-extra-large", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "17px" + } + }, + "accordion-top-to-text-large": { + "prop": "--spectrum-accordion-top-to-text-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "accordion-top-to-text-medium": { + "prop": "--spectrum-accordion-top-to-text-medium", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "10px" + } + }, + "accordion-top-to-text-regular-extra-large": { + "prop": "--spectrum-accordion-top-to-text-regular-extra-large", + "ref": "var(--spectrum-accordion-top-to-text-extra-large)", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "17px" + } + }, + "accordion-top-to-text-regular-large": { + "prop": "--spectrum-accordion-top-to-text-regular-large", + "ref": "var(--spectrum-accordion-top-to-text-large)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "accordion-top-to-text-regular-medium": { + "prop": "--spectrum-accordion-top-to-text-regular-medium", + "ref": "var(--spectrum-accordion-top-to-text-medium)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "10px" + } + }, + "accordion-top-to-text-regular-small": { + "prop": "--spectrum-accordion-top-to-text-regular-small", + "ref": "var(--spectrum-accordion-top-to-text-small)", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "10px" + } + }, + "accordion-top-to-text-small": { + "prop": "--spectrum-accordion-top-to-text-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "10px" + } + }, + "accordion-top-to-text-spacious-extra-large": { + "prop": "--spectrum-accordion-top-to-text-spacious-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "21px" + } + }, + "accordion-top-to-text-spacious-large": { + "prop": "--spectrum-accordion-top-to-text-spacious-large", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "accordion-top-to-text-spacious-medium": { + "prop": "--spectrum-accordion-top-to-text-spacious-medium", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "accordion-top-to-text-spacious-small": { + "prop": "--spectrum-accordion-top-to-text-spacious-small", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "action-bar-border-color": { + "prop": "--spectrum-action-bar-border-color", + "light": { + "ref": "var(--spectrum-transparent-white-25)", + "value": "rgba(255, 255, 255, 0)" + }, + "ref": "var(--spectrum-gray-400)", + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "action-bar-bottom-to-content-area": { + "prop": "--spectrum-action-bar-bottom-to-content-area", + "ref": "var(--spectrum-spacing-200)", + "value": "12px" + }, + "action-bar-close-button-to-counter": { + "prop": "--spectrum-action-bar-close-button-to-counter", + "ref": "var(--spectrum-text-to-control-50)", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "action-bar-counter-font-size": { + "prop": "--spectrum-action-bar-counter-font-size", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "action-bar-edge-to-content-area": { + "prop": "--spectrum-action-bar-edge-to-content-area", + "ref": "var(--spectrum-spacing-100)", + "value": "8px" + }, + "action-bar-height": { + "prop": "--spectrum-action-bar-height", + "ref": "var(--spectrum-component-height-400)", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "70px" + } + }, + "action-bar-label-to-action-group-area": { + "prop": "--spectrum-action-bar-label-to-action-group-area", + "ref": "var(--spectrum-spacing-300)", + "value": "16px" + }, + "action-bar-minimum-width": { + "prop": "--spectrum-action-bar-minimum-width", + "value": "176px" + }, + "action-bar-top-to-content-area": { + "prop": "--spectrum-action-bar-top-to-content-area", + "ref": "var(--spectrum-spacing-200)", + "value": "12px" + }, + "action-bar-top-to-item-counter": { + "prop": "--spectrum-action-bar-top-to-item-counter", + "ref": "var(--spectrum-component-top-to-text-300)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "action-button-edge-to-hold-icon-extra-large": { + "prop": "--spectrum-action-button-edge-to-hold-icon-extra-large", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "action-button-edge-to-hold-icon-extra-small": { + "prop": "--spectrum-action-button-edge-to-hold-icon-extra-small", + "value": "3px" + }, + "action-button-edge-to-hold-icon-large": { + "prop": "--spectrum-action-button-edge-to-hold-icon-large", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "action-button-edge-to-hold-icon-medium": { + "prop": "--spectrum-action-button-edge-to-hold-icon-medium", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "action-button-edge-to-hold-icon-small": { + "prop": "--spectrum-action-button-edge-to-hold-icon-small", + "value": "3px" + }, + "add-icon-size-100": { + "prop": "--spectrum-add-icon-size-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "add-icon-size-200": { + "prop": "--spectrum-add-icon-size-200", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "add-icon-size-300": { + "prop": "--spectrum-add-icon-size-300", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "add-icon-size-50": { + "prop": "--spectrum-add-icon-size-50", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "add-icon-size-75": { + "prop": "--spectrum-add-icon-size-75", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "alert-banner-bottom-to-text": { + "prop": "--spectrum-alert-banner-bottom-to-text", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "22px" + } + }, + "alert-banner-minimum-height": { + "prop": "--spectrum-alert-banner-minimum-height", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "64px" + } + }, + "alert-banner-to-bottom-text": { + "prop": "--spectrum-alert-banner-to-bottom-text", + "ref": "var(--spectrum-alert-banner-bottom-to-text)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "22px" + } + }, + "alert-banner-to-top-text": { + "prop": "--spectrum-alert-banner-to-top-text", + "ref": "var(--spectrum-alert-banner-top-to-text)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "21px" + } + }, + "alert-banner-to-top-workflow-icon": { + "prop": "--spectrum-alert-banner-to-top-workflow-icon", + "ref": "var(--spectrum-alert-banner-top-to-workflow-icon)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "20px" + } + }, + "alert-banner-top-to-alert-icon": { + "prop": "--spectrum-alert-banner-top-to-alert-icon", + "desktop": { + "value": "37px" + }, + "mobile": { + "value": "29px" + } + }, + "alert-banner-top-to-text": { + "prop": "--spectrum-alert-banner-top-to-text", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "21px" + } + }, + "alert-banner-top-to-workflow-icon": { + "prop": "--spectrum-alert-banner-top-to-workflow-icon", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "20px" + } + }, + "alert-banner-width": { + "prop": "--spectrum-alert-banner-width", + "desktop": { + "value": "832px" + }, + "mobile": { + "value": "680px" + } + }, + "alert-dialog-description-font-size": { + "prop": "--spectrum-alert-dialog-description-font-size", + "ref": "var(--spectrum-body-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "alert-dialog-description-size": { + "prop": "--spectrum-alert-dialog-description-size", + "ref": "var(--spectrum-body-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "alert-dialog-maximum-width": { + "prop": "--spectrum-alert-dialog-maximum-width", + "value": "480px" + }, + "alert-dialog-minimum-width": { + "prop": "--spectrum-alert-dialog-minimum-width", + "value": "288px" + }, + "alert-dialog-title-font-size": { + "prop": "--spectrum-alert-dialog-title-font-size", + "ref": "var(--spectrum-title-size-xl)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "24px" + } + }, + "alert-dialog-title-size": { + "prop": "--spectrum-alert-dialog-title-size", + "ref": "var(--spectrum-title-size-xl)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "24px" + } + }, + "android-elevation": { + "prop": "--spectrum-android-elevation", + "value": "2dp" + }, + "arrow-icon-size-100": { + "prop": "--spectrum-arrow-icon-size-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "arrow-icon-size-200": { + "prop": "--spectrum-arrow-icon-size-200", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "arrow-icon-size-300": { + "prop": "--spectrum-arrow-icon-size-300", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "arrow-icon-size-400": { + "prop": "--spectrum-arrow-icon-size-400", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "arrow-icon-size-500": { + "prop": "--spectrum-arrow-icon-size-500", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "arrow-icon-size-600": { + "prop": "--spectrum-arrow-icon-size-600", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "arrow-icon-size-75": { + "prop": "--spectrum-arrow-icon-size-75", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "asterisk-icon-size-100": { + "prop": "--spectrum-asterisk-icon-size-100", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "asterisk-icon-size-200": { + "prop": "--spectrum-asterisk-icon-size-200", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "asterisk-icon-size-300": { + "prop": "--spectrum-asterisk-icon-size-300", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "asterisk-icon-size-75": { + "prop": "--spectrum-asterisk-icon-size-75", + "value": "8px" + }, + "avatar-border-color": { + "prop": "--spectrum-avatar-border-color", + "ref": "var(--spectrum-gray-25)", + "dark": { + "value": "rgb(17, 17, 17)" + }, + "light": { + "value": "rgb(255, 255, 255)" + } + }, + "avatar-border-width": { + "prop": "--spectrum-avatar-border-width", + "ref": "var(--spectrum-border-width-100)", + "value": "1px" + }, + "avatar-group-size-100": { + "prop": "--spectrum-avatar-group-size-100", + "ref": "var(--spectrum-avatar-size-100)", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "28px" + } + }, + "avatar-group-size-200": { + "prop": "--spectrum-avatar-group-size-200", + "ref": "var(--spectrum-avatar-size-200)", + "desktop": { + "value": "28px" + }, + "mobile": { + "value": "32px" + } + }, + "avatar-group-size-300": { + "prop": "--spectrum-avatar-group-size-300", + "ref": "var(--spectrum-avatar-size-300)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "36px" + } + }, + "avatar-group-size-400": { + "prop": "--spectrum-avatar-group-size-400", + "ref": "var(--spectrum-avatar-size-400)", + "desktop": { + "value": "36px" + }, + "mobile": { + "value": "40px" + } + }, + "avatar-group-size-50": { + "prop": "--spectrum-avatar-group-size-50", + "ref": "var(--spectrum-avatar-size-50)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "avatar-group-size-500": { + "prop": "--spectrum-avatar-group-size-500", + "ref": "var(--spectrum-avatar-size-500)", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "44px" + } + }, + "avatar-group-size-75": { + "prop": "--spectrum-avatar-group-size-75", + "ref": "var(--spectrum-avatar-size-75)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "avatar-opacity-disabled": { + "prop": "--spectrum-avatar-opacity-disabled", + "ref": "var(--spectrum-opacity-disabled)", + "value": "0.3" + }, + "avatar-size-100": { + "prop": "--spectrum-avatar-size-100", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "28px" + } + }, + "avatar-size-1000": { + "prop": "--spectrum-avatar-size-1000", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "72px" + } + }, + "avatar-size-1100": { + "prop": "--spectrum-avatar-size-1100", + "desktop": { + "value": "72px" + }, + "mobile": { + "value": "80px" + } + }, + "avatar-size-1200": { + "prop": "--spectrum-avatar-size-1200", + "desktop": { + "value": "80px" + }, + "mobile": { + "value": "88px" + } + }, + "avatar-size-1300": { + "prop": "--spectrum-avatar-size-1300", + "desktop": { + "value": "88px" + }, + "mobile": { + "value": "96px" + } + }, + "avatar-size-1400": { + "prop": "--spectrum-avatar-size-1400", + "desktop": { + "value": "96px" + }, + "mobile": { + "value": "104px" + } + }, + "avatar-size-1500": { + "prop": "--spectrum-avatar-size-1500", + "desktop": { + "value": "104px" + }, + "mobile": { + "value": "112px" + } + }, + "avatar-size-200": { + "prop": "--spectrum-avatar-size-200", + "desktop": { + "value": "28px" + }, + "mobile": { + "value": "32px" + } + }, + "avatar-size-300": { + "prop": "--spectrum-avatar-size-300", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "36px" + } + }, + "avatar-size-400": { + "prop": "--spectrum-avatar-size-400", + "desktop": { + "value": "36px" + }, + "mobile": { + "value": "40px" + } + }, + "avatar-size-50": { + "prop": "--spectrum-avatar-size-50", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "avatar-size-500": { + "prop": "--spectrum-avatar-size-500", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "44px" + } + }, + "avatar-size-600": { + "prop": "--spectrum-avatar-size-600", + "desktop": { + "value": "44px" + }, + "mobile": { + "value": "48px" + } + }, + "avatar-size-700": { + "prop": "--spectrum-avatar-size-700", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "52px" + } + }, + "avatar-size-75": { + "prop": "--spectrum-avatar-size-75", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "avatar-size-800": { + "prop": "--spectrum-avatar-size-800", + "desktop": { + "value": "52px" + }, + "mobile": { + "value": "56px" + } + }, + "avatar-size-900": { + "prop": "--spectrum-avatar-size-900", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "64px" + } + }, + "avatar-to-avatar-100": { + "prop": "--spectrum-avatar-to-avatar-100", + "desktop": { + "value": "-6px" + }, + "mobile": { + "value": "-7px" + } + }, + "avatar-to-avatar-200": { + "prop": "--spectrum-avatar-to-avatar-200", + "desktop": { + "value": "-7px" + }, + "mobile": { + "value": "-8px" + } + }, + "avatar-to-avatar-300": { + "prop": "--spectrum-avatar-to-avatar-300", + "desktop": { + "value": "-8px" + }, + "mobile": { + "value": "-9px" + } + }, + "avatar-to-avatar-400": { + "prop": "--spectrum-avatar-to-avatar-400", + "desktop": { + "value": "-9px" + }, + "mobile": { + "value": "-10px" + } + }, + "avatar-to-avatar-50": { + "prop": "--spectrum-avatar-to-avatar-50", + "desktop": { + "value": "-4px" + }, + "mobile": { + "value": "-5px" + } + }, + "avatar-to-avatar-500": { + "prop": "--spectrum-avatar-to-avatar-500", + "desktop": { + "value": "-10px" + }, + "mobile": { + "value": "-11px" + } + }, + "avatar-to-avatar-75": { + "prop": "--spectrum-avatar-to-avatar-75", + "desktop": { + "value": "-5px" + }, + "mobile": { + "value": "-6px" + } + }, + "background-base-color": { + "prop": "--spectrum-background-base-color", + "ref": "var(--spectrum-gray-25)", + "dark": { + "value": "rgb(17, 17, 17)" + }, + "light": { + "value": "rgb(255, 255, 255)" + } + }, + "background-elevated-color": { + "prop": "--spectrum-background-elevated-color", + "ref": "var(--spectrum-gray-25)", + "dark": { + "value": "rgb(34, 34, 34)" + }, + "light": { + "value": "rgb(255, 255, 255)" + } + }, + "background-layer-1-color": { + "prop": "--spectrum-background-layer-1-color", + "ref": "var(--spectrum-gray-50)", + "light": { + "value": "rgb(248, 248, 248)" + }, + "dark": { + "value": "rgb(27, 27, 27)" + } + }, + "background-layer-2-color": { + "prop": "--spectrum-background-layer-2-color", + "ref": "var(--spectrum-gray-75)", + "light": { + "value": "rgb(255, 255, 255)" + }, + "dark": { + "value": "rgb(34, 34, 34)" + } + }, + "background-opacity-default": { + "prop": "--spectrum-background-opacity-default", + "value": "0" + }, + "background-opacity-down": { + "prop": "--spectrum-background-opacity-down", + "value": "0.1" + }, + "background-opacity-hover": { + "prop": "--spectrum-background-opacity-hover", + "value": "0.1" + }, + "background-opacity-key-focus": { + "prop": "--spectrum-background-opacity-key-focus", + "value": "0.1" + }, + "background-pasteboard-color": { + "prop": "--spectrum-background-pasteboard-color", + "ref": "var(--spectrum-gray-100)", + "dark": { + "value": "rgb(17, 17, 17)" + }, + "light": { + "value": "rgb(233, 233, 233)" + } + }, + "bar-panel-gripper-color": { + "prop": "--spectrum-bar-panel-gripper-color", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "bar-panel-gripper-color-drag": { + "prop": "--spectrum-bar-panel-gripper-color-drag", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "bar-panel-maximum-width": { + "prop": "--spectrum-bar-panel-maximum-width", + "value": "72px" + }, + "bar-panel-minimum-width": { + "prop": "--spectrum-bar-panel-minimum-width", + "value": "40px" + }, + "bar-panel-spacing-extra-spacious": { + "prop": "--spectrum-bar-panel-spacing-extra-spacious", + "value": "20px" + }, + "bar-panel-width": { + "prop": "--spectrum-bar-panel-width", + "value": "56px" + }, + "black": { + "prop": "--spectrum-black", + "value": "rgb(0, 0, 0)" + }, + "black-font-weight": { + "prop": "--spectrum-black-font-weight", + "ref": "black", + "value": "900" + }, + "blue-100": { + "prop": "--spectrum-blue-100", + "light": { + "value": "rgb(245, 249, 255)" + }, + "dark": { + "value": "rgb(14, 23, 63)" + } + }, + "blue-1000": { + "prop": "--spectrum-blue-1000", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "blue-1100": { + "prop": "--spectrum-blue-1100", + "light": { + "value": "rgb(29, 62, 207)" + }, + "dark": { + "value": "rgb(124, 169, 252)" + } + }, + "blue-1200": { + "prop": "--spectrum-blue-1200", + "light": { + "value": "rgb(21, 50, 173)" + }, + "dark": { + "value": "rgb(152, 192, 252)" + } + }, + "blue-1300": { + "prop": "--spectrum-blue-1300", + "light": { + "value": "rgb(16, 40, 140)" + }, + "dark": { + "value": "rgb(181, 213, 253)" + } + }, + "blue-1400": { + "prop": "--spectrum-blue-1400", + "light": { + "value": "rgb(12, 31, 105)" + }, + "dark": { + "value": "rgb(213, 231, 254)" + } + }, + "blue-1500": { + "prop": "--spectrum-blue-1500", + "dark": { + "value": "rgb(238, 245, 255)" + }, + "light": { + "value": "rgb(14, 24, 67)" + } + }, + "blue-1600": { + "prop": "--spectrum-blue-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(7, 11, 30)" + } + }, + "blue-200": { + "prop": "--spectrum-blue-200", + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(15, 28, 82)" + } + }, + "blue-300": { + "prop": "--spectrum-blue-300", + "light": { + "value": "rgb(203, 226, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "blue-400": { + "prop": "--spectrum-blue-400", + "light": { + "value": "rgb(172, 207, 253)" + }, + "dark": { + "value": "rgb(18, 45, 154)" + } + }, + "blue-500": { + "prop": "--spectrum-blue-500", + "light": { + "value": "rgb(142, 185, 252)" + }, + "dark": { + "value": "rgb(26, 58, 195)" + } + }, + "blue-600": { + "prop": "--spectrum-blue-600", + "light": { + "value": "rgb(114, 158, 253)" + }, + "dark": { + "value": "rgb(37, 73, 229)" + } + }, + "blue-700": { + "prop": "--spectrum-blue-700", + "light": { + "value": "rgb(93, 137, 255)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "blue-800": { + "prop": "--spectrum-blue-800", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "blue-900": { + "prop": "--spectrum-blue-900", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "blue-background-color-default": { + "prop": "--spectrum-blue-background-color-default", + "ref": "var(--spectrum-blue-800)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "blue-subtle-background-color-default": { + "prop": "--spectrum-blue-subtle-background-color-default", + "ref": "var(--spectrum-blue-300)", + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "blue-visual-color": { + "prop": "--spectrum-blue-visual-color", + "ref": "var(--spectrum-blue-900)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "body-cjk-emphasized-font-style": { + "prop": "--spectrum-body-cjk-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-cjk-emphasized-font-weight": { + "prop": "--spectrum-body-cjk-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "body-cjk-font-family": { + "prop": "--spectrum-body-cjk-font-family", + "ref": "var(--spectrum-cjk-font-family)", + "value": "Adobe Clean Han" + }, + "body-cjk-font-style": { + "prop": "--spectrum-body-cjk-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-cjk-font-weight": { + "prop": "--spectrum-body-cjk-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "body-cjk-line-height": { + "prop": "--spectrum-body-cjk-line-height", + "ref": "var(--spectrum-cjk-line-height-200)", + "value": 1.7 + }, + "body-cjk-size-l": { + "prop": "--spectrum-body-cjk-size-l", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "body-cjk-size-m": { + "prop": "--spectrum-body-cjk-size-m", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "body-cjk-size-s": { + "prop": "--spectrum-body-cjk-size-s", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "body-cjk-size-xl": { + "prop": "--spectrum-body-cjk-size-xl", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "body-cjk-size-xs": { + "prop": "--spectrum-body-cjk-size-xs", + "ref": "var(--spectrum-font-size-50)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "body-cjk-size-xxl": { + "prop": "--spectrum-body-cjk-size-xxl", + "ref": "var(--spectrum-font-size-400)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "body-cjk-size-xxs": { + "prop": "--spectrum-body-cjk-size-xxs", + "ref": "var(--spectrum-font-size-25)", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "body-cjk-size-xxxl": { + "prop": "--spectrum-body-cjk-size-xxxl", + "ref": "var(--spectrum-font-size-500)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } + }, + "body-cjk-strong-emphasized-font-style": { + "prop": "--spectrum-body-cjk-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-cjk-strong-emphasized-font-weight": { + "prop": "--spectrum-body-cjk-strong-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "body-cjk-strong-font-style": { + "prop": "--spectrum-body-cjk-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-cjk-strong-font-weight": { + "prop": "--spectrum-body-cjk-strong-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "body-color": { + "prop": "--spectrum-body-color", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "body-line-height": { + "prop": "--spectrum-body-line-height", + "ref": "var(--spectrum-line-height-200)", + "value": 1.5 + }, + "body-margin-multiplier": { + "prop": "--spectrum-body-margin-multiplier", + "value": 0.75 + }, + "body-sans-serif-emphasized-font-style": { + "prop": "--spectrum-body-sans-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "body-sans-serif-emphasized-font-weight": { + "prop": "--spectrum-body-sans-serif-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "body-sans-serif-font-family": { + "prop": "--spectrum-body-sans-serif-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean" + }, + "body-sans-serif-font-style": { + "prop": "--spectrum-body-sans-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-sans-serif-font-weight": { + "prop": "--spectrum-body-sans-serif-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "body-sans-serif-strong-emphasized-font-style": { + "prop": "--spectrum-body-sans-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "body-sans-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-body-sans-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "body-sans-serif-strong-font-style": { + "prop": "--spectrum-body-sans-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-sans-serif-strong-font-weight": { + "prop": "--spectrum-body-sans-serif-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "body-serif-emphasized-font-style": { + "prop": "--spectrum-body-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "body-serif-emphasized-font-weight": { + "prop": "--spectrum-body-serif-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "body-serif-font-family": { + "prop": "--spectrum-body-serif-font-family", + "ref": "var(--spectrum-serif-font-family)", + "value": "Adobe Clean Serif" + }, + "body-serif-font-style": { + "prop": "--spectrum-body-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-serif-font-weight": { + "prop": "--spectrum-body-serif-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "body-serif-strong-emphasized-font-style": { + "prop": "--spectrum-body-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "body-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-body-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "body-serif-strong-font-style": { + "prop": "--spectrum-body-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "body-serif-strong-font-weight": { + "prop": "--spectrum-body-serif-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "body-size-l": { + "prop": "--spectrum-body-size-l", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "body-size-m": { + "prop": "--spectrum-body-size-m", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "body-size-s": { + "prop": "--spectrum-body-size-s", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "body-size-xl": { + "prop": "--spectrum-body-size-xl", + "ref": "var(--spectrum-font-size-400)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "body-size-xs": { + "prop": "--spectrum-body-size-xs", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "body-size-xxl": { + "prop": "--spectrum-body-size-xxl", + "ref": "var(--spectrum-font-size-500)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } + }, + "body-size-xxs": { + "prop": "--spectrum-body-size-xxs", + "ref": "var(--spectrum-font-size-50)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "body-size-xxxl": { + "prop": "--spectrum-body-size-xxxl", + "ref": "var(--spectrum-font-size-600)", + "desktop": { + "value": "25px" + }, + "mobile": { + "value": "31px" + } + }, + "bold-font-weight": { + "prop": "--spectrum-bold-font-weight", + "ref": "bold", + "value": "700" + }, + "border-width-100": { + "prop": "--spectrum-border-width-100", + "value": "1px" + }, + "border-width-200": { + "prop": "--spectrum-border-width-200", + "value": "2px" + }, + "border-width-400": { + "prop": "--spectrum-border-width-400", + "value": "4px" + }, + "breadcrumbs-bottom-to-text": { + "prop": "--spectrum-breadcrumbs-bottom-to-text", + "ref": "var(--spectrum-component-bottom-to-text-200)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "breadcrumbs-bottom-to-text-compact": { + "prop": "--spectrum-breadcrumbs-bottom-to-text-compact", + "ref": "var(--spectrum-component-bottom-to-text-100)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "breadcrumbs-bottom-to-text-multiline": { + "prop": "--spectrum-breadcrumbs-bottom-to-text-multiline", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "breadcrumbs-end-edge-to-text": { + "prop": "--spectrum-breadcrumbs-end-edge-to-text", + "value": "0px" + }, + "breadcrumbs-height": { + "prop": "--spectrum-breadcrumbs-height", + "ref": "var(--spectrum-component-height-200)", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "breadcrumbs-height-compact": { + "prop": "--spectrum-breadcrumbs-height-compact", + "ref": "var(--spectrum-component-height-100)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "breadcrumbs-height-multiline": { + "prop": "--spectrum-breadcrumbs-height-multiline", + "desktop": { + "value": "72px" + }, + "mobile": { + "value": "90px" + } + }, + "breadcrumbs-separator-icon-to-bottom-text-multiline": { + "prop": "--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline", + "ref": "var(--spectrum-breadcrumbs-separator-to-bottom-text-multiline)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "breadcrumbs-separator-to-bottom-text-multiline": { + "prop": "--spectrum-breadcrumbs-separator-to-bottom-text-multiline", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "breadcrumbs-start-edge-to-text": { + "prop": "--spectrum-breadcrumbs-start-edge-to-text", + "ref": "var(--spectrum-breadcrumbs-start-edge-to-text-large)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "breadcrumbs-start-edge-to-text-large": { + "prop": "--spectrum-breadcrumbs-start-edge-to-text-large", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "breadcrumbs-start-edge-to-text-medium": { + "prop": "--spectrum-breadcrumbs-start-edge-to-text-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "breadcrumbs-start-edge-to-text-multiline": { + "prop": "--spectrum-breadcrumbs-start-edge-to-text-multiline", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "breadcrumbs-start-edge-to-truncated-menu": { + "prop": "--spectrum-breadcrumbs-start-edge-to-truncated-menu", + "value": "0px" + }, + "breadcrumbs-text-to-separator-large": { + "prop": "--spectrum-breadcrumbs-text-to-separator-large", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "breadcrumbs-text-to-separator-medium": { + "prop": "--spectrum-breadcrumbs-text-to-separator-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "breadcrumbs-text-to-separator-multiline": { + "prop": "--spectrum-breadcrumbs-text-to-separator-multiline", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "breadcrumbs-top-text-to-bottom-text": { + "prop": "--spectrum-breadcrumbs-top-text-to-bottom-text", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "breadcrumbs-top-to-separator-icon": { + "prop": "--spectrum-breadcrumbs-top-to-separator-icon", + "ref": "var(--spectrum-breadcrumbs-top-to-separator-large)", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "20px" + } + }, + "breadcrumbs-top-to-separator-icon-compact": { + "prop": "--spectrum-breadcrumbs-top-to-separator-icon-compact", + "ref": "var(--spectrum-breadcrumbs-top-to-separator-medium)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "breadcrumbs-top-to-separator-icon-multiline": { + "prop": "--spectrum-breadcrumbs-top-to-separator-icon-multiline", + "ref": "var(--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline)", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "15px" + } + }, + "breadcrumbs-top-to-separator-large": { + "prop": "--spectrum-breadcrumbs-top-to-separator-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "20px" + } + }, + "breadcrumbs-top-to-separator-medium": { + "prop": "--spectrum-breadcrumbs-top-to-separator-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "breadcrumbs-top-to-separator-multiline": { + "prop": "--spectrum-breadcrumbs-top-to-separator-multiline", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "10px" + } + }, + "breadcrumbs-top-to-text": { + "prop": "--spectrum-breadcrumbs-top-to-text", + "ref": "var(--spectrum-component-top-to-text-200)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "12px" + } + }, + "breadcrumbs-top-to-text-compact": { + "prop": "--spectrum-breadcrumbs-top-to-text-compact", + "ref": "var(--spectrum-component-top-to-text-100)", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "breadcrumbs-top-to-text-multiline": { + "prop": "--spectrum-breadcrumbs-top-to-text-multiline", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "breadcrumbs-top-to-truncated-menu": { + "prop": "--spectrum-breadcrumbs-top-to-truncated-menu", + "value": "0px" + }, + "breadcrumbs-top-to-truncated-menu-compact": { + "prop": "--spectrum-breadcrumbs-top-to-truncated-menu-compact", + "ref": "var(--spectrum-breadcrumbs-top-to-truncated-menu)", + "value": "0px" + }, + "breadcrumbs-truncated-menu-to-bottom-text": { + "prop": "--spectrum-breadcrumbs-truncated-menu-to-bottom-text", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "breadcrumbs-truncated-menu-to-separator": { + "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator", + "value": "0px" + }, + "breadcrumbs-truncated-menu-to-separator-icon": { + "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator-icon", + "ref": "var(--spectrum-breadcrumbs-truncated-menu-to-separator)", + "value": "0px" + }, + "brown-100": { + "prop": "--spectrum-brown-100", + "dark": { + "value": "rgb(35, 24, 8)" + }, + "light": { + "value": "rgb(252, 247, 242)" + } + }, + "brown-1000": { + "prop": "--spectrum-brown-1000", + "dark": { + "value": "rgb(181, 147, 98)" + }, + "light": { + "value": "rgb(119, 91, 50)" + } + }, + "brown-1100": { + "prop": "--spectrum-brown-1100", + "dark": { + "value": "rgb(199, 163, 112)" + }, + "light": { + "value": "rgb(103, 76, 35)" + } + }, + "brown-1200": { + "prop": "--spectrum-brown-1200", + "dark": { + "value": "rgb(222, 185, 130)" + }, + "light": { + "value": "rgb(88, 61, 21)" + } + }, + "brown-1300": { + "prop": "--spectrum-brown-1300", + "dark": { + "value": "rgb(232, 207, 169)" + }, + "light": { + "value": "rgb(70, 49, 17)" + } + }, + "brown-1400": { + "prop": "--spectrum-brown-1400", + "dark": { + "value": "rgb(242, 227, 206)" + }, + "light": { + "value": "rgb(52, 37, 13)" + } + }, + "brown-1500": { + "prop": "--spectrum-brown-1500", + "dark": { + "value": "rgb(250, 244, 236)" + }, + "light": { + "value": "rgb(38, 26, 9)" + } + }, + "brown-1600": { + "prop": "--spectrum-brown-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(16, 12, 4)" + } + }, + "brown-200": { + "prop": "--spectrum-brown-200", + "dark": { + "value": "rgb(44, 31, 11)" + }, + "light": { + "value": "rgb(247, 238, 225)" + } + }, + "brown-300": { + "prop": "--spectrum-brown-300", + "dark": { + "value": "rgb(58, 40, 14)" + }, + "light": { + "value": "rgb(239, 221, 195)" + } + }, + "brown-400": { + "prop": "--spectrum-brown-400", + "dark": { + "value": "rgb(78, 55, 19)" + }, + "light": { + "value": "rgb(229, 200, 157)" + } + }, + "brown-500": { + "prop": "--spectrum-brown-500", + "dark": { + "value": "rgb(98, 71, 30)" + }, + "light": { + "value": "rgb(214, 177, 123)" + } + }, + "brown-600": { + "prop": "--spectrum-brown-600", + "dark": { + "value": "rgb(115, 88, 47)" + }, + "light": { + "value": "rgb(190, 155, 104)" + } + }, + "brown-700": { + "prop": "--spectrum-brown-700", + "dark": { + "value": "rgb(132, 104, 61)" + }, + "light": { + "value": "rgb(171, 138, 90)" + } + }, + "brown-800": { + "prop": "--spectrum-brown-800", + "dark": { + "value": "rgb(143, 114, 69)" + }, + "light": { + "value": "rgb(154, 123, 77)" + } + }, + "brown-900": { + "prop": "--spectrum-brown-900", + "dark": { + "value": "rgb(163, 132, 84)" + }, + "light": { + "value": "rgb(139, 109, 66)" + } + }, + "brown-background-color-default": { + "prop": "--spectrum-brown-background-color-default", + "ref": "var(--spectrum-brown-800)", + "light": { + "value": "rgb(139, 109, 66)" + }, + "dark": { + "value": "rgb(143, 114, 69)" + } + }, + "brown-subtle-background-color-default": { + "prop": "--spectrum-brown-subtle-background-color-default", + "ref": "var(--spectrum-brown-300)", + "light": { + "value": "rgb(247, 238, 225)" + }, + "dark": { + "value": "rgb(58, 40, 14)" + } + }, + "brown-visual-color": { + "prop": "--spectrum-brown-visual-color", + "ref": "var(--spectrum-brown-900)", + "light": { + "value": "rgb(154, 123, 77)" + }, + "dark": { + "value": "rgb(163, 132, 84)" + } + }, + "button-minimum-width-multiplier": { + "prop": "--spectrum-button-minimum-width-multiplier", + "value": 2.25 + }, + "card-background-loading-color": { + "prop": "--spectrum-card-background-loading-color", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "card-background-well-color": { + "prop": "--spectrum-card-background-well-color", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "card-default-width-extra-large": { + "prop": "--spectrum-card-default-width-extra-large", + "value": "400px" + }, + "card-default-width-extra-small": { + "prop": "--spectrum-card-default-width-extra-small", + "value": "120px" + }, + "card-default-width-large": { + "prop": "--spectrum-card-default-width-large", + "value": "320px" + }, + "card-default-width-medium": { + "prop": "--spectrum-card-default-width-medium", + "value": "240px" + }, + "card-default-width-small": { + "prop": "--spectrum-card-default-width-small", + "value": "180px" + }, + "card-description-to-footer": { + "prop": "--spectrum-card-description-to-footer", + "ref": "var(--spectrum-spacing-300)", + "value": "16px" + }, + "card-edge-to-content-compact-extra-large": { + "prop": "--spectrum-card-edge-to-content-compact-extra-large", + "value": "20px" + }, + "card-edge-to-content-compact-extra-small": { + "prop": "--spectrum-card-edge-to-content-compact-extra-small", + "value": "6px" + }, + "card-edge-to-content-compact-large": { + "prop": "--spectrum-card-edge-to-content-compact-large", + "value": "16px" + }, + "card-edge-to-content-compact-medium": { + "prop": "--spectrum-card-edge-to-content-compact-medium", + "value": "12px" + }, + "card-edge-to-content-compact-small": { + "prop": "--spectrum-card-edge-to-content-compact-small", + "value": "8px" + }, + "card-edge-to-content-default-extra-large": { + "prop": "--spectrum-card-edge-to-content-default-extra-large", + "value": "24px" + }, + "card-edge-to-content-default-extra-small": { + "prop": "--spectrum-card-edge-to-content-default-extra-small", + "value": "8px" + }, + "card-edge-to-content-default-large": { + "prop": "--spectrum-card-edge-to-content-default-large", + "value": "20px" + }, + "card-edge-to-content-default-medium": { + "prop": "--spectrum-card-edge-to-content-default-medium", + "value": "16px" + }, + "card-edge-to-content-default-small": { + "prop": "--spectrum-card-edge-to-content-default-small", + "value": "12px" + }, + "card-edge-to-content-spacious-extra-large": { + "prop": "--spectrum-card-edge-to-content-spacious-extra-large", + "value": "28px" + }, + "card-edge-to-content-spacious-extra-small": { + "prop": "--spectrum-card-edge-to-content-spacious-extra-small", + "value": "12px" + }, + "card-edge-to-content-spacious-large": { + "prop": "--spectrum-card-edge-to-content-spacious-large", + "value": "24px" + }, + "card-edge-to-content-spacious-medium": { + "prop": "--spectrum-card-edge-to-content-spacious-medium", + "value": "20px" + }, + "card-edge-to-content-spacious-small": { + "prop": "--spectrum-card-edge-to-content-spacious-small", + "value": "16px" + }, + "card-header-to-description": { + "prop": "--spectrum-card-header-to-description", + "ref": "var(--spectrum-spacing-75)", + "value": "4px" + }, + "card-horizontal-edge-to-content-compact": { + "prop": "--spectrum-card-horizontal-edge-to-content-compact", + "value": "12px" + }, + "card-horizontal-edge-to-content-default": { + "prop": "--spectrum-card-horizontal-edge-to-content-default", + "value": "16px" + }, + "card-horizontal-edge-to-content-spacious": { + "prop": "--spectrum-card-horizontal-edge-to-content-spacious", + "value": "20px" + }, + "card-maximum-width-extra-large": { + "prop": "--spectrum-card-maximum-width-extra-large", + "value": "460px" + }, + "card-maximum-width-extra-small": { + "prop": "--spectrum-card-maximum-width-extra-small", + "value": "140px" + }, + "card-maximum-width-large": { + "prop": "--spectrum-card-maximum-width-large", + "value": "370px" + }, + "card-maximum-width-medium": { + "prop": "--spectrum-card-maximum-width-medium", + "value": "280px" + }, + "card-maximum-width-small": { + "prop": "--spectrum-card-maximum-width-small", + "value": "210px" + }, + "card-minimum-height-extra-large": { + "prop": "--spectrum-card-minimum-height-extra-large", + "value": "300px" + }, + "card-minimum-height-extra-small": { + "prop": "--spectrum-card-minimum-height-extra-small", + "value": "90px" + }, + "card-minimum-height-large": { + "prop": "--spectrum-card-minimum-height-large", + "value": "240px" + }, + "card-minimum-height-medium": { + "prop": "--spectrum-card-minimum-height-medium", + "value": "180px" + }, + "card-minimum-height-small": { + "prop": "--spectrum-card-minimum-height-small", + "value": "135px" + }, + "card-minimum-width": { + "prop": "--spectrum-card-minimum-width", + "value": "100px" + }, + "card-minimum-width-extra-large": { + "prop": "--spectrum-card-minimum-width-extra-large", + "value": "340px" + }, + "card-minimum-width-extra-small": { + "prop": "--spectrum-card-minimum-width-extra-small", + "value": "100px" + }, + "card-minimum-width-large": { + "prop": "--spectrum-card-minimum-width-large", + "value": "270px" + }, + "card-minimum-width-medium": { + "prop": "--spectrum-card-minimum-width-medium", + "value": "200px" + }, + "card-minimum-width-small": { + "prop": "--spectrum-card-minimum-width-small", + "value": "150px" + }, + "card-preview-minimum-height": { + "prop": "--spectrum-card-preview-minimum-height", + "value": "130px" + }, + "card-selection-background-color": { + "prop": "--spectrum-card-selection-background-color", + "light": { + "ref": "var(--spectrum-transparent-white-600)", + "value": "rgba(255, 255, 255, 0.51)" + }, + "dark": { + "ref": "var(--spectrum-transparent-black-600)", + "value": "rgba(0, 0, 0, 0.56)" + } + }, + "card-selection-background-color-opacity": { + "prop": "--spectrum-card-selection-background-color-opacity", + "value": "0.95" + }, + "card-selection-background-size": { + "prop": "--spectrum-card-selection-background-size", + "value": "40px" + }, + "card-selection-background-size-extra-large": { + "prop": "--spectrum-card-selection-background-size-extra-large", + "value": "28px" + }, + "card-selection-background-size-large": { + "prop": "--spectrum-card-selection-background-size-large", + "value": "26px" + }, + "card-selection-background-size-medium": { + "prop": "--spectrum-card-selection-background-size-medium", + "value": "24px" + }, + "card-selection-background-size-small": { + "prop": "--spectrum-card-selection-background-size-small", + "value": "22px" + }, + "celery-100": { + "prop": "--spectrum-celery-100", + "light": { + "value": "rgb(235, 255, 220)" + }, + "dark": { + "value": "rgb(11, 31, 0)" + } + }, + "celery-1000": { + "prop": "--spectrum-celery-1000", + "light": { + "value": "rgb(52, 109, 12)" + }, + "dark": { + "value": "rgb(88, 172, 28)" + } + }, + "celery-1100": { + "prop": "--spectrum-celery-1100", + "light": { + "value": "rgb(44, 92, 9)" + }, + "dark": { + "value": "rgb(100, 190, 35)" + } + }, + "celery-1200": { + "prop": "--spectrum-celery-1200", + "light": { + "value": "rgb(35, 75, 6)" + }, + "dark": { + "value": "rgb(116, 213, 46)" + } + }, + "celery-1300": { + "prop": "--spectrum-celery-1300", + "light": { + "value": "rgb(27, 60, 3)" + }, + "dark": { + "value": "rgb(136, 234, 65)" + } + }, + "celery-1400": { + "prop": "--spectrum-celery-1400", + "light": { + "value": "rgb(19, 46, 0)" + }, + "dark": { + "value": "rgb(170, 251, 112)" + } + }, + "celery-1500": { + "prop": "--spectrum-celery-1500", + "dark": { + "value": "rgb(222, 255, 198)" + }, + "light": { + "value": "rgb(12, 33, 0)" + } + }, + "celery-1600": { + "prop": "--spectrum-celery-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(4, 15, 0)" + } + }, + "celery-200": { + "prop": "--spectrum-celery-200", + "light": { + "value": "rgb(197, 255, 156)" + }, + "dark": { + "value": "rgb(15, 38, 0)" + } + }, + "celery-300": { + "prop": "--spectrum-celery-300", + "light": { + "value": "rgb(157, 247, 92)" + }, + "dark": { + "value": "rgb(21, 51, 1)" + } + }, + "celery-400": { + "prop": "--spectrum-celery-400", + "light": { + "value": "rgb(129, 228, 58)" + }, + "dark": { + "value": "rgb(31, 67, 4)" + } + }, + "celery-500": { + "prop": "--spectrum-celery-500", + "light": { + "value": "rgb(110, 206, 42)" + }, + "dark": { + "value": "rgb(41, 86, 8)" + } + }, + "celery-600": { + "prop": "--spectrum-celery-600", + "light": { + "value": "rgb(93, 180, 31)" + }, + "dark": { + "value": "rgb(50, 105, 11)" + } + }, + "celery-700": { + "prop": "--spectrum-celery-700", + "light": { + "value": "rgb(82, 161, 25)" + }, + "dark": { + "value": "rgb(60, 122, 15)" + } + }, + "celery-800": { + "prop": "--spectrum-celery-800", + "light": { + "value": "rgb(72, 144, 20)" + }, + "dark": { + "value": "rgb(66, 134, 18)" + } + }, + "celery-900": { + "prop": "--spectrum-celery-900", + "light": { + "value": "rgb(64, 129, 17)" + }, + "dark": { + "value": "rgb(78, 154, 23)" + } + }, + "celery-background-color-default": { + "prop": "--spectrum-celery-background-color-default", + "ref": "var(--spectrum-celery-900)", + "light": { + "value": "rgb(93, 180, 31)" + }, + "dark": { + "value": "rgb(78, 154, 23)" + } + }, + "celery-subtle-background-color-default": { + "prop": "--spectrum-celery-subtle-background-color-default", + "ref": "var(--spectrum-celery-300)", + "light": { + "value": "rgb(197, 255, 156)" + }, + "dark": { + "value": "rgb(21, 51, 1)" + } + }, + "celery-visual-color": { + "prop": "--spectrum-celery-visual-color", + "ref": "var(--spectrum-celery-800)", + "light": { + "value": "rgb(82, 161, 25)" + }, + "dark": { + "value": "rgb(66, 134, 18)" + } + }, + "character-count-to-field-quiet-extra-large": { + "prop": "--spectrum-character-count-to-field-quiet-extra-large", + "desktop": { + "value": "-4px" + }, + "mobile": { + "value": "-5px" + } + }, + "character-count-to-field-quiet-large": { + "prop": "--spectrum-character-count-to-field-quiet-large", + "desktop": { + "value": "-3px" + }, + "mobile": { + "value": "-4px" + } + }, + "character-count-to-field-quiet-medium": { + "prop": "--spectrum-character-count-to-field-quiet-medium", + "desktop": { + "value": "-3px" + }, + "mobile": { + "value": "-4px" + } + }, + "character-count-to-field-quiet-small": { + "prop": "--spectrum-character-count-to-field-quiet-small", + "desktop": { + "value": "-3px" + }, + "mobile": { + "value": "-4px" + } + }, + "chartreuse-100": { + "prop": "--spectrum-chartreuse-100", + "light": { + "value": "rgb(246, 251, 222)" + }, + "dark": { + "value": "rgb(23, 28, 0)" + } + }, + "chartreuse-1000": { + "prop": "--spectrum-chartreuse-1000", + "light": { + "value": "rgb(86, 103, 0)" + }, + "dark": { + "value": "rgb(136, 164, 0)" + } + }, + "chartreuse-1100": { + "prop": "--spectrum-chartreuse-1100", + "light": { + "value": "rgb(73, 87, 0)" + }, + "dark": { + "value": "rgb(151, 181, 0)" + } + }, + "chartreuse-1200": { + "prop": "--spectrum-chartreuse-1200", + "light": { + "value": "rgb(60, 71, 0)" + }, + "dark": { + "value": "rgb(169, 203, 0)" + } + }, + "chartreuse-1300": { + "prop": "--spectrum-chartreuse-1300", + "light": { + "value": "rgb(47, 57, 0)" + }, + "dark": { + "value": "rgb(187, 225, 0)" + } + }, + "chartreuse-1400": { + "prop": "--spectrum-chartreuse-1400", + "light": { + "value": "rgb(35, 43, 0)" + }, + "dark": { + "value": "rgb(219, 240, 117)" + } + }, + "chartreuse-1500": { + "prop": "--spectrum-chartreuse-1500", + "dark": { + "value": "rgb(242, 249, 206)" + }, + "light": { + "value": "rgb(25, 30, 0)" + } + }, + "chartreuse-1600": { + "prop": "--spectrum-chartreuse-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(11, 14, 0)" + } + }, + "chartreuse-200": { + "prop": "--spectrum-chartreuse-200", + "light": { + "value": "rgb(234, 246, 173)" + }, + "dark": { + "value": "rgb(30, 36, 0)" + } + }, + "chartreuse-300": { + "prop": "--spectrum-chartreuse-300", + "light": { + "value": "rgb(208, 236, 70)" + }, + "dark": { + "value": "rgb(39, 47, 0)" + } + }, + "chartreuse-400": { + "prop": "--spectrum-chartreuse-400", + "light": { + "value": "rgb(182, 219, 0)" + }, + "dark": { + "value": "rgb(53, 63, 0)" + } + }, + "chartreuse-500": { + "prop": "--spectrum-chartreuse-500", + "light": { + "value": "rgb(163, 196, 0)" + }, + "dark": { + "value": "rgb(68, 82, 0)" + } + }, + "chartreuse-600": { + "prop": "--spectrum-chartreuse-600", + "light": { + "value": "rgb(143, 172, 0)" + }, + "dark": { + "value": "rgb(83, 100, 0)" + } + }, + "chartreuse-700": { + "prop": "--spectrum-chartreuse-700", + "light": { + "value": "rgb(128, 153, 0)" + }, + "dark": { + "value": "rgb(97, 116, 0)" + } + }, + "chartreuse-800": { + "prop": "--spectrum-chartreuse-800", + "light": { + "value": "rgb(114, 137, 0)" + }, + "dark": { + "value": "rgb(106, 127, 0)" + } + }, + "chartreuse-900": { + "prop": "--spectrum-chartreuse-900", + "light": { + "value": "rgb(102, 122, 0)" + }, + "dark": { + "value": "rgb(122, 147, 0)" + } + }, + "chartreuse-background-color-default": { + "prop": "--spectrum-chartreuse-background-color-default", + "ref": "var(--spectrum-chartreuse-1000)", + "light": { + "value": "rgb(163, 196, 0)" + }, + "dark": { + "value": "rgb(136, 164, 0)" + } + }, + "chartreuse-subtle-background-color-default": { + "prop": "--spectrum-chartreuse-subtle-background-color-default", + "ref": "var(--spectrum-chartreuse-300)", + "light": { + "value": "rgb(234, 246, 173)" + }, + "dark": { + "value": "rgb(39, 47, 0)" + } + }, + "chartreuse-visual-color": { + "prop": "--spectrum-chartreuse-visual-color", + "ref": "var(--spectrum-chartreuse-900)", + "light": { + "value": "rgb(143, 172, 0)" + }, + "dark": { + "value": "rgb(122, 147, 0)" + } + }, + "checkbox-control-size-extra-large": { + "prop": "--spectrum-checkbox-control-size-extra-large", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "26px" + } + }, + "checkbox-control-size-large": { + "prop": "--spectrum-checkbox-control-size-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "checkbox-control-size-medium": { + "prop": "--spectrum-checkbox-control-size-medium", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "checkbox-control-size-small": { + "prop": "--spectrum-checkbox-control-size-small", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "checkbox-top-to-control-extra-large": { + "prop": "--spectrum-checkbox-top-to-control-extra-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "checkbox-top-to-control-large": { + "prop": "--spectrum-checkbox-top-to-control-large", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "checkbox-top-to-control-medium": { + "prop": "--spectrum-checkbox-top-to-control-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "checkbox-top-to-control-small": { + "prop": "--spectrum-checkbox-top-to-control-small", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "checkmark-icon-size-100": { + "prop": "--spectrum-checkmark-icon-size-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "checkmark-icon-size-200": { + "prop": "--spectrum-checkmark-icon-size-200", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "checkmark-icon-size-300": { + "prop": "--spectrum-checkmark-icon-size-300", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "checkmark-icon-size-400": { + "prop": "--spectrum-checkmark-icon-size-400", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "checkmark-icon-size-50": { + "prop": "--spectrum-checkmark-icon-size-50", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "checkmark-icon-size-500": { + "prop": "--spectrum-checkmark-icon-size-500", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "checkmark-icon-size-600": { + "prop": "--spectrum-checkmark-icon-size-600", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "24px" + } + }, + "checkmark-icon-size-75": { + "prop": "--spectrum-checkmark-icon-size-75", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "chevron-icon-size-100": { + "prop": "--spectrum-chevron-icon-size-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "chevron-icon-size-200": { + "prop": "--spectrum-chevron-icon-size-200", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "chevron-icon-size-300": { + "prop": "--spectrum-chevron-icon-size-300", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "chevron-icon-size-400": { + "prop": "--spectrum-chevron-icon-size-400", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "chevron-icon-size-50": { + "prop": "--spectrum-chevron-icon-size-50", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "chevron-icon-size-500": { + "prop": "--spectrum-chevron-icon-size-500", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "chevron-icon-size-600": { + "prop": "--spectrum-chevron-icon-size-600", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "24px" + } + }, + "chevron-icon-size-75": { + "prop": "--spectrum-chevron-icon-size-75", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "cinnamon-100": { + "prop": "--spectrum-cinnamon-100", + "dark": { + "value": "rgb(48, 17, 4)" + }, + "light": { + "value": "rgb(253, 247, 243)" + } + }, + "cinnamon-1000": { + "prop": "--spectrum-cinnamon-1000", + "dark": { + "value": "rgb(206, 136, 99)" + }, + "light": { + "value": "rgb(147, 77, 43)" + } + }, + "cinnamon-1100": { + "prop": "--spectrum-cinnamon-1100", + "dark": { + "value": "rgb(220, 154, 118)" + }, + "light": { + "value": "rgb(128, 62, 32)" + } + }, + "cinnamon-1200": { + "prop": "--spectrum-cinnamon-1200", + "dark": { + "value": "rgb(232, 179, 149)" + }, + "light": { + "value": "rgb(110, 48, 21)" + } + }, + "cinnamon-1300": { + "prop": "--spectrum-cinnamon-1300", + "dark": { + "value": "rgb(239, 203, 183)" + }, + "light": { + "value": "rgb(92, 35, 11)" + } + }, + "cinnamon-1400": { + "prop": "--spectrum-cinnamon-1400", + "dark": { + "value": "rgb(246, 225, 214)" + }, + "light": { + "value": "rgb(72, 25, 6)" + } + }, + "cinnamon-1500": { + "prop": "--spectrum-cinnamon-1500", + "dark": { + "value": "rgb(252, 244, 239)" + }, + "light": { + "value": "rgb(52, 18, 4)" + } + }, + "cinnamon-1600": { + "prop": "--spectrum-cinnamon-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(24, 8, 2)" + } + }, + "cinnamon-200": { + "prop": "--spectrum-cinnamon-200", + "dark": { + "value": "rgb(59, 21, 5)" + }, + "light": { + "value": "rgb(249, 236, 229)" + } + }, + "cinnamon-300": { + "prop": "--spectrum-cinnamon-300", + "dark": { + "value": "rgb(79, 28, 7)" + }, + "light": { + "value": "rgb(244, 218, 203)" + } + }, + "cinnamon-400": { + "prop": "--spectrum-cinnamon-400", + "dark": { + "value": "rgb(100, 41, 15)" + }, + "light": { + "value": "rgb(237, 196, 172)" + } + }, + "cinnamon-500": { + "prop": "--spectrum-cinnamon-500", + "dark": { + "value": "rgb(122, 57, 28)" + }, + "light": { + "value": "rgb(229, 170, 136)" + } + }, + "cinnamon-600": { + "prop": "--spectrum-cinnamon-600", + "dark": { + "value": "rgb(143, 74, 40)" + }, + "light": { + "value": "rgb(212, 145, 108)" + } + }, + "cinnamon-700": { + "prop": "--spectrum-cinnamon-700", + "dark": { + "value": "rgb(163, 88, 52)" + }, + "light": { + "value": "rgb(198, 126, 88)" + } + }, + "cinnamon-800": { + "prop": "--spectrum-cinnamon-800", + "dark": { + "value": "rgb(176, 98, 59)" + }, + "light": { + "value": "rgb(184, 109, 70)" + } + }, + "cinnamon-900": { + "prop": "--spectrum-cinnamon-900", + "dark": { + "value": "rgb(192, 119, 80)" + }, + "light": { + "value": "rgb(170, 94, 56)" + } + }, + "cinnamon-background-color-default": { + "prop": "--spectrum-cinnamon-background-color-default", + "ref": "var(--spectrum-cinnamon-800)", + "light": { + "value": "rgb(170, 94, 56)" + }, + "dark": { + "value": "rgb(176, 98, 59)" + } + }, + "cinnamon-subtle-background-color-default": { + "prop": "--spectrum-cinnamon-subtle-background-color-default", + "ref": "var(--spectrum-cinnamon-300)", + "light": { + "value": "rgb(249, 236, 229)" + }, + "dark": { + "value": "rgb(79, 28, 7)" + } + }, + "cinnamon-visual-color": { + "prop": "--spectrum-cinnamon-visual-color", + "ref": "var(--spectrum-cinnamon-900)", + "light": { + "value": "rgb(184, 109, 70)" + }, + "dark": { + "value": "rgb(192, 119, 80)" + } + }, + "cjk-font-family": { + "prop": "--spectrum-cjk-font-family", + "value": "Adobe Clean Han" + }, + "cjk-letter-spacing": { + "prop": "--spectrum-cjk-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "cjk-line-height-100": { + "prop": "--spectrum-cjk-line-height-100", + "value": 1.5 + }, + "cjk-line-height-200": { + "prop": "--spectrum-cjk-line-height-200", + "value": 1.7 + }, + "coach-indicator-collapsed-gap": { + "prop": "--spectrum-coach-indicator-collapsed-gap", + "value": "2px" + }, + "coach-indicator-collapsed-ring-rounding-increment": { + "prop": "--spectrum-coach-indicator-collapsed-ring-rounding-increment", + "value": "6px" + }, + "coach-indicator-collapsed-ring-thickness": { + "prop": "--spectrum-coach-indicator-collapsed-ring-thickness", + "value": "4px" + }, + "coach-indicator-color": { + "prop": "--spectrum-coach-indicator-color", + "ref": "var(--spectrum-blue-800)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "coach-indicator-expanded-gap": { + "prop": "--spectrum-coach-indicator-expanded-gap", + "value": "6px" + }, + "coach-indicator-expanded-ring-rounding-increment": { + "prop": "--spectrum-coach-indicator-expanded-ring-rounding-increment", + "value": "14px" + }, + "coach-indicator-expanded-ring-thickness": { + "prop": "--spectrum-coach-indicator-expanded-ring-thickness", + "value": "8px" + }, + "coach-indicator-opacity": { + "prop": "--spectrum-coach-indicator-opacity", + "value": "0.2" + }, + "coach-mark-body-font-size": { + "prop": "--spectrum-coach-mark-body-font-size", + "ref": "var(--spectrum-body-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "coach-mark-body-size": { + "prop": "--spectrum-coach-mark-body-size", + "ref": "var(--spectrum-body-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "coach-mark-edge-to-content": { + "prop": "--spectrum-coach-mark-edge-to-content", + "desktop": { + "ref": "var(--spectrum-spacing-400)", + "value": "24px" + }, + "mobile": { + "ref": "var(--spectrum-spacing-300)", + "value": "16px" + } + }, + "coach-mark-maximum-width": { + "prop": "--spectrum-coach-mark-maximum-width", + "desktop": { + "value": "380px" + }, + "mobile": { + "value": "248px" + } + }, + "coach-mark-media-height": { + "prop": "--spectrum-coach-mark-media-height", + "desktop": { + "value": "222px" + }, + "mobile": { + "value": "162px" + } + }, + "coach-mark-media-minimum-height": { + "prop": "--spectrum-coach-mark-media-minimum-height", + "desktop": { + "value": "166px" + }, + "mobile": { + "value": "121px" + } + }, + "coach-mark-minimum-width": { + "prop": "--spectrum-coach-mark-minimum-width", + "desktop": { + "value": "296px" + }, + "mobile": { + "value": "216px" + } + }, + "coach-mark-pagination-body-font-size": { + "prop": "--spectrum-coach-mark-pagination-body-font-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "coach-mark-pagination-body-size": { + "prop": "--spectrum-coach-mark-pagination-body-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "coach-mark-pagination-color": { + "prop": "--spectrum-coach-mark-pagination-color", + "ref": "var(--spectrum-gray-600)", + "light": { + "value": "rgb(113, 113, 113)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "coach-mark-pagination-text-to-bottom-edge": { + "prop": "--spectrum-coach-mark-pagination-text-to-bottom-edge", + "desktop": { + "value": "33px" + }, + "mobile": { + "value": "22px" + } + }, + "coach-mark-title-font-size": { + "prop": "--spectrum-coach-mark-title-font-size", + "ref": "var(--spectrum-title-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "coach-mark-title-size": { + "prop": "--spectrum-coach-mark-title-size", + "ref": "var(--spectrum-title-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "coach-mark-width": { + "prop": "--spectrum-coach-mark-width", + "desktop": { + "value": "296px" + }, + "mobile": { + "value": "216px" + } + }, + "code-cjk-emphasized-font-style": { + "prop": "--spectrum-code-cjk-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "code-cjk-emphasized-font-weight": { + "prop": "--spectrum-code-cjk-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "code-cjk-font-family": { + "prop": "--spectrum-code-cjk-font-family", + "ref": "var(--spectrum-code-font-family)", + "value": "Source Code Pro" + }, + "code-cjk-font-style": { + "prop": "--spectrum-code-cjk-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "code-cjk-font-weight": { + "prop": "--spectrum-code-cjk-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "code-cjk-line-height": { + "prop": "--spectrum-code-cjk-line-height", + "ref": "var(--spectrum-cjk-line-height-200)", + "value": 1.7 + }, + "code-cjk-size-l": { + "prop": "--spectrum-code-cjk-size-l", + "ref": "var(--spectrum-code-size-l)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "code-cjk-size-m": { + "prop": "--spectrum-code-cjk-size-m", + "ref": "var(--spectrum-code-size-m)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "code-cjk-size-s": { + "prop": "--spectrum-code-cjk-size-s", + "ref": "var(--spectrum-code-size-s)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "code-cjk-size-xl": { + "prop": "--spectrum-code-cjk-size-xl", + "ref": "var(--spectrum-code-size-xl)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "code-cjk-size-xs": { + "prop": "--spectrum-code-cjk-size-xs", + "ref": "var(--spectrum-code-size-xs)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "code-cjk-strong-emphasized-font-style": { + "prop": "--spectrum-code-cjk-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "code-cjk-strong-emphasized-font-weight": { + "prop": "--spectrum-code-cjk-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "code-cjk-strong-font-style": { + "prop": "--spectrum-code-cjk-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "code-cjk-strong-font-weight": { + "prop": "--spectrum-code-cjk-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "code-color": { + "prop": "--spectrum-code-color", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "code-emphasized-font-style": { + "prop": "--spectrum-code-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "code-emphasized-font-weight": { + "prop": "--spectrum-code-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "code-font-family": { + "prop": "--spectrum-code-font-family", + "value": "Source Code Pro" + }, + "code-font-style": { + "prop": "--spectrum-code-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "code-font-weight": { + "prop": "--spectrum-code-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "code-line-height": { + "prop": "--spectrum-code-line-height", + "ref": "var(--spectrum-line-height-200)", + "value": 1.5 + }, + "code-size-l": { + "prop": "--spectrum-code-size-l", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "code-size-m": { + "prop": "--spectrum-code-size-m", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "code-size-s": { + "prop": "--spectrum-code-size-s", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "code-size-xl": { + "prop": "--spectrum-code-size-xl", + "ref": "var(--spectrum-font-size-400)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "code-size-xs": { + "prop": "--spectrum-code-size-xs", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "code-strong-emphasized-font-style": { + "prop": "--spectrum-code-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "code-strong-emphasized-font-weight": { + "prop": "--spectrum-code-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "code-strong-font-style": { + "prop": "--spectrum-code-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "code-strong-font-weight": { + "prop": "--spectrum-code-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "collection-card-minimum-height-extra-large": { + "prop": "--spectrum-collection-card-minimum-height-extra-large", + "value": "249px" + }, + "collection-card-minimum-height-extra-small": { + "prop": "--spectrum-collection-card-minimum-height-extra-small", + "value": "88px" + }, + "collection-card-minimum-height-hero-extra-large": { + "prop": "--spectrum-collection-card-minimum-height-hero-extra-large", + "value": "514px" + }, + "collection-card-minimum-height-hero-extra-small": { + "prop": "--spectrum-collection-card-minimum-height-hero-extra-small", + "value": "168px" + }, + "collection-card-minimum-height-hero-large": { + "prop": "--spectrum-collection-card-minimum-height-hero-large", + "value": "414px" + }, + "collection-card-minimum-height-hero-medium": { + "prop": "--spectrum-collection-card-minimum-height-hero-medium", + "value": "317px" + }, + "collection-card-minimum-height-hero-small": { + "prop": "--spectrum-collection-card-minimum-height-hero-small", + "value": "243px" + }, + "collection-card-minimum-height-large": { + "prop": "--spectrum-collection-card-minimum-height-large", + "value": "202px" + }, + "collection-card-minimum-height-medium": { + "prop": "--spectrum-collection-card-minimum-height-medium", + "value": "157px" + }, + "collection-card-minimum-height-small": { + "prop": "--spectrum-collection-card-minimum-height-small", + "value": "124px" + }, + "color-area-border-color": { + "prop": "--spectrum-color-area-border-color", + "ref": "var(--spectrum-gray-1000)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 0, 0)" + } + }, + "color-area-border-opacity": { + "prop": "--spectrum-color-area-border-opacity", + "value": "0.1" + }, + "color-area-border-rounding": { + "prop": "--spectrum-color-area-border-rounding", + "ref": "var(--spectrum-corner-radius-medium-size-small)", + "value": "7px" + }, + "color-area-border-width": { + "prop": "--spectrum-color-area-border-width", + "ref": "var(--spectrum-border-width-100)", + "value": "1px" + }, + "color-area-height": { + "prop": "--spectrum-color-area-height", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "color-area-minimum-height": { + "prop": "--spectrum-color-area-minimum-height", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "80px" + } + }, + "color-area-minimum-width": { + "prop": "--spectrum-color-area-minimum-width", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "80px" + } + }, + "color-area-width": { + "prop": "--spectrum-color-area-width", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "color-control-track-width": { + "prop": "--spectrum-color-control-track-width", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "color-handle-border-width": { + "prop": "--spectrum-color-handle-border-width", + "ref": "var(--spectrum-border-width-200)", + "value": "2px" + }, + "color-handle-drop-shadow-blur": { + "prop": "--spectrum-color-handle-drop-shadow-blur", + "value": "0" + }, + "color-handle-drop-shadow-color": { + "prop": "--spectrum-color-handle-drop-shadow-color", + "ref": "var(--spectrum-drop-shadow-color)", + "light": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.36)" + } + }, + "color-handle-drop-shadow-x": { + "prop": "--spectrum-color-handle-drop-shadow-x", + "value": "0" + }, + "color-handle-drop-shadow-y": { + "prop": "--spectrum-color-handle-drop-shadow-y", + "value": "0" + }, + "color-handle-inner-border-color": { + "prop": "--spectrum-color-handle-inner-border-color", + "ref": "var(--spectrum-black)", + "value": "rgb(0, 0, 0)" + }, + "color-handle-inner-border-opacity": { + "prop": "--spectrum-color-handle-inner-border-opacity", + "value": "0.42" + }, + "color-handle-inner-border-width": { + "prop": "--spectrum-color-handle-inner-border-width", + "value": "1px" + }, + "color-handle-outer-border-color": { + "prop": "--spectrum-color-handle-outer-border-color", + "ref": "var(--spectrum-black)", + "value": "rgb(0, 0, 0)" + }, + "color-handle-outer-border-opacity": { + "prop": "--spectrum-color-handle-outer-border-opacity", + "ref": "var(--spectrum-color-handle-inner-border-opacity)", + "value": "0.42" + }, + "color-handle-outer-border-width": { + "prop": "--spectrum-color-handle-outer-border-width", + "value": "1px" + }, + "color-handle-size": { + "prop": "--spectrum-color-handle-size", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "color-handle-size-key-focus": { + "prop": "--spectrum-color-handle-size-key-focus", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "color-loupe-bottom-to-color-handle": { + "prop": "--spectrum-color-loupe-bottom-to-color-handle", + "value": "12px" + }, + "color-loupe-drop-shadow-blur": { + "prop": "--spectrum-color-loupe-drop-shadow-blur", + "ref": "var(--spectrum-drop-shadow-elevated-blur)", + "value": "8px" + }, + "color-loupe-drop-shadow-color": { + "prop": "--spectrum-color-loupe-drop-shadow-color", + "ref": "var(--spectrum-drop-shadow-elevated-color)", + "light": { + "value": "rgba(0, 0, 0, 0.16)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.48)" + } + }, + "color-loupe-drop-shadow-y": { + "prop": "--spectrum-color-loupe-drop-shadow-y", + "ref": "var(--spectrum-drop-shadow-elevated-y)", + "value": "2px" + }, + "color-loupe-height": { + "prop": "--spectrum-color-loupe-height", + "value": "64px" + }, + "color-loupe-inner-border": { + "prop": "--spectrum-color-loupe-inner-border", + "ref": "var(--spectrum-transparent-black-200)", + "value": "rgba(0, 0, 0, 0.12)" + }, + "color-loupe-inner-border-width": { + "prop": "--spectrum-color-loupe-inner-border-width", + "value": "1px" + }, + "color-loupe-outer-border": { + "prop": "--spectrum-color-loupe-outer-border", + "ref": "var(--spectrum-white)", + "value": "rgb(255, 255, 255)" + }, + "color-loupe-outer-border-width": { + "prop": "--spectrum-color-loupe-outer-border-width", + "ref": "var(--spectrum-border-width-200)", + "value": "2px" + }, + "color-loupe-width": { + "prop": "--spectrum-color-loupe-width", + "value": "48px" + }, + "color-slider-border-color": { + "prop": "--spectrum-color-slider-border-color", + "ref": "var(--spectrum-gray-1000)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 0, 0)" + } + }, + "color-slider-border-opacity": { + "prop": "--spectrum-color-slider-border-opacity", + "value": "0.1" + }, + "color-slider-border-rounding": { + "prop": "--spectrum-color-slider-border-rounding", + "ref": "var(--spectrum-corner-radius-medium-size-small)", + "value": "7px" + }, + "color-slider-border-width": { + "prop": "--spectrum-color-slider-border-width", + "value": "1px" + }, + "color-slider-length": { + "prop": "--spectrum-color-slider-length", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "color-slider-minimum-length": { + "prop": "--spectrum-color-slider-minimum-length", + "desktop": { + "value": "80px" + }, + "mobile": { + "value": "100px" + } + }, + "color-wheel-border-color": { + "prop": "--spectrum-color-wheel-border-color", + "ref": "var(--spectrum-gray-1000)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 0, 0)" + } + }, + "color-wheel-border-opacity": { + "prop": "--spectrum-color-wheel-border-opacity", + "value": "0.1" + }, + "color-wheel-color-area-margin": { + "prop": "--spectrum-color-wheel-color-area-margin", + "value": "12px" + }, + "color-wheel-minimum-width": { + "prop": "--spectrum-color-wheel-minimum-width", + "desktop": { + "value": "175px" + }, + "mobile": { + "value": "219px" + } + }, + "color-wheel-width": { + "prop": "--spectrum-color-wheel-width", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "combo-box-minimum-width-multiplier": { + "prop": "--spectrum-combo-box-minimum-width-multiplier", + "value": 2.5 + }, + "combo-box-quiet-minimum-width-multiplier": { + "prop": "--spectrum-combo-box-quiet-minimum-width-multiplier", + "value": 2 + }, + "combo-box-visual-to-field-button": { + "prop": "--spectrum-combo-box-visual-to-field-button", + "value": "0px" + }, + "combo-box-visual-to-field-button-extra-large": { + "prop": "--spectrum-combo-box-visual-to-field-button-extra-large", + "ref": "var(--spectrum-combo-box-visual-to-field-button)", + "value": "0px" + }, + "combo-box-visual-to-field-button-large": { + "prop": "--spectrum-combo-box-visual-to-field-button-large", + "ref": "var(--spectrum-combo-box-visual-to-field-button)", + "value": "0px" + }, + "combo-box-visual-to-field-button-medium": { + "prop": "--spectrum-combo-box-visual-to-field-button-medium", + "ref": "var(--spectrum-combo-box-visual-to-field-button)", + "value": "0px" + }, + "combo-box-visual-to-field-button-quiet": { + "prop": "--spectrum-combo-box-visual-to-field-button-quiet", + "ref": "var(--spectrum-combo-box-visual-to-field-button)", + "value": "0px" + }, + "combo-box-visual-to-field-button-small": { + "prop": "--spectrum-combo-box-visual-to-field-button-small", + "ref": "var(--spectrum-combo-box-visual-to-field-button)", + "value": "0px" + }, + "component-bottom-to-text-100": { + "prop": "--spectrum-component-bottom-to-text-100", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "component-bottom-to-text-200": { + "prop": "--spectrum-component-bottom-to-text-200", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "component-bottom-to-text-300": { + "prop": "--spectrum-component-bottom-to-text-300", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "component-bottom-to-text-50": { + "prop": "--spectrum-component-bottom-to-text-50", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "6px" + } + }, + "component-bottom-to-text-75": { + "prop": "--spectrum-component-bottom-to-text-75", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "component-edge-to-text-100": { + "prop": "--spectrum-component-edge-to-text-100", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-edge-to-text-200": { + "prop": "--spectrum-component-edge-to-text-200", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "component-edge-to-text-300": { + "prop": "--spectrum-component-edge-to-text-300", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "component-edge-to-text-50": { + "prop": "--spectrum-component-edge-to-text-50", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "component-edge-to-text-75": { + "prop": "--spectrum-component-edge-to-text-75", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "component-edge-to-visual-100": { + "prop": "--spectrum-component-edge-to-visual-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "component-edge-to-visual-200": { + "prop": "--spectrum-component-edge-to-visual-200", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "16px" + } + }, + "component-edge-to-visual-300": { + "prop": "--spectrum-component-edge-to-visual-300", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "component-edge-to-visual-50": { + "prop": "--spectrum-component-edge-to-visual-50", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "component-edge-to-visual-75": { + "prop": "--spectrum-component-edge-to-visual-75", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "component-edge-to-visual-only-100": { + "prop": "--spectrum-component-edge-to-visual-only-100", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "component-edge-to-visual-only-200": { + "prop": "--spectrum-component-edge-to-visual-only-200", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "component-edge-to-visual-only-300": { + "prop": "--spectrum-component-edge-to-visual-only-300", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "component-edge-to-visual-only-50": { + "prop": "--spectrum-component-edge-to-visual-only-50", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "5px" + } + }, + "component-edge-to-visual-only-75": { + "prop": "--spectrum-component-edge-to-visual-only-75", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "6px" + } + }, + "component-height-100": { + "prop": "--spectrum-component-height-100", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "component-height-200": { + "prop": "--spectrum-component-height-200", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "component-height-300": { + "prop": "--spectrum-component-height-300", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "component-height-400": { + "prop": "--spectrum-component-height-400", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "70px" + } + }, + "component-height-50": { + "prop": "--spectrum-component-height-50", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "26px" + } + }, + "component-height-500": { + "prop": "--spectrum-component-height-500", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "80px" + } + }, + "component-height-75": { + "prop": "--spectrum-component-height-75", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "component-pill-edge-to-text-100": { + "prop": "--spectrum-component-pill-edge-to-text-100", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "component-pill-edge-to-text-200": { + "prop": "--spectrum-component-pill-edge-to-text-200", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "25px" + } + }, + "component-pill-edge-to-text-300": { + "prop": "--spectrum-component-pill-edge-to-text-300", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "component-pill-edge-to-text-75": { + "prop": "--spectrum-component-pill-edge-to-text-75", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-pill-edge-to-visual-100": { + "prop": "--spectrum-component-pill-edge-to-visual-100", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "component-pill-edge-to-visual-200": { + "prop": "--spectrum-component-pill-edge-to-visual-200", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "component-pill-edge-to-visual-300": { + "prop": "--spectrum-component-pill-edge-to-visual-300", + "desktop": { + "value": "21px" + }, + "mobile": { + "value": "27px" + } + }, + "component-pill-edge-to-visual-75": { + "prop": "--spectrum-component-pill-edge-to-visual-75", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "component-pill-edge-to-visual-only-100": { + "prop": "--spectrum-component-pill-edge-to-visual-only-100", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "component-pill-edge-to-visual-only-200": { + "prop": "--spectrum-component-pill-edge-to-visual-only-200", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "component-pill-edge-to-visual-only-300": { + "prop": "--spectrum-component-pill-edge-to-visual-only-300", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "component-pill-edge-to-visual-only-75": { + "prop": "--spectrum-component-pill-edge-to-visual-only-75", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "6px" + } + }, + "component-size-difference-down": { + "prop": "--spectrum-component-size-difference-down", + "value": "-2px" + }, + "component-size-maximum-perspective-down": { + "prop": "--spectrum-component-size-maximum-perspective-down", + "value": "96px" + }, + "component-size-minimum-perspective-down": { + "prop": "--spectrum-component-size-minimum-perspective-down", + "value": "24px" + }, + "component-size-width-ratio-down": { + "prop": "--spectrum-component-size-width-ratio-down", + "value": 0.3333 + }, + "component-to-menu-extra-large": { + "prop": "--spectrum-component-to-menu-extra-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "component-to-menu-large": { + "prop": "--spectrum-component-to-menu-large", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "component-to-menu-medium": { + "prop": "--spectrum-component-to-menu-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "component-to-menu-small": { + "prop": "--spectrum-component-to-menu-small", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "component-top-to-text-100": { + "prop": "--spectrum-component-top-to-text-100", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "component-top-to-text-200": { + "prop": "--spectrum-component-top-to-text-200", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "12px" + } + }, + "component-top-to-text-300": { + "prop": "--spectrum-component-top-to-text-300", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-top-to-text-50": { + "prop": "--spectrum-component-top-to-text-50", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "4px" + } + }, + "component-top-to-text-75": { + "prop": "--spectrum-component-top-to-text-75", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "component-top-to-workflow-icon-100": { + "prop": "--spectrum-component-top-to-workflow-icon-100", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "component-top-to-workflow-icon-200": { + "prop": "--spectrum-component-top-to-workflow-icon-200", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "component-top-to-workflow-icon-300": { + "prop": "--spectrum-component-top-to-workflow-icon-300", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "component-top-to-workflow-icon-50": { + "prop": "--spectrum-component-top-to-workflow-icon-50", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "5px" + } + }, + "component-top-to-workflow-icon-75": { + "prop": "--spectrum-component-top-to-workflow-icon-75", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "6px" + } + }, + "contextual-help-body-font-size": { + "prop": "--spectrum-contextual-help-body-font-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "contextual-help-body-size": { + "prop": "--spectrum-contextual-help-body-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "contextual-help-minimum-width": { + "prop": "--spectrum-contextual-help-minimum-width", + "value": "268px" + }, + "contextual-help-title-font-size": { + "prop": "--spectrum-contextual-help-title-font-size", + "ref": "var(--spectrum-title-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "contextual-help-title-size": { + "prop": "--spectrum-contextual-help-title-size", + "ref": "var(--spectrum-title-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "corner-radius-0": { + "prop": "--spectrum-corner-radius-0", + "value": "0px" + }, + "corner-radius-100": { + "prop": "--spectrum-corner-radius-100", + "value": "4px" + }, + "corner-radius-1000": { + "prop": "--spectrum-corner-radius-1000", + "ref": 0.5, + "value": "9999px" + }, + "corner-radius-200": { + "prop": "--spectrum-corner-radius-200", + "value": "5px" + }, + "corner-radius-300": { + "prop": "--spectrum-corner-radius-300", + "value": "6px" + }, + "corner-radius-400": { + "prop": "--spectrum-corner-radius-400", + "value": "7px" + }, + "corner-radius-500": { + "prop": "--spectrum-corner-radius-500", + "value": "8px" + }, + "corner-radius-600": { + "prop": "--spectrum-corner-radius-600", + "value": "9px" + }, + "corner-radius-700": { + "prop": "--spectrum-corner-radius-700", + "value": "10px" + }, + "corner-radius-75": { + "prop": "--spectrum-corner-radius-75", + "value": "3px" + }, + "corner-radius-800": { + "prop": "--spectrum-corner-radius-800", + "value": "16px" + }, + "corner-radius-extra-large-default": { + "prop": "--spectrum-corner-radius-extra-large-default", + "ref": "var(--spectrum-corner-radius-800)", + "value": "16px" + }, + "corner-radius-full": { + "prop": "--spectrum-corner-radius-full", + "ref": "var(--spectrum-corner-radius-1000)", + "value": "9999px" + }, + "corner-radius-large-default": { + "prop": "--spectrum-corner-radius-large-default", + "ref": "var(--spectrum-corner-radius-700)", + "value": "10px" + }, + "corner-radius-medium-default": { + "prop": "--spectrum-corner-radius-medium-default", + "ref": "var(--spectrum-corner-radius-500)", + "value": "8px" + }, + "corner-radius-medium-size-extra-large": { + "prop": "--spectrum-corner-radius-medium-size-extra-large", + "ref": "var(--spectrum-corner-radius-700)", + "value": "10px" + }, + "corner-radius-medium-size-extra-small": { + "prop": "--spectrum-corner-radius-medium-size-extra-small", + "ref": "var(--spectrum-corner-radius-300)", + "value": "6px" + }, + "corner-radius-medium-size-large": { + "prop": "--spectrum-corner-radius-medium-size-large", + "ref": "var(--spectrum-corner-radius-600)", + "value": "9px" + }, + "corner-radius-medium-size-medium": { + "prop": "--spectrum-corner-radius-medium-size-medium", + "ref": "var(--spectrum-corner-radius-500)", + "value": "8px" + }, + "corner-radius-medium-size-small": { + "prop": "--spectrum-corner-radius-medium-size-small", + "ref": "var(--spectrum-corner-radius-400)", + "value": "7px" + }, + "corner-radius-none": { + "prop": "--spectrum-corner-radius-none", + "ref": "var(--spectrum-corner-radius-0)", + "value": "0px" + }, + "corner-radius-small-default": { + "prop": "--spectrum-corner-radius-small-default", + "ref": "var(--spectrum-corner-radius-100)", + "value": "4px" + }, + "corner-radius-small-size-extra-large": { + "prop": "--spectrum-corner-radius-small-size-extra-large", + "ref": "var(--spectrum-corner-radius-300)", + "value": "6px" + }, + "corner-radius-small-size-large": { + "prop": "--spectrum-corner-radius-small-size-large", + "ref": "var(--spectrum-corner-radius-200)", + "value": "5px" + }, + "corner-radius-small-size-medium": { + "prop": "--spectrum-corner-radius-small-size-medium", + "ref": "var(--spectrum-corner-radius-100)", + "value": "4px" + }, + "corner-radius-small-size-small": { + "prop": "--spectrum-corner-radius-small-size-small", + "ref": "var(--spectrum-corner-radius-75)", + "value": "3px" + }, + "corner-triangle-icon-size-100": { + "prop": "--spectrum-corner-triangle-icon-size-100", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "7px" + } + }, + "corner-triangle-icon-size-200": { + "prop": "--spectrum-corner-triangle-icon-size-200", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "corner-triangle-icon-size-300": { + "prop": "--spectrum-corner-triangle-icon-size-300", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "8px" + } + }, + "corner-triangle-icon-size-75": { + "prop": "--spectrum-corner-triangle-icon-size-75", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "cross-icon-size-100": { + "prop": "--spectrum-cross-icon-size-100", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "cross-icon-size-200": { + "prop": "--spectrum-cross-icon-size-200", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "cross-icon-size-300": { + "prop": "--spectrum-cross-icon-size-300", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "cross-icon-size-400": { + "prop": "--spectrum-cross-icon-size-400", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "cross-icon-size-500": { + "prop": "--spectrum-cross-icon-size-500", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "cross-icon-size-600": { + "prop": "--spectrum-cross-icon-size-600", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "cross-icon-size-75": { + "prop": "--spectrum-cross-icon-size-75", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "cyan-100": { + "prop": "--spectrum-cyan-100", + "light": { + "value": "rgb(238, 250, 254)" + }, + "dark": { + "value": "rgb(0, 29, 39)" + } + }, + "cyan-1000": { + "prop": "--spectrum-cyan-1000", + "light": { + "value": "rgb(4, 102, 145)" + }, + "dark": { + "value": "rgb(38, 159, 244)" + } + }, + "cyan-1100": { + "prop": "--spectrum-cyan-1100", + "light": { + "value": "rgb(0, 87, 121)" + }, + "dark": { + "value": "rgb(63, 177, 255)" + } + }, + "cyan-1200": { + "prop": "--spectrum-cyan-1200", + "light": { + "value": "rgb(0, 71, 98)" + }, + "dark": { + "value": "rgb(107, 199, 255)" + } + }, + "cyan-1300": { + "prop": "--spectrum-cyan-1300", + "light": { + "value": "rgb(0, 57, 78)" + }, + "dark": { + "value": "rgb(152, 219, 255)" + } + }, + "cyan-1400": { + "prop": "--spectrum-cyan-1400", + "light": { + "value": "rgb(0, 43, 59)" + }, + "dark": { + "value": "rgb(195, 236, 252)" + } + }, + "cyan-1500": { + "prop": "--spectrum-cyan-1500", + "dark": { + "value": "rgb(230, 248, 253)" + }, + "light": { + "value": "rgb(0, 31, 43)" + } + }, + "cyan-1600": { + "prop": "--spectrum-cyan-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 14, 20)" + } + }, + "cyan-200": { + "prop": "--spectrum-cyan-200", + "light": { + "value": "rgb(217, 244, 253)" + }, + "dark": { + "value": "rgb(0, 36, 49)" + } + }, + "cyan-300": { + "prop": "--spectrum-cyan-300", + "light": { + "value": "rgb(183, 231, 252)" + }, + "dark": { + "value": "rgb(0, 48, 65)" + } + }, + "cyan-400": { + "prop": "--spectrum-cyan-400", + "light": { + "value": "rgb(138, 213, 255)" + }, + "dark": { + "value": "rgb(0, 64, 88)" + } + }, + "cyan-500": { + "prop": "--spectrum-cyan-500", + "light": { + "value": "rgb(92, 192, 255)" + }, + "dark": { + "value": "rgb(0, 82, 113)" + } + }, + "cyan-600": { + "prop": "--spectrum-cyan-600", + "light": { + "value": "rgb(48, 167, 254)" + }, + "dark": { + "value": "rgb(3, 99, 140)" + } + }, + "cyan-700": { + "prop": "--spectrum-cyan-700", + "light": { + "value": "rgb(29, 149, 231)" + }, + "dark": { + "value": "rgb(8, 115, 168)" + } + }, + "cyan-800": { + "prop": "--spectrum-cyan-800", + "light": { + "value": "rgb(18, 134, 205)" + }, + "dark": { + "value": "rgb(13, 125, 186)" + } + }, + "cyan-900": { + "prop": "--spectrum-cyan-900", + "light": { + "value": "rgb(11, 120, 179)" + }, + "dark": { + "value": "rgb(24, 142, 220)" + } + }, + "cyan-background-color-default": { + "prop": "--spectrum-cyan-background-color-default", + "ref": "var(--spectrum-cyan-800)", + "light": { + "value": "rgb(11, 120, 179)" + }, + "dark": { + "value": "rgb(13, 125, 186)" + } + }, + "cyan-subtle-background-color-default": { + "prop": "--spectrum-cyan-subtle-background-color-default", + "ref": "var(--spectrum-cyan-300)", + "light": { + "value": "rgb(217, 244, 253)" + }, + "dark": { + "value": "rgb(0, 48, 65)" + } + }, + "cyan-visual-color": { + "prop": "--spectrum-cyan-visual-color", + "ref": "var(--spectrum-cyan-900)", + "light": { + "value": "rgb(48, 167, 254)" + }, + "dark": { + "value": "rgb(24, 142, 220)" + } + }, + "dash-icon-size-100": { + "prop": "--spectrum-dash-icon-size-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "dash-icon-size-200": { + "prop": "--spectrum-dash-icon-size-200", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "dash-icon-size-300": { + "prop": "--spectrum-dash-icon-size-300", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "dash-icon-size-400": { + "prop": "--spectrum-dash-icon-size-400", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "dash-icon-size-50": { + "prop": "--spectrum-dash-icon-size-50", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "dash-icon-size-500": { + "prop": "--spectrum-dash-icon-size-500", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "dash-icon-size-600": { + "prop": "--spectrum-dash-icon-size-600", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "dash-icon-size-75": { + "prop": "--spectrum-dash-icon-size-75", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "date-field-minimum-width": { + "prop": "--spectrum-date-field-minimum-width", + "value": "152px" + }, + "date-field-text-to-visual": { + "prop": "--spectrum-date-field-text-to-visual", + "value": "20px" + }, + "date-picker-minimum-width": { + "prop": "--spectrum-date-picker-minimum-width", + "value": "152px" + }, + "date-picker-text-to-visual": { + "prop": "--spectrum-date-picker-text-to-visual", + "value": "0px" + }, + "date-picker-visual-to-field-button": { + "prop": "--spectrum-date-picker-visual-to-field-button", + "value": "0px" + }, + "default-font-family": { + "prop": "--spectrum-default-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean" + }, + "default-font-style": { + "prop": "--spectrum-default-font-style", + "value": "normal" + }, + "detail-cjk-emphasized-font-style": { + "prop": "--spectrum-detail-cjk-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-emphasized-font-weight": { + "prop": "--spectrum-detail-cjk-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "detail-cjk-font-family": { + "prop": "--spectrum-detail-cjk-font-family", + "ref": "var(--spectrum-cjk-font-family)", + "value": "Adobe Clean Han" + }, + "detail-cjk-font-style": { + "prop": "--spectrum-detail-cjk-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-font-weight": { + "prop": "--spectrum-detail-cjk-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "detail-cjk-light-emphasized-font-style": { + "prop": "--spectrum-detail-cjk-light-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-light-emphasized-font-weight": { + "prop": "--spectrum-detail-cjk-light-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-cjk-light-font-style": { + "prop": "--spectrum-detail-cjk-light-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-light-font-weight": { + "prop": "--spectrum-detail-cjk-light-font-weight", + "ref": "var(--spectrum-light-font-weight)", + "value": "300" + }, + "detail-cjk-light-strong-emphasized-font-style": { + "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-light-strong-emphasized-font-weight": { + "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "detail-cjk-light-strong-font-style": { + "prop": "--spectrum-detail-cjk-light-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-light-strong-font-weight": { + "prop": "--spectrum-detail-cjk-light-strong-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "detail-cjk-line-height": { + "prop": "--spectrum-detail-cjk-line-height", + "ref": "var(--spectrum-cjk-line-height-100)", + "value": 1.5 + }, + "detail-cjk-size-l": { + "prop": "--spectrum-detail-cjk-size-l", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "detail-cjk-size-m": { + "prop": "--spectrum-detail-cjk-size-m", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "detail-cjk-size-s": { + "prop": "--spectrum-detail-cjk-size-s", + "ref": "var(--spectrum-font-size-50)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "detail-cjk-size-xl": { + "prop": "--spectrum-detail-cjk-size-xl", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "detail-cjk-size-xs": { + "prop": "--spectrum-detail-cjk-size-xs", + "ref": "var(--spectrum-font-size-25)", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "detail-cjk-strong-emphasized-font-style": { + "prop": "--spectrum-detail-cjk-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-strong-emphasized-font-weight": { + "prop": "--spectrum-detail-cjk-strong-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "detail-cjk-strong-font-style": { + "prop": "--spectrum-detail-cjk-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-cjk-strong-font-weight": { + "prop": "--spectrum-detail-cjk-strong-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "detail-color": { + "prop": "--spectrum-detail-color", + "ref": "var(--spectrum-gray-600)", + "light": { + "value": "rgb(113, 113, 113)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "detail-letter-spacing": { + "prop": "--spectrum-detail-letter-spacing", + "value": "0.06em" + }, + "detail-line-height": { + "prop": "--spectrum-detail-line-height", + "ref": "var(--spectrum-line-height-100)", + "value": 1.3 + }, + "detail-margin-bottom-multiplier": { + "prop": "--spectrum-detail-margin-bottom-multiplier", + "value": 0.25 + }, + "detail-margin-top-multiplier": { + "prop": "--spectrum-detail-margin-top-multiplier", + "value": 0.88888889 + }, + "detail-sans-serif-emphasized-font-style": { + "prop": "--spectrum-detail-sans-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-sans-serif-emphasized-font-weight": { + "prop": "--spectrum-detail-sans-serif-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-sans-serif-font-family": { + "prop": "--spectrum-detail-sans-serif-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean" + }, + "detail-sans-serif-font-style": { + "prop": "--spectrum-detail-sans-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-sans-serif-font-weight": { + "prop": "--spectrum-detail-sans-serif-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "500" + }, + "detail-sans-serif-light-emphasized-font-style": { + "prop": "--spectrum-detail-sans-serif-light-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-sans-serif-light-emphasized-font-weight": { + "prop": "--spectrum-detail-sans-serif-light-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-sans-serif-light-font-style": { + "prop": "--spectrum-detail-sans-serif-light-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-sans-serif-light-font-weight": { + "prop": "--spectrum-detail-sans-serif-light-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-sans-serif-light-strong-emphasized-font-style": { + "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-sans-serif-light-strong-emphasized-font-weight": { + "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-sans-serif-light-strong-font-style": { + "prop": "--spectrum-detail-sans-serif-light-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-sans-serif-light-strong-font-weight": { + "prop": "--spectrum-detail-sans-serif-light-strong-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-sans-serif-strong-emphasized-font-style": { + "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-sans-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "detail-sans-serif-strong-font-style": { + "prop": "--spectrum-detail-sans-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-sans-serif-strong-font-weight": { + "prop": "--spectrum-detail-sans-serif-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "detail-sans-serif-text-transform": { + "prop": "--spectrum-detail-sans-serif-text-transform", + "value": "uppercase" + }, + "detail-serif-emphasized-font-style": { + "prop": "--spectrum-detail-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-serif-emphasized-font-weight": { + "prop": "--spectrum-detail-serif-emphasized-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "500" + }, + "detail-serif-font-family": { + "prop": "--spectrum-detail-serif-font-family", + "ref": "var(--spectrum-serif-font-family)", + "value": "Adobe Clean Serif" + }, + "detail-serif-font-style": { + "prop": "--spectrum-detail-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-serif-font-weight": { + "prop": "--spectrum-detail-serif-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "500" + }, + "detail-serif-light-emphasized-font-style": { + "prop": "--spectrum-detail-serif-light-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-serif-light-emphasized-font-weight": { + "prop": "--spectrum-detail-serif-light-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-serif-light-font-style": { + "prop": "--spectrum-detail-serif-light-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-serif-light-font-weight": { + "prop": "--spectrum-detail-serif-light-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-serif-light-strong-emphasized-font-style": { + "prop": "--spectrum-detail-serif-light-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-serif-light-strong-emphasized-font-weight": { + "prop": "--spectrum-detail-serif-light-strong-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-serif-light-strong-font-style": { + "prop": "--spectrum-detail-serif-light-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-serif-light-strong-font-weight": { + "prop": "--spectrum-detail-serif-light-strong-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "detail-serif-strong-emphasized-font-style": { + "prop": "--spectrum-detail-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "detail-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-detail-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "detail-serif-strong-font-style": { + "prop": "--spectrum-detail-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "detail-serif-strong-font-weight": { + "prop": "--spectrum-detail-serif-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "detail-serif-text-transform": { + "prop": "--spectrum-detail-serif-text-transform", + "value": "uppercase" + }, + "detail-size-l": { + "prop": "--spectrum-detail-size-l", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "detail-size-m": { + "prop": "--spectrum-detail-size-m", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "detail-size-s": { + "prop": "--spectrum-detail-size-s", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "detail-size-xl": { + "prop": "--spectrum-detail-size-xl", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "detail-size-xs": { + "prop": "--spectrum-detail-size-xs", + "ref": "var(--spectrum-font-size-50)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "disabled-background-color": { + "prop": "--spectrum-disabled-background-color", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "disabled-border-color": { + "prop": "--spectrum-disabled-border-color", + "ref": "var(--spectrum-gray-300)", + "light": { + "value": "rgb(218, 218, 218)" + }, + "dark": { + "value": "rgb(57, 57, 57)" + } + }, + "disabled-content-color": { + "prop": "--spectrum-disabled-content-color", + "ref": "var(--spectrum-gray-400)", + "light": { + "value": "rgb(198, 198, 198)" + }, + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "disabled-static-black-background-color": { + "prop": "--spectrum-disabled-static-black-background-color", + "ref": "var(--spectrum-transparent-black-100)", + "value": "rgba(0, 0, 0, 0.09)" + }, + "disabled-static-black-border-color": { + "prop": "--spectrum-disabled-static-black-border-color", + "ref": "var(--spectrum-transparent-black-300)", + "value": "rgba(0, 0, 0, 0.15)" + }, + "disabled-static-black-content-color": { + "prop": "--spectrum-disabled-static-black-content-color", + "ref": "var(--spectrum-transparent-black-400)", + "value": "rgba(0, 0, 0, 0.22)" + }, + "disabled-static-white-background-color": { + "prop": "--spectrum-disabled-static-white-background-color", + "ref": "var(--spectrum-transparent-white-100)", + "value": "rgba(255, 255, 255, 0.11)" + }, + "disabled-static-white-border-color": { + "prop": "--spectrum-disabled-static-white-border-color", + "ref": "var(--spectrum-transparent-white-300)", + "value": "rgba(255, 255, 255, 0.17)" + }, + "disabled-static-white-content-color": { + "prop": "--spectrum-disabled-static-white-content-color", + "ref": "var(--spectrum-transparent-white-400)", + "value": "rgba(255, 255, 255, 0.21)" + }, + "disclosure-indicator-top-to-disclosure-icon-extra-large": { + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "disclosure-indicator-top-to-disclosure-icon-large": { + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "disclosure-indicator-top-to-disclosure-icon-medium": { + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "disclosure-indicator-top-to-disclosure-icon-small": { + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "divider-horizontal-minimum-width": { + "prop": "--spectrum-divider-horizontal-minimum-width", + "value": "200px" + }, + "divider-thickness-large": { + "prop": "--spectrum-divider-thickness-large", + "value": "4px" + }, + "divider-thickness-medium": { + "prop": "--spectrum-divider-thickness-medium", + "value": "2px" + }, + "divider-thickness-small": { + "prop": "--spectrum-divider-thickness-small", + "value": "1px" + }, + "divider-vertical-minimum-height": { + "prop": "--spectrum-divider-vertical-minimum-height", + "value": "200px" + }, + "double-calendar-popover-minimum-height": { + "prop": "--spectrum-double-calendar-popover-minimum-height", + "value": "320px" + }, + "double-calendar-popover-minimum-width": { + "prop": "--spectrum-double-calendar-popover-minimum-width", + "value": "616px" + }, + "drag-handle-icon-size-100": { + "prop": "--spectrum-drag-handle-icon-size-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "drag-handle-icon-size-200": { + "prop": "--spectrum-drag-handle-icon-size-200", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "drag-handle-icon-size-300": { + "prop": "--spectrum-drag-handle-icon-size-300", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "drag-handle-icon-size-75": { + "prop": "--spectrum-drag-handle-icon-size-75", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "drop-shadow-blur": { + "prop": "--spectrum-drop-shadow-blur", + "ref": "var(--spectrum-drop-shadow-blur-100)", + "value": "6px" + }, + "drop-shadow-blur-100": { + "prop": "--spectrum-drop-shadow-blur-100", + "value": "6px" + }, + "drop-shadow-blur-200": { + "prop": "--spectrum-drop-shadow-blur-200", + "value": "8px" + }, + "drop-shadow-blur-300": { + "prop": "--spectrum-drop-shadow-blur-300", + "value": "16px" + }, + "drop-shadow-color": { + "prop": "--spectrum-drop-shadow-color", + "ref": "var(--spectrum-drop-shadow-color-100)", + "light": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.36)" + } + }, + "drop-shadow-color-100": { + "prop": "--spectrum-drop-shadow-color-100", + "light": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.36)" + } + }, + "drop-shadow-color-200": { + "prop": "--spectrum-drop-shadow-color-200", + "light": { + "value": "rgba(0, 0, 0, 0.16)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.48)" + } + }, + "drop-shadow-color-300": { + "prop": "--spectrum-drop-shadow-color-300", + "light": { + "value": "rgba(0, 0, 0, 0.2)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.6)" + } + }, + "drop-shadow-dragged-blur": { + "prop": "--spectrum-drop-shadow-dragged-blur", + "ref": "var(--spectrum-drop-shadow-blur-300)", + "value": "16px" + }, + "drop-shadow-dragged-color": { + "prop": "--spectrum-drop-shadow-dragged-color", + "ref": "var(--spectrum-drop-shadow-color-300)", + "light": { + "value": "rgba(0, 0, 0, 0.2)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.6)" + } + }, + "drop-shadow-dragged-x": { + "prop": "--spectrum-drop-shadow-dragged-x", + "ref": "var(--spectrum-drop-shadow-x-300)", + "value": "0px" + }, + "drop-shadow-dragged-y": { + "prop": "--spectrum-drop-shadow-dragged-y", + "ref": "var(--spectrum-drop-shadow-y-300)", + "value": "6px" + }, + "drop-shadow-elevated-blur": { + "prop": "--spectrum-drop-shadow-elevated-blur", + "ref": "var(--spectrum-drop-shadow-blur-200)", + "value": "8px" + }, + "drop-shadow-elevated-color": { + "prop": "--spectrum-drop-shadow-elevated-color", + "ref": "var(--spectrum-drop-shadow-color-200)", + "light": { + "value": "rgba(0, 0, 0, 0.16)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.48)" + } + }, + "drop-shadow-elevated-x": { + "prop": "--spectrum-drop-shadow-elevated-x", + "ref": "var(--spectrum-drop-shadow-x-200)", + "value": "0px" + }, + "drop-shadow-elevated-y": { + "prop": "--spectrum-drop-shadow-elevated-y", + "ref": "var(--spectrum-drop-shadow-y-200)", + "value": "2px" + }, + "drop-shadow-emphasized-default-blur": { + "prop": "--spectrum-drop-shadow-emphasized-default-blur", + "ref": "var(--spectrum-drop-shadow-blur-100)", + "value": "6px" + }, + "drop-shadow-emphasized-default-color": { + "prop": "--spectrum-drop-shadow-emphasized-default-color", + "ref": "var(--spectrum-drop-shadow-color-100)", + "light": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.36)" + } + }, + "drop-shadow-emphasized-default-x": { + "prop": "--spectrum-drop-shadow-emphasized-default-x", + "ref": "var(--spectrum-drop-shadow-x-100)", + "value": "0px" + }, + "drop-shadow-emphasized-default-y": { + "prop": "--spectrum-drop-shadow-emphasized-default-y", + "ref": "var(--spectrum-drop-shadow-y-100)", + "value": "1px" + }, + "drop-shadow-emphasized-hover-blur": { + "prop": "--spectrum-drop-shadow-emphasized-hover-blur", + "ref": "var(--spectrum-drop-shadow-blur-200)", + "value": "8px" + }, + "drop-shadow-emphasized-hover-color": { + "prop": "--spectrum-drop-shadow-emphasized-hover-color", + "ref": "var(--spectrum-drop-shadow-color-200)", + "light": { + "value": "rgba(0, 0, 0, 0.16)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.48)" + } + }, + "drop-shadow-emphasized-hover-x": { + "prop": "--spectrum-drop-shadow-emphasized-hover-x", + "ref": "var(--spectrum-drop-shadow-x-200)", + "value": "0px" + }, + "drop-shadow-emphasized-hover-y": { + "prop": "--spectrum-drop-shadow-emphasized-hover-y", + "ref": "var(--spectrum-drop-shadow-y-200)", + "value": "2px" + }, + "drop-shadow-x": { + "prop": "--spectrum-drop-shadow-x", + "ref": "var(--spectrum-drop-shadow-x-100)", + "value": "0px" + }, + "drop-shadow-x-100": { + "prop": "--spectrum-drop-shadow-x-100", + "value": "0px" + }, + "drop-shadow-x-200": { + "prop": "--spectrum-drop-shadow-x-200", + "value": "0px" + }, + "drop-shadow-x-300": { + "prop": "--spectrum-drop-shadow-x-300", + "value": "0px" + }, + "drop-shadow-y": { + "prop": "--spectrum-drop-shadow-y", + "ref": "var(--spectrum-drop-shadow-y-100)", + "value": "1px" + }, + "drop-shadow-y-100": { + "prop": "--spectrum-drop-shadow-y-100", + "value": "1px" + }, + "drop-shadow-y-200": { + "prop": "--spectrum-drop-shadow-y-200", + "value": "2px" + }, + "drop-shadow-y-300": { + "prop": "--spectrum-drop-shadow-y-300", + "value": "6px" + }, + "drop-zone-background-color": { + "prop": "--spectrum-drop-zone-background-color", + "ref": "var(--spectrum-accent-color-900)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "drop-zone-background-color-opacity": { + "prop": "--spectrum-drop-zone-background-color-opacity", + "value": "0.1" + }, + "drop-zone-background-color-opacity-filled": { + "prop": "--spectrum-drop-zone-background-color-opacity-filled", + "value": "0.3" + }, + "drop-zone-body-font-size": { + "prop": "--spectrum-drop-zone-body-font-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "drop-zone-body-size": { + "prop": "--spectrum-drop-zone-body-size", + "ref": "var(--spectrum-drop-zone-body-font-size)", + "value": "{drop-zone-body-font-size}" + }, + "drop-zone-border-dash-gap": { + "prop": "--spectrum-drop-zone-border-dash-gap", + "value": "6px" + }, + "drop-zone-border-dash-length": { + "prop": "--spectrum-drop-zone-border-dash-length", + "value": "8px" + }, + "drop-zone-cjk-title-font-size": { + "prop": "--spectrum-drop-zone-cjk-title-font-size", + "ref": "var(--spectrum-title-cjk-size-l)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "19px" + } + }, + "drop-zone-cjk-title-size": { + "prop": "--spectrum-drop-zone-cjk-title-size", + "ref": "var(--spectrum-drop-zone-cjk-title-font-size)", + "value": "{drop-zone-cjk-title-font-size}" + }, + "drop-zone-content-maximum-width": { + "prop": "--spectrum-drop-zone-content-maximum-width", + "ref": "var(--spectrum-illustrated-message-maximum-width)", + "value": "380px" + }, + "drop-zone-title-font-size": { + "prop": "--spectrum-drop-zone-title-font-size", + "ref": "var(--spectrum-title-size-l)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "22px" + } + }, + "drop-zone-title-size": { + "prop": "--spectrum-drop-zone-title-size", + "ref": "var(--spectrum-drop-zone-title-font-size)", + "value": "{drop-zone-title-font-size}" + }, + "drop-zone-width": { + "prop": "--spectrum-drop-zone-width", + "value": "428px" + }, + "extra-bold-font-weight": { + "prop": "--spectrum-extra-bold-font-weight", + "ref": "extra-bold", + "value": "800" + }, + "field-default-width-extra-large": { + "prop": "--spectrum-field-default-width-extra-large", + "desktop": { + "value": "240px" + }, + "mobile": { + "value": "288px" + } + }, + "field-default-width-large": { + "prop": "--spectrum-field-default-width-large", + "desktop": { + "value": "224px" + }, + "mobile": { + "value": "272px" + } + }, + "field-default-width-medium": { + "prop": "--spectrum-field-default-width-medium", + "desktop": { + "value": "208px" + }, + "mobile": { + "value": "256px" + } + }, + "field-default-width-small": { + "prop": "--spectrum-field-default-width-small", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "field-edge-to-alert-icon-extra-large": { + "prop": "--spectrum-field-edge-to-alert-icon-extra-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "field-edge-to-alert-icon-large": { + "prop": "--spectrum-field-edge-to-alert-icon-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "field-edge-to-alert-icon-medium": { + "prop": "--spectrum-field-edge-to-alert-icon-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "field-edge-to-alert-icon-quiet": { + "prop": "--spectrum-field-edge-to-alert-icon-quiet", + "value": "0px" + }, + "field-edge-to-alert-icon-small": { + "prop": "--spectrum-field-edge-to-alert-icon-small", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "field-edge-to-border-quiet": { + "prop": "--spectrum-field-edge-to-border-quiet", + "value": "0px" + }, + "field-edge-to-disclosure-icon-100": { + "prop": "--spectrum-field-edge-to-disclosure-icon-100", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "field-edge-to-disclosure-icon-200": { + "prop": "--spectrum-field-edge-to-disclosure-icon-200", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "field-edge-to-disclosure-icon-300": { + "prop": "--spectrum-field-edge-to-disclosure-icon-300", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "field-edge-to-disclosure-icon-75": { + "prop": "--spectrum-field-edge-to-disclosure-icon-75", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "field-edge-to-text-quiet": { + "prop": "--spectrum-field-edge-to-text-quiet", + "value": "0px" + }, + "field-edge-to-validation-icon-extra-large": { + "prop": "--spectrum-field-edge-to-validation-icon-extra-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "field-edge-to-validation-icon-large": { + "prop": "--spectrum-field-edge-to-validation-icon-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "field-edge-to-validation-icon-medium": { + "prop": "--spectrum-field-edge-to-validation-icon-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "field-edge-to-validation-icon-quiet": { + "prop": "--spectrum-field-edge-to-validation-icon-quiet", + "value": "0px" + }, + "field-edge-to-validation-icon-small": { + "prop": "--spectrum-field-edge-to-validation-icon-small", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "field-edge-to-visual-quiet": { + "prop": "--spectrum-field-edge-to-visual-quiet", + "value": "0px" + }, + "field-end-edge-to-disclosure-icon-100": { + "prop": "--spectrum-field-end-edge-to-disclosure-icon-100", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "field-end-edge-to-disclosure-icon-200": { + "prop": "--spectrum-field-end-edge-to-disclosure-icon-200", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "field-end-edge-to-disclosure-icon-300": { + "prop": "--spectrum-field-end-edge-to-disclosure-icon-300", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "field-end-edge-to-disclosure-icon-75": { + "prop": "--spectrum-field-end-edge-to-disclosure-icon-75", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "field-label-text-to-asterisk-extra-large": { + "prop": "--spectrum-field-label-text-to-asterisk-extra-large", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "field-label-text-to-asterisk-large": { + "prop": "--spectrum-field-label-text-to-asterisk-large", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "field-label-text-to-asterisk-medium": { + "prop": "--spectrum-field-label-text-to-asterisk-medium", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "field-label-text-to-asterisk-small": { + "prop": "--spectrum-field-label-text-to-asterisk-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "field-label-to-component": { + "prop": "--spectrum-field-label-to-component", + "value": "0px" + }, + "field-label-to-component-quiet-extra-large": { + "prop": "--spectrum-field-label-to-component-quiet-extra-large", + "desktop": { + "value": "-15px" + }, + "mobile": { + "value": "-19px" + } + }, + "field-label-to-component-quiet-large": { + "prop": "--spectrum-field-label-to-component-quiet-large", + "desktop": { + "value": "-12px" + }, + "mobile": { + "value": "-15px" + } + }, + "field-label-to-component-quiet-medium": { + "prop": "--spectrum-field-label-to-component-quiet-medium", + "desktop": { + "value": "-8px" + }, + "mobile": { + "value": "-10px" + } + }, + "field-label-to-component-quiet-small": { + "prop": "--spectrum-field-label-to-component-quiet-small", + "desktop": { + "value": "-8px" + }, + "mobile": { + "value": "-10px" + } + }, + "field-label-top-margin-extra-large": { + "prop": "--spectrum-field-label-top-margin-extra-large", + "value": "0px" + }, + "field-label-top-margin-large": { + "prop": "--spectrum-field-label-top-margin-large", + "value": "0px" + }, + "field-label-top-margin-medium": { + "prop": "--spectrum-field-label-top-margin-medium", + "value": "0px" + }, + "field-label-top-margin-small": { + "prop": "--spectrum-field-label-top-margin-small", + "value": "0px" + }, + "field-label-top-to-asterisk-extra-large": { + "prop": "--spectrum-field-label-top-to-asterisk-extra-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "24px" + } + }, + "field-label-top-to-asterisk-large": { + "prop": "--spectrum-field-label-top-to-asterisk-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "field-label-top-to-asterisk-medium": { + "prop": "--spectrum-field-label-top-to-asterisk-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "field-label-top-to-asterisk-small": { + "prop": "--spectrum-field-label-top-to-asterisk-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "11px" + } + }, + "field-text-to-alert-icon-extra-large": { + "prop": "--spectrum-field-text-to-alert-icon-extra-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "field-text-to-alert-icon-large": { + "prop": "--spectrum-field-text-to-alert-icon-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "field-text-to-alert-icon-medium": { + "prop": "--spectrum-field-text-to-alert-icon-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "field-text-to-alert-icon-small": { + "prop": "--spectrum-field-text-to-alert-icon-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "field-text-to-validation-icon-extra-large": { + "prop": "--spectrum-field-text-to-validation-icon-extra-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "field-text-to-validation-icon-large": { + "prop": "--spectrum-field-text-to-validation-icon-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "field-text-to-validation-icon-medium": { + "prop": "--spectrum-field-text-to-validation-icon-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "field-text-to-validation-icon-small": { + "prop": "--spectrum-field-text-to-validation-icon-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "field-top-to-alert-icon-extra-large": { + "prop": "--spectrum-field-top-to-alert-icon-extra-large", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "16px" + } + }, + "field-top-to-alert-icon-large": { + "prop": "--spectrum-field-top-to-alert-icon-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "field-top-to-alert-icon-medium": { + "prop": "--spectrum-field-top-to-alert-icon-medium", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "field-top-to-alert-icon-small": { + "prop": "--spectrum-field-top-to-alert-icon-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "field-top-to-disclosure-icon-100": { + "prop": "--spectrum-field-top-to-disclosure-icon-100", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "field-top-to-disclosure-icon-200": { + "prop": "--spectrum-field-top-to-disclosure-icon-200", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "field-top-to-disclosure-icon-300": { + "prop": "--spectrum-field-top-to-disclosure-icon-300", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "field-top-to-disclosure-icon-75": { + "prop": "--spectrum-field-top-to-disclosure-icon-75", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "field-top-to-disclosure-icon-compact-extra-large": { + "prop": "--spectrum-field-top-to-disclosure-icon-compact-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "21px" + } + }, + "field-top-to-disclosure-icon-compact-large": { + "prop": "--spectrum-field-top-to-disclosure-icon-compact-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "field-top-to-disclosure-icon-compact-medium": { + "prop": "--spectrum-field-top-to-disclosure-icon-compact-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "field-top-to-disclosure-icon-compact-small": { + "prop": "--spectrum-field-top-to-disclosure-icon-compact-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "field-top-to-disclosure-icon-extra-large": { + "prop": "--spectrum-field-top-to-disclosure-icon-extra-large", + "desktop": { + "value": "21px" + }, + "mobile": { + "value": "26px" + } + }, + "field-top-to-disclosure-icon-large": { + "prop": "--spectrum-field-top-to-disclosure-icon-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "field-top-to-disclosure-icon-medium": { + "prop": "--spectrum-field-top-to-disclosure-icon-medium", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "18px" + } + }, + "field-top-to-disclosure-icon-small": { + "prop": "--spectrum-field-top-to-disclosure-icon-small", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "field-top-to-disclosure-icon-spacious-extra-large": { + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-extra-large", + "desktop": { + "value": "25px" + }, + "mobile": { + "value": "31px" + } + }, + "field-top-to-disclosure-icon-spacious-large": { + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-large", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } + }, + "field-top-to-disclosure-icon-spacious-medium": { + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-medium", + "desktop": { + "value": "19px" + }, + "mobile": { + "value": "23px" + } + }, + "field-top-to-disclosure-icon-spacious-small": { + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-small", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "18px" + } + }, + "field-top-to-progress-circle-extra-large": { + "prop": "--spectrum-field-top-to-progress-circle-extra-large", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "field-top-to-progress-circle-large": { + "prop": "--spectrum-field-top-to-progress-circle-large", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "field-top-to-progress-circle-medium": { + "prop": "--spectrum-field-top-to-progress-circle-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "field-top-to-progress-circle-small": { + "prop": "--spectrum-field-top-to-progress-circle-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "6px" + } + }, + "field-top-to-validation-icon-extra-large": { + "prop": "--spectrum-field-top-to-validation-icon-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "field-top-to-validation-icon-large": { + "prop": "--spectrum-field-top-to-validation-icon-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "field-top-to-validation-icon-medium": { + "prop": "--spectrum-field-top-to-validation-icon-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "field-top-to-validation-icon-small": { + "prop": "--spectrum-field-top-to-validation-icon-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "field-width": { + "prop": "--spectrum-field-width", + "ref": "var(--spectrum-field-width-small)", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "field-width-extra-large": { + "prop": "--spectrum-field-width-extra-large", + "ref": "var(--spectrum-field-default-width-extra-large)", + "desktop": { + "value": "240px" + }, + "mobile": { + "value": "288px" + } + }, + "field-width-large": { + "prop": "--spectrum-field-width-large", + "ref": "var(--spectrum-field-default-width-large)", + "desktop": { + "value": "224px" + }, + "mobile": { + "value": "272px" + } + }, + "field-width-medium": { + "prop": "--spectrum-field-width-medium", + "ref": "var(--spectrum-field-default-width-medium)", + "desktop": { + "value": "208px" + }, + "mobile": { + "value": "256px" + } + }, + "field-width-small": { + "prop": "--spectrum-field-width-small", + "ref": "var(--spectrum-field-default-width-small)", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "floating-action-button-drop-shadow-blur": { + "prop": "--spectrum-floating-action-button-drop-shadow-blur", + "value": "12px" + }, + "floating-action-button-drop-shadow-color": { + "prop": "--spectrum-floating-action-button-drop-shadow-color", + "ref": "var(--spectrum-transparent-black-300)", + "value": "rgba(0, 0, 0, 0.15)" + }, + "floating-action-button-drop-shadow-y": { + "prop": "--spectrum-floating-action-button-drop-shadow-y", + "value": "4px" + }, + "floating-action-button-shadow-color": { + "prop": "--spectrum-floating-action-button-shadow-color", + "ref": "var(--spectrum-floating-action-button-drop-shadow-color)", + "value": "rgba(0, 0, 0, 0.15)" + }, + "focus-indicator-color": { + "prop": "--spectrum-focus-indicator-color", + "ref": "var(--spectrum-blue-800)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "focus-indicator-gap": { + "prop": "--spectrum-focus-indicator-gap", + "value": "2px" + }, + "focus-indicator-thickness": { + "prop": "--spectrum-focus-indicator-thickness", + "value": "2px" + }, + "font-size-100": { + "prop": "--spectrum-font-size-100", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "font-size-1000": { + "prop": "--spectrum-font-size-1000", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "49px" + } + }, + "font-size-1100": { + "prop": "--spectrum-font-size-1100", + "desktop": { + "value": "45px" + }, + "mobile": { + "value": "55px" + } + }, + "font-size-1200": { + "prop": "--spectrum-font-size-1200", + "desktop": { + "value": "51px" + }, + "mobile": { + "value": "62px" + } + }, + "font-size-1300": { + "prop": "--spectrum-font-size-1300", + "desktop": { + "value": "58px" + }, + "mobile": { + "value": "70px" + } + }, + "font-size-1400": { + "prop": "--spectrum-font-size-1400", + "desktop": { + "value": "65px" + }, + "mobile": { + "value": "79px" + } + }, + "font-size-1500": { + "prop": "--spectrum-font-size-1500", + "desktop": { + "value": "73px" + }, + "mobile": { + "value": "88px" + } + }, + "font-size-200": { + "prop": "--spectrum-font-size-200", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "font-size-25": { + "prop": "--spectrum-font-size-25", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "font-size-300": { + "prop": "--spectrum-font-size-300", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "font-size-400": { + "prop": "--spectrum-font-size-400", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "font-size-50": { + "prop": "--spectrum-font-size-50", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "font-size-500": { + "prop": "--spectrum-font-size-500", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } + }, + "font-size-600": { + "prop": "--spectrum-font-size-600", + "desktop": { + "value": "25px" + }, + "mobile": { + "value": "31px" + } + }, + "font-size-700": { + "prop": "--spectrum-font-size-700", + "desktop": { + "value": "28px" + }, + "mobile": { + "value": "34px" + } + }, + "font-size-75": { + "prop": "--spectrum-font-size-75", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "font-size-800": { + "prop": "--spectrum-font-size-800", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "39px" + } + }, + "font-size-900": { + "prop": "--spectrum-font-size-900", + "desktop": { + "value": "36px" + }, + "mobile": { + "value": "44px" + } + }, + "fuchsia-100": { + "prop": "--spectrum-fuchsia-100", + "light": { + "value": "rgb(254, 246, 255)" + }, + "dark": { + "value": "rgb(50, 0, 61)" + } + }, + "fuchsia-1000": { + "prop": "--spectrum-fuchsia-1000", + "light": { + "value": "rgb(156, 40, 175)" + }, + "dark": { + "value": "rgb(232, 91, 253)" + } + }, + "fuchsia-1100": { + "prop": "--spectrum-fuchsia-1100", + "light": { + "value": "rgb(135, 27, 154)" + }, + "dark": { + "value": "rgb(240, 122, 255)" + } + }, + "fuchsia-1200": { + "prop": "--spectrum-fuchsia-1200", + "light": { + "value": "rgb(113, 15, 131)" + }, + "dark": { + "value": "rgb(245, 159, 255)" + } + }, + "fuchsia-1300": { + "prop": "--spectrum-fuchsia-1300", + "light": { + "value": "rgb(92, 4, 109)" + }, + "dark": { + "value": "rgb(248, 191, 255)" + } + }, + "fuchsia-1400": { + "prop": "--spectrum-fuchsia-1400", + "light": { + "value": "rgb(72, 0, 88)" + }, + "dark": { + "value": "rgb(251, 219, 255)" + } + }, + "fuchsia-1500": { + "prop": "--spectrum-fuchsia-1500", + "dark": { + "value": "rgb(253, 241, 255)" + }, + "light": { + "value": "rgb(54, 0, 66)" + } + }, + "fuchsia-1600": { + "prop": "--spectrum-fuchsia-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(29, 0, 35)" + } + }, + "fuchsia-200": { + "prop": "--spectrum-fuchsia-200", + "light": { + "value": "rgb(253, 233, 255)" + }, + "dark": { + "value": "rgb(61, 0, 74)" + } + }, + "fuchsia-300": { + "prop": "--spectrum-fuchsia-300", + "light": { + "value": "rgb(250, 211, 255)" + }, + "dark": { + "value": "rgb(79, 0, 95)" + } + }, + "fuchsia-400": { + "prop": "--spectrum-fuchsia-400", + "light": { + "value": "rgb(247, 181, 255)" + }, + "dark": { + "value": "rgb(102, 9, 120)" + } + }, + "fuchsia-500": { + "prop": "--spectrum-fuchsia-500", + "light": { + "value": "rgb(243, 147, 255)" + }, + "dark": { + "value": "rgb(127, 23, 146)" + } + }, + "fuchsia-600": { + "prop": "--spectrum-fuchsia-600", + "light": { + "value": "rgb(236, 105, 255)" + }, + "dark": { + "value": "rgb(151, 38, 170)" + } + }, + "fuchsia-700": { + "prop": "--spectrum-fuchsia-700", + "light": { + "value": "rgb(223, 77, 245)" + }, + "dark": { + "value": "rgb(173, 51, 192)" + } + }, + "fuchsia-800": { + "prop": "--spectrum-fuchsia-800", + "light": { + "value": "rgb(200, 68, 220)" + }, + "dark": { + "value": "rgb(186, 60, 206)" + } + }, + "fuchsia-900": { + "prop": "--spectrum-fuchsia-900", + "light": { + "value": "rgb(181, 57, 200)" + }, + "dark": { + "value": "rgb(213, 73, 235)" + } + }, + "fuchsia-background-color-default": { + "prop": "--spectrum-fuchsia-background-color-default", + "ref": "var(--spectrum-fuchsia-800)", + "light": { + "value": "rgb(181, 57, 200)" + }, + "dark": { + "value": "rgb(186, 60, 206)" + } + }, + "fuchsia-subtle-background-color-default": { + "prop": "--spectrum-fuchsia-subtle-background-color-default", + "ref": "var(--spectrum-fuchsia-300)", + "light": { + "value": "rgb(253, 233, 255)" + }, + "dark": { + "value": "rgb(79, 0, 95)" + } + }, + "fuchsia-visual-color": { + "prop": "--spectrum-fuchsia-visual-color", + "ref": "var(--spectrum-fuchsia-900)", + "light": { + "value": "rgb(200, 68, 220)" + }, + "dark": { + "value": "rgb(213, 73, 235)" + } + }, + "gradient-stop-1-genai": { + "prop": "--spectrum-gradient-stop-1-genai", + "value": 0 + }, + "gradient-stop-1-premium": { + "prop": "--spectrum-gradient-stop-1-premium", + "value": 0 + }, + "gradient-stop-2-genai": { + "prop": "--spectrum-gradient-stop-2-genai", + "value": 0.3333 + }, + "gradient-stop-2-premium": { + "prop": "--spectrum-gradient-stop-2-premium", + "value": 0.6666 + }, + "gradient-stop-3-genai": { + "prop": "--spectrum-gradient-stop-3-genai", + "value": 1 + }, + "gradient-stop-3-premium": { + "prop": "--spectrum-gradient-stop-3-premium", + "value": 1 + }, + "gray-100": { + "prop": "--spectrum-gray-100", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "gray-1000": { + "prop": "--spectrum-gray-1000", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 0, 0)" + } + }, + "gray-200": { + "prop": "--spectrum-gray-200", + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "gray-25": { + "prop": "--spectrum-gray-25", + "dark": { + "value": "rgb(17, 17, 17)" + }, + "light": { + "value": "rgb(255, 255, 255)" + } + }, + "gray-300": { + "prop": "--spectrum-gray-300", + "light": { + "value": "rgb(218, 218, 218)" + }, + "dark": { + "value": "rgb(57, 57, 57)" + } + }, + "gray-400": { + "prop": "--spectrum-gray-400", + "light": { + "value": "rgb(198, 198, 198)" + }, + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "gray-50": { + "prop": "--spectrum-gray-50", + "light": { + "value": "rgb(248, 248, 248)" + }, + "dark": { + "value": "rgb(27, 27, 27)" + } + }, + "gray-500": { + "prop": "--spectrum-gray-500", + "light": { + "value": "rgb(143, 143, 143)" + }, + "dark": { + "value": "rgb(109, 109, 109)" + } + }, + "gray-600": { + "prop": "--spectrum-gray-600", + "light": { + "value": "rgb(113, 113, 113)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "gray-700": { + "prop": "--spectrum-gray-700", + "light": { + "value": "rgb(80, 80, 80)" + }, + "dark": { + "value": "rgb(175, 175, 175)" + } + }, + "gray-75": { + "prop": "--spectrum-gray-75", + "light": { + "value": "rgb(243, 243, 243)" + }, + "dark": { + "value": "rgb(34, 34, 34)" + } + }, + "gray-800": { + "prop": "--spectrum-gray-800", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "gray-900": { + "prop": "--spectrum-gray-900", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "gray-background-color-default": { + "prop": "--spectrum-gray-background-color-default", + "ref": "var(--spectrum-gray-500)", + "light": { + "value": "rgb(80, 80, 80)" + }, + "dark": { + "value": "rgb(109, 109, 109)" + } + }, + "gray-subtle-background-color-default": { + "prop": "--spectrum-gray-subtle-background-color-default", + "ref": "var(--spectrum-gray-300)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(57, 57, 57)" + } + }, + "gray-visual-color": { + "prop": "--spectrum-gray-visual-color", + "ref": "var(--spectrum-gray-600)", + "light": { + "value": "rgb(143, 143, 143)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "green-100": { + "prop": "--spectrum-green-100", + "light": { + "value": "rgb(237, 252, 241)" + }, + "dark": { + "value": "rgb(0, 30, 23)" + } + }, + "green-1000": { + "prop": "--spectrum-green-1000", + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(14, 175, 98)" + } + }, + "green-1100": { + "prop": "--spectrum-green-1100", + "light": { + "value": "rgb(2, 93, 60)" + }, + "dark": { + "value": "rgb(24, 193, 110)" + } + }, + "green-1200": { + "prop": "--spectrum-green-1200", + "light": { + "value": "rgb(1, 76, 52)" + }, + "dark": { + "value": "rgb(57, 215, 134)" + } + }, + "green-1300": { + "prop": "--spectrum-green-1300", + "light": { + "value": "rgb(0, 61, 44)" + }, + "dark": { + "value": "rgb(126, 231, 172)" + } + }, + "green-1400": { + "prop": "--spectrum-green-1400", + "light": { + "value": "rgb(0, 46, 34)" + }, + "dark": { + "value": "rgb(189, 241, 208)" + } + }, + "green-1500": { + "prop": "--spectrum-green-1500", + "dark": { + "value": "rgb(229, 250, 236)" + }, + "light": { + "value": "rgb(0, 33, 25)" + } + }, + "green-1600": { + "prop": "--spectrum-green-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 15, 12)" + } + }, + "green-200": { + "prop": "--spectrum-green-200", + "light": { + "value": "rgb(215, 247, 225)" + }, + "dark": { + "value": "rgb(0, 38, 29)" + } + }, + "green-300": { + "prop": "--spectrum-green-300", + "light": { + "value": "rgb(173, 238, 197)" + }, + "dark": { + "value": "rgb(0, 51, 38)" + } + }, + "green-400": { + "prop": "--spectrum-green-400", + "light": { + "value": "rgb(107, 227, 162)" + }, + "dark": { + "value": "rgb(0, 68, 48)" + } + }, + "green-500": { + "prop": "--spectrum-green-500", + "light": { + "value": "rgb(43, 209, 125)" + }, + "dark": { + "value": "rgb(2, 87, 58)" + } + }, + "green-600": { + "prop": "--spectrum-green-600", + "light": { + "value": "rgb(18, 184, 103)" + }, + "dark": { + "value": "rgb(3, 106, 67)" + } + }, + "green-700": { + "prop": "--spectrum-green-700", + "light": { + "value": "rgb(11, 164, 93)" + }, + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "green-800": { + "prop": "--spectrum-green-800", + "light": { + "value": "rgb(7, 147, 85)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "green-900": { + "prop": "--spectrum-green-900", + "light": { + "value": "rgb(5, 131, 78)" + }, + "dark": { + "value": "rgb(9, 157, 89)" + } + }, + "green-background-color-default": { + "prop": "--spectrum-green-background-color-default", + "ref": "var(--spectrum-green-800)", + "light": { + "value": "rgb(5, 131, 78)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "green-subtle-background-color-default": { + "prop": "--spectrum-green-subtle-background-color-default", + "ref": "var(--spectrum-green-300)", + "light": { + "value": "rgb(215, 247, 225)" + }, + "dark": { + "value": "rgb(0, 51, 38)" + } + }, + "green-visual-color": { + "prop": "--spectrum-green-visual-color", + "ref": "var(--spectrum-green-800)", + "light": { + "value": "rgb(11, 164, 93)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "gripper-icon-size-100": { + "prop": "--spectrum-gripper-icon-size-100", + "value": "24px" + }, + "heading-cjk-emphasized-font-style": { + "prop": "--spectrum-heading-cjk-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-emphasized-font-weight": { + "prop": "--spectrum-heading-cjk-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-cjk-font-family": { + "prop": "--spectrum-heading-cjk-font-family", + "ref": "var(--spectrum-cjk-font-family)", + "value": "Adobe Clean Han" + }, + "heading-cjk-font-style": { + "prop": "--spectrum-heading-cjk-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-font-weight": { + "prop": "--spectrum-heading-cjk-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "heading-cjk-heavy-emphasized-font-style": { + "prop": "--spectrum-heading-cjk-heavy-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-heavy-emphasized-font-weight": { + "prop": "--spectrum-heading-cjk-heavy-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-cjk-heavy-font-style": { + "prop": "--spectrum-heading-cjk-heavy-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-heavy-font-weight": { + "prop": "--spectrum-heading-cjk-heavy-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "heading-cjk-heavy-strong-emphasized-font-style": { + "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-heavy-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-cjk-heavy-strong-font-style": { + "prop": "--spectrum-heading-cjk-heavy-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-heavy-strong-font-weight": { + "prop": "--spectrum-heading-cjk-heavy-strong-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-cjk-light-emphasized-font-style": { + "prop": "--spectrum-heading-cjk-light-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-light-emphasized-font-weight": { + "prop": "--spectrum-heading-cjk-light-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "heading-cjk-light-font-style": { + "prop": "--spectrum-heading-cjk-light-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-light-font-weight": { + "prop": "--spectrum-heading-cjk-light-font-weight", + "ref": "var(--spectrum-light-font-weight)", + "value": "300" + }, + "heading-cjk-light-strong-emphasized-font-style": { + "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-light-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "heading-cjk-light-strong-font-style": { + "prop": "--spectrum-heading-cjk-light-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-light-strong-font-weight": { + "prop": "--spectrum-heading-cjk-light-strong-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "heading-cjk-line-height": { + "prop": "--spectrum-heading-cjk-line-height", + "ref": "var(--spectrum-cjk-line-height-100)", + "value": 1.5 + }, + "heading-cjk-size-l": { + "prop": "--spectrum-heading-cjk-size-l", + "ref": "var(--spectrum-font-size-600)", + "desktop": { + "value": "25px" + }, + "mobile": { + "value": "31px" + } + }, + "heading-cjk-size-m": { + "prop": "--spectrum-heading-cjk-size-m", + "ref": "var(--spectrum-font-size-400)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "heading-cjk-size-s": { + "prop": "--spectrum-heading-cjk-size-s", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "heading-cjk-size-xl": { + "prop": "--spectrum-heading-cjk-size-xl", + "ref": "var(--spectrum-font-size-800)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "39px" + } + }, + "heading-cjk-size-xs": { + "prop": "--spectrum-heading-cjk-size-xs", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "heading-cjk-size-xxl": { + "prop": "--spectrum-heading-cjk-size-xxl", + "ref": "var(--spectrum-font-size-1000)", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "49px" + } + }, + "heading-cjk-size-xxs": { + "prop": "--spectrum-heading-cjk-size-xxs", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "heading-cjk-size-xxxl": { + "prop": "--spectrum-heading-cjk-size-xxxl", + "ref": "var(--spectrum-font-size-1200)", + "desktop": { + "value": "51px" + }, + "mobile": { + "value": "62px" + } + }, + "heading-cjk-size-xxxxl": { + "prop": "--spectrum-heading-cjk-size-xxxxl", + "ref": "var(--spectrum-font-size-1400)", + "desktop": { + "value": "65px" + }, + "mobile": { + "value": "79px" + } + }, + "heading-cjk-strong-emphasized-font-style": { + "prop": "--spectrum-heading-cjk-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-cjk-strong-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-cjk-strong-font-style": { + "prop": "--spectrum-heading-cjk-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-cjk-strong-font-weight": { + "prop": "--spectrum-heading-cjk-strong-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-color": { + "prop": "--spectrum-heading-color", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "heading-line-height": { + "prop": "--spectrum-heading-line-height", + "ref": "var(--spectrum-line-height-100)", + "value": 1.3 + }, + "heading-margin-bottom-multiplier": { + "prop": "--spectrum-heading-margin-bottom-multiplier", + "value": 0.25 + }, + "heading-margin-top-multiplier": { + "prop": "--spectrum-heading-margin-top-multiplier", + "value": 0.88888889 + }, + "heading-sans-serif-emphasized-font-style": { + "prop": "--spectrum-heading-sans-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-sans-serif-emphasized-font-weight": { + "prop": "--spectrum-heading-sans-serif-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "heading-sans-serif-font-family": { + "prop": "--spectrum-heading-sans-serif-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean" + }, + "heading-sans-serif-font-style": { + "prop": "--spectrum-heading-sans-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-sans-serif-font-weight": { + "prop": "--spectrum-heading-sans-serif-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "heading-sans-serif-heavy-emphasized-font-style": { + "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-sans-serif-heavy-emphasized-font-weight": { + "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-sans-serif-heavy-font-style": { + "prop": "--spectrum-heading-sans-serif-heavy-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-sans-serif-heavy-font-weight": { + "prop": "--spectrum-heading-sans-serif-heavy-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-sans-serif-heavy-strong-emphasized-font-style": { + "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-sans-serif-heavy-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-sans-serif-heavy-strong-font-style": { + "prop": "--spectrum-heading-sans-serif-heavy-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-sans-serif-heavy-strong-font-weight": { + "prop": "--spectrum-heading-sans-serif-heavy-strong-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-sans-serif-light-emphasized-font-style": { + "prop": "--spectrum-heading-sans-serif-light-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-sans-serif-light-emphasized-font-weight": { + "prop": "--spectrum-heading-sans-serif-light-emphasized-font-weight", + "ref": "var(--spectrum-light-font-weight)", + "value": "300" + }, + "heading-sans-serif-light-font-style": { + "prop": "--spectrum-heading-sans-serif-light-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-sans-serif-light-font-weight": { + "prop": "--spectrum-heading-sans-serif-light-font-weight", + "ref": "var(--spectrum-light-font-weight)", + "value": "300" + }, + "heading-sans-serif-light-strong-emphasized-font-style": { + "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-sans-serif-light-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "heading-sans-serif-light-strong-font-style": { + "prop": "--spectrum-heading-sans-serif-light-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-sans-serif-light-strong-font-weight": { + "prop": "--spectrum-heading-sans-serif-light-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "heading-sans-serif-strong-emphasized-font-style": { + "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-sans-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-sans-serif-strong-font-style": { + "prop": "--spectrum-heading-sans-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-sans-serif-strong-font-weight": { + "prop": "--spectrum-heading-sans-serif-strong-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-serif-emphasized-font-style": { + "prop": "--spectrum-heading-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-serif-emphasized-font-weight": { + "prop": "--spectrum-heading-serif-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "heading-serif-font-family": { + "prop": "--spectrum-heading-serif-font-family", + "ref": "var(--spectrum-serif-font-family)", + "value": "Adobe Clean Serif" + }, + "heading-serif-font-style": { + "prop": "--spectrum-heading-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-serif-font-weight": { + "prop": "--spectrum-heading-serif-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "heading-serif-heavy-emphasized-font-style": { + "prop": "--spectrum-heading-serif-heavy-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-serif-heavy-emphasized-font-weight": { + "prop": "--spectrum-heading-serif-heavy-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-serif-heavy-font-style": { + "prop": "--spectrum-heading-serif-heavy-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-serif-heavy-font-weight": { + "prop": "--spectrum-heading-serif-heavy-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-serif-heavy-strong-emphasized-font-style": { + "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-serif-heavy-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-serif-heavy-strong-font-style": { + "prop": "--spectrum-heading-serif-heavy-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-serif-heavy-strong-font-weight": { + "prop": "--spectrum-heading-serif-heavy-strong-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-serif-light-emphasized-font-style": { + "prop": "--spectrum-heading-serif-light-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-serif-light-emphasized-font-weight": { + "prop": "--spectrum-heading-serif-light-emphasized-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "heading-serif-light-font-style": { + "prop": "--spectrum-heading-serif-light-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-serif-light-font-weight": { + "prop": "--spectrum-heading-serif-light-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "400" + }, + "heading-serif-light-strong-emphasized-font-style": { + "prop": "--spectrum-heading-serif-light-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-serif-light-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-serif-light-strong-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "heading-serif-light-strong-font-style": { + "prop": "--spectrum-heading-serif-light-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-serif-light-strong-font-weight": { + "prop": "--spectrum-heading-serif-light-strong-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "heading-serif-strong-emphasized-font-style": { + "prop": "--spectrum-heading-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "heading-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-heading-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-serif-strong-font-style": { + "prop": "--spectrum-heading-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "heading-serif-strong-font-weight": { + "prop": "--spectrum-heading-serif-strong-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "heading-size-l": { + "prop": "--spectrum-heading-size-l", + "ref": "var(--spectrum-font-size-700)", + "desktop": { + "value": "28px" + }, + "mobile": { + "value": "34px" + } + }, + "heading-size-m": { + "prop": "--spectrum-heading-size-m", + "ref": "var(--spectrum-font-size-500)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } + }, + "heading-size-s": { + "prop": "--spectrum-heading-size-s", + "ref": "var(--spectrum-font-size-400)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "heading-size-xl": { + "prop": "--spectrum-heading-size-xl", + "ref": "var(--spectrum-font-size-900)", + "desktop": { + "value": "36px" + }, + "mobile": { + "value": "44px" + } + }, + "heading-size-xs": { + "prop": "--spectrum-heading-size-xs", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "heading-size-xxl": { + "prop": "--spectrum-heading-size-xxl", + "ref": "var(--spectrum-font-size-1100)", + "desktop": { + "value": "45px" + }, + "mobile": { + "value": "55px" + } + }, + "heading-size-xxs": { + "prop": "--spectrum-heading-size-xxs", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "heading-size-xxxl": { + "prop": "--spectrum-heading-size-xxxl", + "ref": "var(--spectrum-font-size-1300)", + "desktop": { + "value": "58px" + }, + "mobile": { + "value": "70px" + } + }, + "heading-size-xxxxl": { + "prop": "--spectrum-heading-size-xxxxl", + "ref": "var(--spectrum-font-size-1500)", + "desktop": { + "value": "73px" + }, + "mobile": { + "value": "88px" + } + }, + "help-text-to-component": { + "prop": "--spectrum-help-text-to-component", + "value": "0px" + }, + "help-text-top-to-workflow-icon-extra-large": { + "prop": "--spectrum-help-text-top-to-workflow-icon-extra-large", + "ref": "var(--spectrum-component-top-to-workflow-icon-300)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "help-text-top-to-workflow-icon-large": { + "prop": "--spectrum-help-text-top-to-workflow-icon-large", + "ref": "var(--spectrum-component-top-to-workflow-icon-200)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "help-text-top-to-workflow-icon-medium": { + "prop": "--spectrum-help-text-top-to-workflow-icon-medium", + "ref": "var(--spectrum-component-top-to-workflow-icon-100)", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "help-text-top-to-workflow-icon-small": { + "prop": "--spectrum-help-text-top-to-workflow-icon-small", + "ref": "var(--spectrum-component-top-to-workflow-icon-75)", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "6px" + } + }, + "icon-color-blue-background": { + "prop": "--spectrum-icon-color-blue-background", + "ref": "var(--spectrum-blue-300)", + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "icon-color-blue-primary-default": { + "prop": "--spectrum-icon-color-blue-primary-default", + "ref": "var(--spectrum-blue-800)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "icon-color-blue-primary-down": { + "prop": "--spectrum-icon-color-blue-primary-down", + "ref": "var(--spectrum-blue-1000)", + "light": { + "value": "rgb(29, 62, 207)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "icon-color-blue-primary-hover": { + "prop": "--spectrum-icon-color-blue-primary-hover", + "ref": "var(--spectrum-blue-900)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "icon-color-brown-background": { + "prop": "--spectrum-icon-color-brown-background", + "ref": "var(--spectrum-brown-400)", + "light": { + "value": "rgb(247, 238, 225)" + }, + "dark": { + "value": "rgb(78, 55, 19)" + } + }, + "icon-color-brown-primary-default": { + "prop": "--spectrum-icon-color-brown-primary-default", + "ref": "var(--spectrum-brown-700)", + "light": { + "value": "rgb(154, 123, 77)" + }, + "dark": { + "value": "rgb(132, 104, 61)" + } + }, + "icon-color-brown-primary-down": { + "prop": "--spectrum-icon-color-brown-primary-down", + "ref": "var(--spectrum-brown-900)", + "light": { + "value": "rgb(119, 91, 50)" + }, + "dark": { + "value": "rgb(163, 132, 84)" + } + }, + "icon-color-brown-primary-hover": { + "prop": "--spectrum-icon-color-brown-primary-hover", + "ref": "var(--spectrum-brown-800)", + "light": { + "value": "rgb(139, 109, 66)" + }, + "dark": { + "value": "rgb(143, 114, 69)" + } + }, + "icon-color-celery-background": { + "prop": "--spectrum-icon-color-celery-background", + "ref": "var(--spectrum-celery-400)", + "light": { + "value": "rgb(235, 255, 220)" + }, + "dark": { + "value": "rgb(31, 67, 4)" + } + }, + "icon-color-celery-primary-default": { + "prop": "--spectrum-icon-color-celery-primary-default", + "ref": "var(--spectrum-celery-900)", + "light": { + "value": "rgb(82, 161, 25)" + }, + "dark": { + "value": "rgb(78, 154, 23)" + } + }, + "icon-color-celery-primary-down": { + "prop": "--spectrum-icon-color-celery-primary-down", + "ref": "var(--spectrum-celery-1100)", + "light": { + "value": "rgb(64, 129, 17)" + }, + "dark": { + "value": "rgb(100, 190, 35)" + } + }, + "icon-color-celery-primary-hover": { + "prop": "--spectrum-icon-color-celery-primary-hover", + "ref": "var(--spectrum-celery-1000)", + "light": { + "value": "rgb(72, 144, 20)" + }, + "dark": { + "value": "rgb(88, 172, 28)" + } + }, + "icon-color-chartreuse-background": { + "prop": "--spectrum-icon-color-chartreuse-background", + "ref": "var(--spectrum-chartreuse-400)", + "light": { + "value": "rgb(234, 246, 173)" + }, + "dark": { + "value": "rgb(53, 63, 0)" + } + }, + "icon-color-chartreuse-primary-default": { + "prop": "--spectrum-icon-color-chartreuse-primary-default", + "ref": "var(--spectrum-chartreuse-1000)", + "light": { + "value": "rgb(143, 172, 0)" + }, + "dark": { + "value": "rgb(136, 164, 0)" + } + }, + "icon-color-chartreuse-primary-down": { + "prop": "--spectrum-icon-color-chartreuse-primary-down", + "ref": "var(--spectrum-chartreuse-1200)", + "light": { + "value": "rgb(114, 137, 0)" + }, + "dark": { + "value": "rgb(169, 203, 0)" + } + }, + "icon-color-chartreuse-primary-hover": { + "prop": "--spectrum-icon-color-chartreuse-primary-hover", + "ref": "var(--spectrum-chartreuse-1100)", + "light": { + "value": "rgb(128, 153, 0)" + }, + "dark": { + "value": "rgb(151, 181, 0)" + } + }, + "icon-color-cinnamon-background": { + "prop": "--spectrum-icon-color-cinnamon-background", + "ref": "var(--spectrum-cinnamon-300)", + "light": { + "value": "rgb(249, 236, 229)" + }, + "dark": { + "value": "rgb(79, 28, 7)" + } + }, + "icon-color-cinnamon-primary-default": { + "prop": "--spectrum-icon-color-cinnamon-primary-default", + "ref": "var(--spectrum-cinnamon-800)", + "dark": { + "value": "rgb(176, 98, 59)" + }, + "light": { + "value": "rgb(184, 109, 70)" + } + }, + "icon-color-cinnamon-primary-down": { + "prop": "--spectrum-icon-color-cinnamon-primary-down", + "ref": "var(--spectrum-cinnamon-1000)", + "dark": { + "value": "rgb(206, 136, 99)" + }, + "light": { + "value": "rgb(147, 77, 43)" + } + }, + "icon-color-cinnamon-primary-hover": { + "prop": "--spectrum-icon-color-cinnamon-primary-hover", + "ref": "var(--spectrum-cinnamon-900)", + "dark": { + "value": "rgb(192, 119, 80)" + }, + "light": { + "value": "rgb(170, 94, 56)" + } + }, + "icon-color-cyan-background": { + "prop": "--spectrum-icon-color-cyan-background", + "ref": "var(--spectrum-cyan-400)", + "light": { + "value": "rgb(238, 250, 254)" + }, + "dark": { + "value": "rgb(0, 64, 88)" + } + }, + "icon-color-cyan-primary-default": { + "prop": "--spectrum-icon-color-cyan-primary-default", + "ref": "var(--spectrum-cyan-800)", + "light": { + "value": "rgb(18, 134, 205)" + }, + "dark": { + "value": "rgb(13, 125, 186)" + } + }, + "icon-color-cyan-primary-down": { + "prop": "--spectrum-icon-color-cyan-primary-down", + "ref": "var(--spectrum-cyan-1000)", + "light": { + "value": "rgb(4, 102, 145)" + }, + "dark": { + "value": "rgb(38, 159, 244)" + } + }, + "icon-color-cyan-primary-hover": { + "prop": "--spectrum-icon-color-cyan-primary-hover", + "ref": "var(--spectrum-cyan-900)", + "light": { + "value": "rgb(11, 120, 179)" + }, + "dark": { + "value": "rgb(24, 142, 220)" + } + }, + "icon-color-disabled-primary": { + "prop": "--spectrum-icon-color-disabled-primary", + "ref": "var(--spectrum-gray-400)", + "light": { + "value": "rgb(198, 198, 198)" + }, + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "icon-color-emphasized-background": { + "prop": "--spectrum-icon-color-emphasized-background", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "icon-color-fuchsia-background": { + "prop": "--spectrum-icon-color-fuchsia-background", + "ref": "var(--spectrum-fuchsia-200)", + "light": { + "value": "rgb(253, 233, 255)" + }, + "dark": { + "value": "rgb(61, 0, 74)" + } + }, + "icon-color-fuchsia-primary-default": { + "prop": "--spectrum-icon-color-fuchsia-primary-default", + "ref": "var(--spectrum-fuchsia-700)", + "light": { + "value": "rgb(181, 57, 200)" + }, + "dark": { + "value": "rgb(173, 51, 192)" + } + }, + "icon-color-fuchsia-primary-down": { + "prop": "--spectrum-icon-color-fuchsia-primary-down", + "ref": "var(--spectrum-fuchsia-900)", + "light": { + "value": "rgb(135, 27, 154)" + }, + "dark": { + "value": "rgb(213, 73, 235)" + } + }, + "icon-color-fuchsia-primary-hover": { + "prop": "--spectrum-icon-color-fuchsia-primary-hover", + "ref": "var(--spectrum-fuchsia-800)", + "light": { + "value": "rgb(156, 40, 175)" + }, + "dark": { + "value": "rgb(186, 60, 206)" + } + }, + "icon-color-green-background": { + "prop": "--spectrum-icon-color-green-background", + "ref": "var(--spectrum-green-400)", + "light": { + "value": "rgb(237, 252, 241)" + }, + "dark": { + "value": "rgb(0, 68, 48)" + } + }, + "icon-color-green-primary-default": { + "prop": "--spectrum-icon-color-green-primary-default", + "ref": "var(--spectrum-green-800)", + "light": { + "value": "rgb(7, 147, 85)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "icon-color-green-primary-down": { + "prop": "--spectrum-icon-color-green-primary-down", + "ref": "var(--spectrum-green-1000)", + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(14, 175, 98)" + } + }, + "icon-color-green-primary-hover": { + "prop": "--spectrum-icon-color-green-primary-hover", + "ref": "var(--spectrum-green-900)", + "light": { + "value": "rgb(5, 131, 78)" + }, + "dark": { + "value": "rgb(9, 157, 89)" + } + }, + "icon-color-indigo-background": { + "prop": "--spectrum-icon-color-indigo-background", + "ref": "var(--spectrum-indigo-100)", + "light": { + "value": "rgb(235, 238, 255)" + }, + "dark": { + "value": "rgb(30, 0, 93)" + } + }, + "icon-color-indigo-primary-default": { + "prop": "--spectrum-icon-color-indigo-primary-default", + "ref": "var(--spectrum-indigo-700)", + "light": { + "value": "rgb(113, 85, 250)" + }, + "dark": { + "value": "rgb(109, 75, 248)" + } + }, + "icon-color-indigo-primary-down": { + "prop": "--spectrum-icon-color-indigo-primary-down", + "ref": "var(--spectrum-indigo-900)", + "light": { + "value": "rgb(84, 36, 219)" + }, + "dark": { + "value": "rgb(128, 119, 254)" + } + }, + "icon-color-indigo-primary-hover": { + "prop": "--spectrum-icon-color-indigo-primary-hover", + "ref": "var(--spectrum-indigo-800)", + "light": { + "value": "rgb(99, 56, 238)" + }, + "dark": { + "value": "rgb(116, 91, 252)" + } + }, + "icon-color-informative": { + "prop": "--spectrum-icon-color-informative", + "ref": "var(--spectrum-informative-color-900)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "icon-color-inverse": { + "prop": "--spectrum-icon-color-inverse", + "ref": "var(--spectrum-gray-50)", + "light": { + "value": "rgb(248, 248, 248)" + }, + "dark": { + "value": "rgb(27, 27, 27)" + } + }, + "icon-color-inverse-background": { + "prop": "--spectrum-icon-color-inverse-background", + "ref": "var(--spectrum-gray-50)", + "light": { + "value": "rgb(248, 248, 248)" + }, + "dark": { + "value": "rgb(27, 27, 27)" + } + }, + "icon-color-magenta-background": { + "prop": "--spectrum-icon-color-magenta-background", + "ref": "var(--spectrum-magenta-200)", + "light": { + "value": "rgb(255, 232, 240)" + }, + "dark": { + "value": "rgb(74, 0, 27)" + } + }, + "icon-color-magenta-primary-default": { + "prop": "--spectrum-icon-color-magenta-primary-default", + "ref": "var(--spectrum-magenta-700)", + "light": { + "value": "rgb(217, 35, 97)" + }, + "dark": { + "value": "rgb(207, 31, 92)" + } + }, + "icon-color-magenta-primary-down": { + "prop": "--spectrum-icon-color-magenta-primary-down", + "ref": "var(--spectrum-magenta-900)", + "light": { + "value": "rgb(163, 5, 62)" + }, + "dark": { + "value": "rgb(255, 51, 119)" + } + }, + "icon-color-magenta-primary-hover": { + "prop": "--spectrum-icon-color-magenta-primary-hover", + "ref": "var(--spectrum-magenta-800)", + "light": { + "value": "rgb(186, 22, 80)" + }, + "dark": { + "value": "rgb(224, 38, 101)" + } + }, + "icon-color-negative": { + "prop": "--spectrum-icon-color-negative", + "ref": "var(--spectrum-negative-color-900)", + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "icon-color-neutral": { + "prop": "--spectrum-icon-color-neutral", + "ref": "var(--spectrum-gray-600)", + "light": { + "value": "rgb(143, 143, 143)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "icon-color-notice": { + "prop": "--spectrum-icon-color-notice", + "ref": "var(--spectrum-notice-color-900)", + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "icon-color-orange-background": { + "prop": "--spectrum-icon-color-orange-background", + "ref": "var(--spectrum-orange-300)", + "light": { + "value": "rgb(255, 236, 207)" + }, + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "icon-color-orange-primary-default": { + "prop": "--spectrum-icon-color-orange-primary-default", + "ref": "var(--spectrum-orange-900)", + "light": { + "value": "rgb(232, 106, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "icon-color-orange-primary-down": { + "prop": "--spectrum-icon-color-orange-primary-down", + "ref": "var(--spectrum-orange-1100)", + "light": { + "value": "rgb(194, 78, 0)" + }, + "dark": { + "value": "rgb(255, 137, 0)" + } + }, + "icon-color-orange-primary-hover": { + "prop": "--spectrum-icon-color-orange-primary-hover", + "ref": "var(--spectrum-orange-1000)", + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(243, 117, 0)" + } + }, + "icon-color-pink-background": { + "prop": "--spectrum-icon-color-pink-background", + "ref": "var(--spectrum-pink-200)", + "dark": { + "value": "rgb(71, 0, 44)" + }, + "light": { + "value": "rgb(255, 232, 247)" + } + }, + "icon-color-pink-primary-default": { + "prop": "--spectrum-icon-color-pink-primary-default", + "ref": "var(--spectrum-pink-700)", + "light": { + "value": "rgb(228, 52, 163)" + }, + "dark": { + "value": "rgb(196, 39, 138)" + } + }, + "icon-color-pink-primary-down": { + "prop": "--spectrum-icon-color-pink-primary-down", + "ref": "var(--spectrum-pink-900)", + "light": { + "value": "rgb(176, 31, 123)" + }, + "dark": { + "value": "rgb(236, 67, 175)" + } + }, + "icon-color-pink-primary-hover": { + "prop": "--spectrum-icon-color-pink-primary-hover", + "ref": "var(--spectrum-pink-800)", + "light": { + "value": "rgb(206, 42, 146)" + }, + "dark": { + "value": "rgb(213, 45, 151)" + } + }, + "icon-color-positive": { + "prop": "--spectrum-icon-color-positive", + "ref": "var(--spectrum-positive-color-900)", + "light": { + "value": "rgb(7, 147, 85)" + }, + "dark": { + "value": "rgb(9, 157, 89)" + } + }, + "icon-color-primary-default": { + "prop": "--spectrum-icon-color-primary-default", + "ref": "var(--spectrum-neutral-content-color-default)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "icon-color-primary-down": { + "prop": "--spectrum-icon-color-primary-down", + "ref": "var(--spectrum-neutral-content-color-down)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "icon-color-primary-hover": { + "prop": "--spectrum-icon-color-primary-hover", + "ref": "var(--spectrum-neutral-content-color-hover)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "icon-color-purple-background": { + "prop": "--spectrum-icon-color-purple-background", + "ref": "var(--spectrum-purple-200)", + "light": { + "value": "rgb(244, 235, 252)" + }, + "dark": { + "value": "rgb(50, 0, 96)" + } + }, + "icon-color-purple-primary-default": { + "prop": "--spectrum-icon-color-purple-primary-default", + "ref": "var(--spectrum-purple-700)", + "light": { + "value": "rgb(154, 71, 226)" + }, + "dark": { + "value": "rgb(148, 62, 224)" + } + }, + "icon-color-purple-primary-down": { + "prop": "--spectrum-icon-color-purple-primary-down", + "ref": "var(--spectrum-purple-900)", + "light": { + "value": "rgb(115, 13, 204)" + }, + "dark": { + "value": "rgb(173, 105, 233)" + } + }, + "icon-color-purple-primary-hover": { + "prop": "--spectrum-icon-color-purple-primary-hover", + "ref": "var(--spectrum-purple-800)", + "light": { + "value": "rgb(134, 40, 217)" + }, + "dark": { + "value": "rgb(157, 78, 228)" + } + }, + "icon-color-red-background": { + "prop": "--spectrum-icon-color-red-background", + "ref": "var(--spectrum-red-300)", + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "icon-color-red-primary-default": { + "prop": "--spectrum-icon-color-red-primary-default", + "ref": "var(--spectrum-red-700)", + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "icon-color-red-primary-down": { + "prop": "--spectrum-icon-color-red-primary-down", + "ref": "var(--spectrum-red-900)", + "light": { + "value": "rgb(156, 33, 19)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "icon-color-red-primary-hover": { + "prop": "--spectrum-icon-color-red-primary-hover", + "ref": "var(--spectrum-red-800)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "icon-color-seafoam-background": { + "prop": "--spectrum-icon-color-seafoam-background", + "ref": "var(--spectrum-seafoam-400)", + "light": { + "value": "rgb(211, 246, 234)" + }, + "dark": { + "value": "rgb(0, 67, 59)" + } + }, + "icon-color-seafoam-primary-default": { + "prop": "--spectrum-icon-color-seafoam-primary-default", + "ref": "var(--spectrum-seafoam-800)", + "light": { + "value": "rgb(9, 144, 120)" + }, + "dark": { + "value": "rgb(8, 134, 112)" + } + }, + "icon-color-seafoam-primary-down": { + "prop": "--spectrum-icon-color-seafoam-primary-down", + "ref": "var(--spectrum-seafoam-1000)", + "light": { + "value": "rgb(5, 108, 92)" + }, + "dark": { + "value": "rgb(12, 173, 142)" + } + }, + "icon-color-seafoam-primary-hover": { + "prop": "--spectrum-icon-color-seafoam-primary-hover", + "ref": "var(--spectrum-seafoam-900)", + "light": { + "value": "rgb(7, 129, 109)" + }, + "dark": { + "value": "rgb(10, 154, 128)" + } + }, + "icon-color-silver-background": { + "prop": "--spectrum-icon-color-silver-background", + "ref": "var(--spectrum-silver-400)", + "light": { + "value": "rgb(239, 239, 239)" + }, + "dark": { + "value": "rgb(59, 59, 59)" + } + }, + "icon-color-silver-primary-default": { + "prop": "--spectrum-icon-color-silver-primary-default", + "ref": "var(--spectrum-silver-800)", + "light": { + "value": "rgb(143, 143, 143)" + }, + "dark": { + "value": "rgb(118, 118, 118)" + } + }, + "icon-color-silver-primary-down": { + "prop": "--spectrum-icon-color-silver-primary-down", + "ref": "var(--spectrum-silver-1000)", + "light": { + "value": "rgb(114, 114, 114)" + }, + "dark": { + "value": "rgb(152, 152, 152)" + } + }, + "icon-color-silver-primary-hover": { + "prop": "--spectrum-icon-color-silver-primary-hover", + "ref": "var(--spectrum-silver-900)", + "light": { + "value": "rgb(128, 128, 128)" + }, + "dark": { + "value": "rgb(137, 137, 137)" + } + }, + "icon-color-turquoise-background": { + "prop": "--spectrum-icon-color-turquoise-background", + "ref": "var(--spectrum-turquoise-400)", + "light": { + "value": "rgb(209, 245, 245)" + }, + "dark": { + "value": "rgb(0, 66, 72)" + } + }, + "icon-color-turquoise-primary-default": { + "prop": "--spectrum-icon-color-turquoise-primary-default", + "ref": "var(--spectrum-turquoise-800)", + "light": { + "value": "rgb(12, 158, 171)" + }, + "dark": { + "value": "rgb(9, 131, 142)" + } + }, + "icon-color-turquoise-primary-down": { + "prop": "--spectrum-icon-color-turquoise-primary-down", + "ref": "var(--spectrum-turquoise-1000)", + "light": { + "value": "rgb(8, 126, 137)" + }, + "dark": { + "value": "rgb(13, 168, 182)" + } + }, + "icon-color-turquoise-primary-hover": { + "prop": "--spectrum-icon-color-turquoise-primary-hover", + "ref": "var(--spectrum-turquoise-900)", + "light": { + "value": "rgb(10, 141, 153)" + }, + "dark": { + "value": "rgb(11, 151, 164)" + } + }, + "icon-color-yellow-background": { + "prop": "--spectrum-icon-color-yellow-background", + "ref": "var(--spectrum-yellow-400)", + "light": { + "value": "rgb(255, 248, 204)" + }, + "dark": { + "value": "rgb(83, 52, 0)" + } + }, + "icon-color-yellow-primary-default": { + "prop": "--spectrum-icon-color-yellow-primary-default", + "ref": "var(--spectrum-yellow-1200)", + "light": { + "value": "rgb(245, 199, 0)" + }, + "dark": { + "value": "rgb(235, 183, 0)" + } + }, + "icon-color-yellow-primary-down": { + "prop": "--spectrum-icon-color-yellow-primary-down", + "ref": "var(--spectrum-yellow-1400)", + "light": { + "value": "rgb(210, 149, 0)" + }, + "dark": { + "value": "rgb(255, 230, 86)" + } + }, + "icon-color-yellow-primary-hover": { + "prop": "--spectrum-icon-color-yellow-primary-hover", + "ref": "var(--spectrum-yellow-1300)", + "light": { + "value": "rgb(230, 175, 0)" + }, + "dark": { + "value": "rgb(249, 206, 0)" + } + }, + "illustrated-message-body-size": { + "prop": "--spectrum-illustrated-message-body-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "illustrated-message-cjk-title-size": { + "prop": "--spectrum-illustrated-message-cjk-title-size", + "ref": "var(--spectrum-title-cjk-size-xl)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "22px" + } + }, + "illustrated-message-horizontal-maximum-width": { + "prop": "--spectrum-illustrated-message-horizontal-maximum-width", + "value": "535px" + }, + "illustrated-message-large-body-font-size": { + "prop": "--spectrum-illustrated-message-large-body-font-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "illustrated-message-large-cjk-title-font-size": { + "prop": "--spectrum-illustrated-message-large-cjk-title-font-size", + "ref": "var(--spectrum-title-cjk-size-xl)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "22px" + } + }, + "illustrated-message-large-title-font-size": { + "prop": "--spectrum-illustrated-message-large-title-font-size", + "ref": "var(--spectrum-title-size-xl)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "24px" + } + }, + "illustrated-message-maximum-width": { + "prop": "--spectrum-illustrated-message-maximum-width", + "ref": "var(--spectrum-illustrated-message-vertical-maximum-width)", + "value": "380px" + }, + "illustrated-message-medium-body-font-size": { + "prop": "--spectrum-illustrated-message-medium-body-font-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "illustrated-message-medium-cjk-title-font-size": { + "prop": "--spectrum-illustrated-message-medium-cjk-title-font-size", + "ref": "var(--spectrum-title-cjk-size-l)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "19px" + } + }, + "illustrated-message-medium-title-font-size": { + "prop": "--spectrum-illustrated-message-medium-title-font-size", + "ref": "var(--spectrum-title-size-l)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "22px" + } + }, + "illustrated-message-small-body-font-size": { + "prop": "--spectrum-illustrated-message-small-body-font-size", + "ref": "var(--spectrum-body-size-xs)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "illustrated-message-small-cjk-title-font-size": { + "prop": "--spectrum-illustrated-message-small-cjk-title-font-size", + "ref": "var(--spectrum-title-cjk-size-s)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "15px" + } + }, + "illustrated-message-small-title-font-size": { + "prop": "--spectrum-illustrated-message-small-title-font-size", + "ref": "var(--spectrum-title-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "illustrated-message-title-size": { + "prop": "--spectrum-illustrated-message-title-size", + "ref": "var(--spectrum-title-size-xl)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "24px" + } + }, + "illustrated-message-vertical-maximum-width": { + "prop": "--spectrum-illustrated-message-vertical-maximum-width", + "value": "380px" + }, + "in-field-button-edge-to-disclosure-icon-stacked-extra-large": { + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large", + "value": "16px" + }, + "in-field-button-edge-to-disclosure-icon-stacked-large": { + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large", + "value": "13px" + }, + "in-field-button-edge-to-disclosure-icon-stacked-medium": { + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium", + "value": "9px" + }, + "in-field-button-edge-to-disclosure-icon-stacked-small": { + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small", + "value": "7px" + }, + "in-field-button-edge-to-fill": { + "prop": "--spectrum-in-field-button-edge-to-fill", + "value": "0px" + }, + "in-field-button-edge-to-fill-extra-large": { + "prop": "--spectrum-in-field-button-edge-to-fill-extra-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "in-field-button-edge-to-fill-large": { + "prop": "--spectrum-in-field-button-edge-to-fill-large", + "value": "8px" + }, + "in-field-button-edge-to-fill-medium": { + "prop": "--spectrum-in-field-button-edge-to-fill-medium", + "value": "6px" + }, + "in-field-button-edge-to-fill-small": { + "prop": "--spectrum-in-field-button-edge-to-fill-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "in-field-button-fill-stacked-inner-border-rounding": { + "prop": "--spectrum-in-field-button-fill-stacked-inner-border-rounding", + "value": "0px" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": { + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large", + "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large)", + "value": "5px" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-large": { + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large", + "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large)", + "value": "4px" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": { + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium", + "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium)", + "value": "3px" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-small": { + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small", + "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small)", + "value": "3px" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": { + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large", + "value": "5px" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-large": { + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large", + "value": "4px" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": { + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium", + "value": "3px" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-small": { + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small", + "value": "3px" + }, + "in-field-button-stacked-inner-edge-to-fill": { + "prop": "--spectrum-in-field-button-stacked-inner-edge-to-fill", + "value": "0px" + }, + "in-field-button-width-stacked-extra-large": { + "prop": "--spectrum-in-field-button-width-stacked-extra-large", + "value": "44px" + }, + "in-field-button-width-stacked-large": { + "prop": "--spectrum-in-field-button-width-stacked-large", + "value": "36px" + }, + "in-field-button-width-stacked-medium": { + "prop": "--spectrum-in-field-button-width-stacked-medium", + "value": "28px" + }, + "in-field-button-width-stacked-small": { + "prop": "--spectrum-in-field-button-width-stacked-small", + "value": "20px" + }, + "in-field-progress-circle-edge-to-fill": { + "prop": "--spectrum-in-field-progress-circle-edge-to-fill", + "desktop": { + "value": "1px" + }, + "mobile": { + "value": "2px" + } + }, + "in-field-progress-circle-size-100": { + "prop": "--spectrum-in-field-progress-circle-size-100", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "in-field-progress-circle-size-200": { + "prop": "--spectrum-in-field-progress-circle-size-200", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "28px" + } + }, + "in-field-progress-circle-size-300": { + "prop": "--spectrum-in-field-progress-circle-size-300", + "desktop": { + "value": "26px" + }, + "mobile": { + "value": "30px" + } + }, + "in-field-progress-circle-size-75": { + "prop": "--spectrum-in-field-progress-circle-size-75", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "in-field-stepper-to-end-extra-large": { + "prop": "--spectrum-in-field-stepper-to-end-extra-large", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "in-field-stepper-to-end-large": { + "prop": "--spectrum-in-field-stepper-to-end-large", + "value": "4px" + }, + "in-field-stepper-to-end-medium": { + "prop": "--spectrum-in-field-stepper-to-end-medium", + "value": "3px" + }, + "in-field-stepper-to-end-small": { + "prop": "--spectrum-in-field-stepper-to-end-small", + "desktop": { + "value": "0px" + }, + "mobile": { + "value": "3px" + } + }, + "in-line-alert-minimum-width": { + "prop": "--spectrum-in-line-alert-minimum-width", + "value": "240px" + }, + "indigo-100": { + "prop": "--spectrum-indigo-100", + "light": { + "value": "rgb(247, 248, 255)" + }, + "dark": { + "value": "rgb(30, 0, 93)" + } + }, + "indigo-1000": { + "prop": "--spectrum-indigo-1000", + "light": { + "value": "rgb(99, 56, 238)" + }, + "dark": { + "value": "rgb(139, 141, 254)" + } + }, + "indigo-1100": { + "prop": "--spectrum-indigo-1100", + "light": { + "value": "rgb(84, 36, 219)" + }, + "dark": { + "value": "rgb(153, 161, 255)" + } + }, + "indigo-1200": { + "prop": "--spectrum-indigo-1200", + "light": { + "value": "rgb(69, 19, 191)" + }, + "dark": { + "value": "rgb(176, 186, 255)" + } + }, + "indigo-1300": { + "prop": "--spectrum-indigo-1300", + "light": { + "value": "rgb(55, 6, 160)" + }, + "dark": { + "value": "rgb(199, 208, 255)" + } + }, + "indigo-1400": { + "prop": "--spectrum-indigo-1400", + "light": { + "value": "rgb(42, 0, 129)" + }, + "dark": { + "value": "rgb(223, 228, 255)" + } + }, + "indigo-1500": { + "prop": "--spectrum-indigo-1500", + "dark": { + "value": "rgb(243, 244, 255)" + }, + "light": { + "value": "rgb(31, 0, 98)" + } + }, + "indigo-1600": { + "prop": "--spectrum-indigo-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(17, 0, 54)" + } + }, + "indigo-200": { + "prop": "--spectrum-indigo-200", + "light": { + "value": "rgb(235, 238, 255)" + }, + "dark": { + "value": "rgb(35, 0, 110)" + } + }, + "indigo-300": { + "prop": "--spectrum-indigo-300", + "light": { + "value": "rgb(216, 222, 255)" + }, + "dark": { + "value": "rgb(47, 0, 140)" + } + }, + "indigo-400": { + "prop": "--spectrum-indigo-400", + "light": { + "value": "rgb(192, 201, 255)" + }, + "dark": { + "value": "rgb(62, 12, 174)" + } + }, + "indigo-500": { + "prop": "--spectrum-indigo-500", + "light": { + "value": "rgb(167, 178, 255)" + }, + "dark": { + "value": "rgb(79, 30, 209)" + } + }, + "indigo-600": { + "prop": "--spectrum-indigo-600", + "light": { + "value": "rgb(145, 151, 254)" + }, + "dark": { + "value": "rgb(95, 52, 235)" + } + }, + "indigo-700": { + "prop": "--spectrum-indigo-700", + "light": { + "value": "rgb(132, 128, 254)" + }, + "dark": { + "value": "rgb(109, 75, 248)" + } + }, + "indigo-800": { + "prop": "--spectrum-indigo-800", + "light": { + "value": "rgb(122, 106, 253)" + }, + "dark": { + "value": "rgb(116, 91, 252)" + } + }, + "indigo-900": { + "prop": "--spectrum-indigo-900", + "light": { + "value": "rgb(113, 85, 250)" + }, + "dark": { + "value": "rgb(128, 119, 254)" + } + }, + "indigo-background-color-default": { + "prop": "--spectrum-indigo-background-color-default", + "ref": "var(--spectrum-indigo-800)", + "light": { + "value": "rgb(113, 85, 250)" + }, + "dark": { + "value": "rgb(116, 91, 252)" + } + }, + "indigo-subtle-background-color-default": { + "prop": "--spectrum-indigo-subtle-background-color-default", + "ref": "var(--spectrum-indigo-300)", + "light": { + "value": "rgb(235, 238, 255)" + }, + "dark": { + "value": "rgb(47, 0, 140)" + } + }, + "indigo-visual-color": { + "prop": "--spectrum-indigo-visual-color", + "ref": "var(--spectrum-indigo-900)", + "light": { + "value": "rgb(122, 106, 253)" + }, + "dark": { + "value": "rgb(128, 119, 254)" + } + }, + "informative-background-color-default": { + "prop": "--spectrum-informative-background-color-default", + "ref": "var(--spectrum-informative-color-800)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "informative-background-color-down": { + "prop": "--spectrum-informative-background-color-down", + "ref": "var(--spectrum-informative-color-700)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "informative-background-color-hover": { + "prop": "--spectrum-informative-background-color-hover", + "ref": "var(--spectrum-informative-color-700)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "informative-background-color-key-focus": { + "prop": "--spectrum-informative-background-color-key-focus", + "ref": "var(--spectrum-informative-color-700)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "informative-color-100": { + "prop": "--spectrum-informative-color-100", + "ref": "var(--spectrum-blue-100)", + "light": { + "value": "rgb(245, 249, 255)" + }, + "dark": { + "value": "rgb(14, 23, 63)" + } + }, + "informative-color-1000": { + "prop": "--spectrum-informative-color-1000", + "ref": "var(--spectrum-blue-1000)", + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "informative-color-1100": { + "prop": "--spectrum-informative-color-1100", + "ref": "var(--spectrum-blue-1100)", + "light": { + "value": "rgb(29, 62, 207)" + }, + "dark": { + "value": "rgb(124, 169, 252)" + } + }, + "informative-color-1200": { + "prop": "--spectrum-informative-color-1200", + "ref": "var(--spectrum-blue-1200)", + "light": { + "value": "rgb(21, 50, 173)" + }, + "dark": { + "value": "rgb(152, 192, 252)" + } + }, + "informative-color-1300": { + "prop": "--spectrum-informative-color-1300", + "ref": "var(--spectrum-blue-1300)", + "light": { + "value": "rgb(16, 40, 140)" + }, + "dark": { + "value": "rgb(181, 213, 253)" + } + }, + "informative-color-1400": { + "prop": "--spectrum-informative-color-1400", + "ref": "var(--spectrum-blue-1400)", + "light": { + "value": "rgb(12, 31, 105)" + }, + "dark": { + "value": "rgb(213, 231, 254)" + } + }, + "informative-color-1500": { + "prop": "--spectrum-informative-color-1500", + "ref": "var(--spectrum-blue-1500)", + "dark": { + "value": "rgb(238, 245, 255)" + }, + "light": { + "value": "rgb(14, 24, 67)" + } + }, + "informative-color-1600": { + "prop": "--spectrum-informative-color-1600", + "ref": "var(--spectrum-blue-1600)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(7, 11, 30)" + } + }, + "informative-color-200": { + "prop": "--spectrum-informative-color-200", + "ref": "var(--spectrum-blue-200)", + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(15, 28, 82)" + } + }, + "informative-color-300": { + "prop": "--spectrum-informative-color-300", + "ref": "var(--spectrum-blue-300)", + "light": { + "value": "rgb(203, 226, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "informative-color-400": { + "prop": "--spectrum-informative-color-400", + "ref": "var(--spectrum-blue-400)", + "light": { + "value": "rgb(172, 207, 253)" + }, + "dark": { + "value": "rgb(18, 45, 154)" + } + }, + "informative-color-500": { + "prop": "--spectrum-informative-color-500", + "ref": "var(--spectrum-blue-500)", + "light": { + "value": "rgb(142, 185, 252)" + }, + "dark": { + "value": "rgb(26, 58, 195)" + } + }, + "informative-color-600": { + "prop": "--spectrum-informative-color-600", + "ref": "var(--spectrum-blue-600)", + "light": { + "value": "rgb(114, 158, 253)" + }, + "dark": { + "value": "rgb(37, 73, 229)" + } + }, + "informative-color-700": { + "prop": "--spectrum-informative-color-700", + "ref": "var(--spectrum-blue-700)", + "light": { + "value": "rgb(93, 137, 255)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "informative-color-800": { + "prop": "--spectrum-informative-color-800", + "ref": "var(--spectrum-blue-800)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "informative-color-900": { + "prop": "--spectrum-informative-color-900", + "ref": "var(--spectrum-blue-900)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "informative-subtle-background-color-default": { + "prop": "--spectrum-informative-subtle-background-color-default", + "ref": "var(--spectrum-informative-color-300)", + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "informative-visual-color": { + "prop": "--spectrum-informative-visual-color", + "ref": "var(--spectrum-informative-color-900)", + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "italic-font-style": { + "prop": "--spectrum-italic-font-style", + "value": "italic" + }, + "label-to-description-0": { + "prop": "--spectrum-label-to-description-0", + "value": "0px" + }, + "letter-spacing": { + "prop": "--spectrum-letter-spacing", + "value": "0em" + }, + "light-font-weight": { + "prop": "--spectrum-light-font-weight", + "ref": "light", + "value": "300" + }, + "line-height-100": { + "prop": "--spectrum-line-height-100", + "value": 1.3 + }, + "line-height-200": { + "prop": "--spectrum-line-height-200", + "value": 1.5 + }, + "line-height-font-size-100": { + "prop": "--spectrum-line-height-font-size-100", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "line-height-font-size-1000": { + "prop": "--spectrum-line-height-font-size-1000", + "desktop": { + "value": "46px" + }, + "mobile": { + "value": "56px" + } + }, + "line-height-font-size-1100": { + "prop": "--spectrum-line-height-font-size-1100", + "desktop": { + "value": "52px" + }, + "mobile": { + "value": "64px" + } + }, + "line-height-font-size-1200": { + "prop": "--spectrum-line-height-font-size-1200", + "desktop": { + "value": "58px" + }, + "mobile": { + "value": "72px" + } + }, + "line-height-font-size-1300": { + "prop": "--spectrum-line-height-font-size-1300", + "desktop": { + "value": "66px" + }, + "mobile": { + "value": "80px" + } + }, + "line-height-font-size-1400": { + "prop": "--spectrum-line-height-font-size-1400", + "desktop": { + "value": "74px" + }, + "mobile": { + "value": "90px" + } + }, + "line-height-font-size-1500": { + "prop": "--spectrum-line-height-font-size-1500", + "desktop": { + "value": "84px" + }, + "mobile": { + "value": "102px" + } + }, + "line-height-font-size-200": { + "prop": "--spectrum-line-height-font-size-200", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "line-height-font-size-25": { + "prop": "--spectrum-line-height-font-size-25", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "line-height-font-size-300": { + "prop": "--spectrum-line-height-font-size-300", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "26px" + } + }, + "line-height-font-size-400": { + "prop": "--spectrum-line-height-font-size-400", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "28px" + } + }, + "line-height-font-size-50": { + "prop": "--spectrum-line-height-font-size-50", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "line-height-font-size-500": { + "prop": "--spectrum-line-height-font-size-500", + "desktop": { + "value": "26px" + }, + "mobile": { + "value": "32px" + } + }, + "line-height-font-size-600": { + "prop": "--spectrum-line-height-font-size-600", + "desktop": { + "value": "30px" + }, + "mobile": { + "value": "36px" + } + }, + "line-height-font-size-700": { + "prop": "--spectrum-line-height-font-size-700", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "line-height-font-size-75": { + "prop": "--spectrum-line-height-font-size-75", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "line-height-font-size-800": { + "prop": "--spectrum-line-height-font-size-800", + "desktop": { + "value": "36px" + }, + "mobile": { + "value": "44px" + } + }, + "line-height-font-size-900": { + "prop": "--spectrum-line-height-font-size-900", + "desktop": { + "value": "42px" + }, + "mobile": { + "value": "50px" + } + }, + "link-out-icon-size-100": { + "prop": "--spectrum-link-out-icon-size-100", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "link-out-icon-size-200": { + "prop": "--spectrum-link-out-icon-size-200", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "link-out-icon-size-300": { + "prop": "--spectrum-link-out-icon-size-300", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "link-out-icon-size-400": { + "prop": "--spectrum-link-out-icon-size-400", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "link-out-icon-size-75": { + "prop": "--spectrum-link-out-icon-size-75", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "list-view-end-edge-to-content": { + "prop": "--spectrum-list-view-end-edge-to-content", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "list-view-item-bottom-corner-radius": { + "prop": "--spectrum-list-view-item-bottom-corner-radius", + "ref": "var(--spectrum-corner-radius-medium-default)", + "value": "8px" + }, + "list-view-item-top-corner-radius": { + "prop": "--spectrum-list-view-item-top-corner-radius", + "ref": "var(--spectrum-corner-radius-medium-default)", + "value": "8px" + }, + "list-view-minimum-height": { + "prop": "--spectrum-list-view-minimum-height", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "list-view-minimum-width": { + "prop": "--spectrum-list-view-minimum-width", + "desktop": { + "value": "200px" + }, + "mobile": { + "value": "240px" + } + }, + "magenta-100": { + "prop": "--spectrum-magenta-100", + "light": { + "value": "rgb(255, 245, 248)" + }, + "dark": { + "value": "rgb(59, 0, 22)" + } + }, + "magenta-1000": { + "prop": "--spectrum-magenta-1000", + "light": { + "value": "rgb(186, 22, 80)" + }, + "dark": { + "value": "rgb(255, 96, 149)" + } + }, + "magenta-1100": { + "prop": "--spectrum-magenta-1100", + "light": { + "value": "rgb(163, 5, 62)" + }, + "dark": { + "value": "rgb(255, 128, 171)" + } + }, + "magenta-1200": { + "prop": "--spectrum-magenta-1200", + "light": { + "value": "rgb(136, 0, 51)" + }, + "dark": { + "value": "rgb(255, 163, 194)" + } + }, + "magenta-1300": { + "prop": "--spectrum-magenta-1300", + "light": { + "value": "rgb(111, 0, 40)" + }, + "dark": { + "value": "rgb(255, 193, 214)" + } + }, + "magenta-1400": { + "prop": "--spectrum-magenta-1400", + "light": { + "value": "rgb(86, 0, 30)" + }, + "dark": { + "value": "rgb(255, 220, 232)" + } + }, + "magenta-1500": { + "prop": "--spectrum-magenta-1500", + "dark": { + "value": "rgb(255, 241, 246)" + }, + "light": { + "value": "rgb(64, 0, 22)" + } + }, + "magenta-1600": { + "prop": "--spectrum-magenta-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(35, 0, 12)" + } + }, + "magenta-200": { + "prop": "--spectrum-magenta-200", + "light": { + "value": "rgb(255, 232, 240)" + }, + "dark": { + "value": "rgb(74, 0, 27)" + } + }, + "magenta-300": { + "prop": "--spectrum-magenta-300", + "light": { + "value": "rgb(255, 213, 227)" + }, + "dark": { + "value": "rgb(93, 0, 34)" + } + }, + "magenta-400": { + "prop": "--spectrum-magenta-400", + "light": { + "value": "rgb(255, 185, 208)" + }, + "dark": { + "value": "rgb(123, 0, 45)" + } + }, + "magenta-500": { + "prop": "--spectrum-magenta-500", + "light": { + "value": "rgb(255, 152, 187)" + }, + "dark": { + "value": "rgb(152, 7, 60)" + } + }, + "magenta-600": { + "prop": "--spectrum-magenta-600", + "light": { + "value": "rgb(255, 112, 159)" + }, + "dark": { + "value": "rgb(181, 19, 76)" + } + }, + "magenta-700": { + "prop": "--spectrum-magenta-700", + "light": { + "value": "rgb(255, 72, 133)" + }, + "dark": { + "value": "rgb(207, 31, 92)" + } + }, + "magenta-800": { + "prop": "--spectrum-magenta-800", + "light": { + "value": "rgb(240, 45, 110)" + }, + "dark": { + "value": "rgb(224, 38, 101)" + } + }, + "magenta-900": { + "prop": "--spectrum-magenta-900", + "light": { + "value": "rgb(217, 35, 97)" + }, + "dark": { + "value": "rgb(255, 51, 119)" + } + }, + "magenta-background-color-default": { + "prop": "--spectrum-magenta-background-color-default", + "ref": "var(--spectrum-magenta-800)", + "light": { + "value": "rgb(217, 35, 97)" + }, + "dark": { + "value": "rgb(224, 38, 101)" + } + }, + "magenta-subtle-background-color-default": { + "prop": "--spectrum-magenta-subtle-background-color-default", + "ref": "var(--spectrum-magenta-300)", + "light": { + "value": "rgb(255, 232, 240)" + }, + "dark": { + "value": "rgb(93, 0, 34)" + } + }, + "magenta-visual-color": { + "prop": "--spectrum-magenta-visual-color", + "ref": "var(--spectrum-magenta-900)", + "light": { + "value": "rgb(240, 45, 110)" + }, + "dark": { + "value": "rgb(255, 51, 119)" + } + }, + "medium-font-weight": { + "prop": "--spectrum-medium-font-weight", + "ref": "medium", + "value": "500" + }, + "menu-item-background-color-default": { + "prop": "--spectrum-menu-item-background-color-default", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "menu-item-background-color-disabled": { + "prop": "--spectrum-menu-item-background-color-disabled", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "menu-item-background-color-down": { + "prop": "--spectrum-menu-item-background-color-down", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "menu-item-background-color-hover": { + "prop": "--spectrum-menu-item-background-color-hover", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "menu-item-background-color-keyboard-focus": { + "prop": "--spectrum-menu-item-background-color-keyboard-focus", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "menu-item-background-opacity": { + "prop": "--spectrum-menu-item-background-opacity", + "value": "0" + }, + "menu-item-edge-to-content-not-selected-extra-large": { + "prop": "--spectrum-menu-item-edge-to-content-not-selected-extra-large", + "desktop": { + "value": "45px" + }, + "mobile": { + "value": "54px" + } + }, + "menu-item-edge-to-content-not-selected-large": { + "prop": "--spectrum-menu-item-edge-to-content-not-selected-large", + "desktop": { + "value": "38px" + }, + "mobile": { + "value": "47px" + } + }, + "menu-item-edge-to-content-not-selected-medium": { + "prop": "--spectrum-menu-item-edge-to-content-not-selected-medium", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "42px" + } + }, + "menu-item-edge-to-content-not-selected-small": { + "prop": "--spectrum-menu-item-edge-to-content-not-selected-small", + "desktop": { + "value": "28px" + }, + "mobile": { + "value": "24px" + } + }, + "menu-item-label-to-description": { + "prop": "--spectrum-menu-item-label-to-description", + "ref": "var(--spectrum-menu-item-label-to-description-medium)", + "value": "1px" + }, + "menu-item-label-to-description-extra-large": { + "prop": "--spectrum-menu-item-label-to-description-extra-large", + "value": "2px" + }, + "menu-item-label-to-description-large": { + "prop": "--spectrum-menu-item-label-to-description-large", + "value": "2px" + }, + "menu-item-label-to-description-medium": { + "prop": "--spectrum-menu-item-label-to-description-medium", + "value": "1px" + }, + "menu-item-label-to-description-small": { + "prop": "--spectrum-menu-item-label-to-description-small", + "value": "1px" + }, + "menu-item-section-divider-height": { + "prop": "--spectrum-menu-item-section-divider-height", + "value": "12px" + }, + "menu-item-top-to-disclosure-icon-extra-large": { + "prop": "--spectrum-menu-item-top-to-disclosure-icon-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "menu-item-top-to-disclosure-icon-large": { + "prop": "--spectrum-menu-item-top-to-disclosure-icon-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "menu-item-top-to-disclosure-icon-medium": { + "prop": "--spectrum-menu-item-top-to-disclosure-icon-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "menu-item-top-to-disclosure-icon-small": { + "prop": "--spectrum-menu-item-top-to-disclosure-icon-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "menu-item-top-to-selected-icon-extra-large": { + "prop": "--spectrum-menu-item-top-to-selected-icon-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "menu-item-top-to-selected-icon-large": { + "prop": "--spectrum-menu-item-top-to-selected-icon-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "menu-item-top-to-selected-icon-medium": { + "prop": "--spectrum-menu-item-top-to-selected-icon-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "menu-item-top-to-selected-icon-small": { + "prop": "--spectrum-menu-item-top-to-selected-icon-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "menu-item-top-to-thumbnail-extra-large": { + "prop": "--spectrum-menu-item-top-to-thumbnail-extra-large", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "menu-item-top-to-thumbnail-large": { + "prop": "--spectrum-menu-item-top-to-thumbnail-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "menu-item-top-to-thumbnail-medium": { + "prop": "--spectrum-menu-item-top-to-thumbnail-medium", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "menu-item-top-to-thumbnail-small": { + "prop": "--spectrum-menu-item-top-to-thumbnail-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "menu-section-header-to-description-extra-large": { + "prop": "--spectrum-menu-section-header-to-description-extra-large", + "value": "2px" + }, + "menu-section-header-to-description-large": { + "prop": "--spectrum-menu-section-header-to-description-large", + "value": "2px" + }, + "menu-section-header-to-description-medium": { + "prop": "--spectrum-menu-section-header-to-description-medium", + "value": "1px" + }, + "menu-section-header-to-description-small": { + "prop": "--spectrum-menu-section-header-to-description-small", + "value": "1px" + }, + "meter-default-width": { + "prop": "--spectrum-meter-default-width", + "ref": "var(--spectrum-meter-width)", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "meter-maximum-width": { + "prop": "--spectrum-meter-maximum-width", + "value": "768px" + }, + "meter-minimum-width": { + "prop": "--spectrum-meter-minimum-width", + "value": "48px" + }, + "meter-thickness-extra-large": { + "prop": "--spectrum-meter-thickness-extra-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "meter-thickness-large": { + "prop": "--spectrum-meter-thickness-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "meter-thickness-medium": { + "prop": "--spectrum-meter-thickness-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "meter-thickness-small": { + "prop": "--spectrum-meter-thickness-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "meter-width": { + "prop": "--spectrum-meter-width", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "navigational-indicator-top-to-back-icon-extra-large": { + "prop": "--spectrum-navigational-indicator-top-to-back-icon-extra-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "navigational-indicator-top-to-back-icon-large": { + "prop": "--spectrum-navigational-indicator-top-to-back-icon-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "navigational-indicator-top-to-back-icon-medium": { + "prop": "--spectrum-navigational-indicator-top-to-back-icon-medium", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "12px" + } + }, + "navigational-indicator-top-to-back-icon-small": { + "prop": "--spectrum-navigational-indicator-top-to-back-icon-small", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "negative-background-color-default": { + "prop": "--spectrum-negative-background-color-default", + "ref": "var(--spectrum-negative-color-800)", + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "negative-background-color-down": { + "prop": "--spectrum-negative-background-color-down", + "ref": "var(--spectrum-negative-color-700)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "negative-background-color-hover": { + "prop": "--spectrum-negative-background-color-hover", + "ref": "var(--spectrum-negative-color-700)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "negative-background-color-key-focus": { + "prop": "--spectrum-negative-background-color-key-focus", + "ref": "var(--spectrum-negative-color-700)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "negative-border-color-default": { + "prop": "--spectrum-negative-border-color-default", + "ref": "var(--spectrum-negative-color-900)", + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "negative-border-color-down": { + "prop": "--spectrum-negative-border-color-down", + "ref": "var(--spectrum-negative-color-1100)", + "light": { + "value": "rgb(156, 33, 19)" + }, + "dark": { + "value": "rgb(255, 134, 120)" + } + }, + "negative-border-color-focus": { + "prop": "--spectrum-negative-border-color-focus", + "ref": "var(--spectrum-negative-color-1000)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "negative-border-color-focus-hover": { + "prop": "--spectrum-negative-border-color-focus-hover", + "ref": "var(--spectrum-negative-border-color-down)", + "light": { + "value": "rgb(156, 33, 19)" + }, + "dark": { + "value": "rgb(255, 134, 120)" + } + }, + "negative-border-color-hover": { + "prop": "--spectrum-negative-border-color-hover", + "ref": "var(--spectrum-negative-color-1000)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "negative-border-color-key-focus": { + "prop": "--spectrum-negative-border-color-key-focus", + "ref": "var(--spectrum-negative-color-1000)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "negative-color-100": { + "prop": "--spectrum-negative-color-100", + "ref": "var(--spectrum-red-100)", + "light": { + "value": "rgb(255, 246, 245)" + }, + "dark": { + "value": "rgb(54, 10, 3)" + } + }, + "negative-color-1000": { + "prop": "--spectrum-negative-color-1000", + "ref": "var(--spectrum-red-1000)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "negative-color-1100": { + "prop": "--spectrum-negative-color-1100", + "ref": "var(--spectrum-red-1100)", + "light": { + "value": "rgb(156, 33, 19)" + }, + "dark": { + "value": "rgb(255, 134, 120)" + } + }, + "negative-color-1200": { + "prop": "--spectrum-negative-color-1200", + "ref": "var(--spectrum-red-1200)", + "light": { + "value": "rgb(129, 27, 14)" + }, + "dark": { + "value": "rgb(255, 167, 157)" + } + }, + "negative-color-1300": { + "prop": "--spectrum-negative-color-1300", + "ref": "var(--spectrum-red-1300)", + "light": { + "value": "rgb(104, 21, 10)" + }, + "dark": { + "value": "rgb(255, 196, 189)" + } + }, + "negative-color-1400": { + "prop": "--spectrum-negative-color-1400", + "ref": "var(--spectrum-red-1400)", + "light": { + "value": "rgb(80, 16, 6)" + }, + "dark": { + "value": "rgb(255, 222, 219)" + } + }, + "negative-color-1500": { + "prop": "--spectrum-negative-color-1500", + "ref": "var(--spectrum-red-1500)", + "dark": { + "value": "rgb(255, 242, 240)" + }, + "light": { + "value": "rgb(59, 11, 4)" + } + }, + "negative-color-1600": { + "prop": "--spectrum-negative-color-1600", + "ref": "var(--spectrum-red-1600)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(29, 5, 2)" + } + }, + "negative-color-200": { + "prop": "--spectrum-negative-color-200", + "ref": "var(--spectrum-red-200)", + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(68, 13, 5)" + } + }, + "negative-color-300": { + "prop": "--spectrum-negative-color-300", + "ref": "var(--spectrum-red-300)", + "light": { + "value": "rgb(255, 214, 209)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "negative-color-400": { + "prop": "--spectrum-negative-color-400", + "ref": "var(--spectrum-red-400)", + "light": { + "value": "rgb(255, 188, 180)" + }, + "dark": { + "value": "rgb(115, 24, 11)" + } + }, + "negative-color-500": { + "prop": "--spectrum-negative-color-500", + "ref": "var(--spectrum-red-500)", + "light": { + "value": "rgb(255, 157, 145)" + }, + "dark": { + "value": "rgb(147, 31, 17)" + } + }, + "negative-color-600": { + "prop": "--spectrum-negative-color-600", + "ref": "var(--spectrum-red-600)", + "light": { + "value": "rgb(255, 118, 101)" + }, + "dark": { + "value": "rgb(177, 38, 23)" + } + }, + "negative-color-700": { + "prop": "--spectrum-negative-color-700", + "ref": "var(--spectrum-red-700)", + "light": { + "value": "rgb(255, 81, 61)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "negative-color-800": { + "prop": "--spectrum-negative-color-800", + "ref": "var(--spectrum-red-800)", + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "negative-color-900": { + "prop": "--spectrum-negative-color-900", + "ref": "var(--spectrum-red-900)", + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "negative-content-color-default": { + "prop": "--spectrum-negative-content-color-default", + "ref": "var(--spectrum-negative-color-900)", + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "negative-content-color-down": { + "prop": "--spectrum-negative-content-color-down", + "ref": "var(--spectrum-negative-color-1000)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "negative-content-color-hover": { + "prop": "--spectrum-negative-content-color-hover", + "ref": "var(--spectrum-negative-color-1000)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "negative-content-color-key-focus": { + "prop": "--spectrum-negative-content-color-key-focus", + "ref": "var(--spectrum-negative-color-1000)", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "negative-subdued-background-color-default": { + "prop": "--spectrum-negative-subdued-background-color-default", + "ref": "var(--spectrum-negative-color-300)", + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "negative-subdued-background-color-down": { + "prop": "--spectrum-negative-subdued-background-color-down", + "ref": "var(--spectrum-negative-color-300)", + "light": { + "value": "rgb(255, 214, 209)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "negative-subdued-background-color-hover": { + "prop": "--spectrum-negative-subdued-background-color-hover", + "ref": "var(--spectrum-negative-color-300)", + "light": { + "value": "rgb(255, 214, 209)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "negative-subdued-background-color-key-focus": { + "prop": "--spectrum-negative-subdued-background-color-key-focus", + "ref": "var(--spectrum-negative-color-300)", + "light": { + "value": "rgb(255, 214, 209)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "negative-subtle-background-color-default": { + "prop": "--spectrum-negative-subtle-background-color-default", + "ref": "var(--spectrum-negative-color-300)", + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "negative-visual-color": { + "prop": "--spectrum-negative-visual-color", + "ref": "var(--spectrum-negative-color-900)", + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "neutral-background-color-default": { + "prop": "--spectrum-neutral-background-color-default", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "neutral-background-color-down": { + "prop": "--spectrum-neutral-background-color-down", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-background-color-hover": { + "prop": "--spectrum-neutral-background-color-hover", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-background-color-key-focus": { + "prop": "--spectrum-neutral-background-color-key-focus", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-background-color-selected-default": { + "prop": "--spectrum-neutral-background-color-selected-default", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "neutral-background-color-selected-down": { + "prop": "--spectrum-neutral-background-color-selected-down", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-background-color-selected-hover": { + "prop": "--spectrum-neutral-background-color-selected-hover", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-background-color-selected-key-focus": { + "prop": "--spectrum-neutral-background-color-selected-key-focus", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-content-color-default": { + "prop": "--spectrum-neutral-content-color-default", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "neutral-content-color-down": { + "prop": "--spectrum-neutral-content-color-down", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-content-color-focus": { + "prop": "--spectrum-neutral-content-color-focus", + "ref": "var(--spectrum-neutral-content-color-down)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-content-color-focus-hover": { + "prop": "--spectrum-neutral-content-color-focus-hover", + "ref": "var(--spectrum-neutral-content-color-down)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-content-color-hover": { + "prop": "--spectrum-neutral-content-color-hover", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-content-color-key-focus": { + "prop": "--spectrum-neutral-content-color-key-focus", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "neutral-subdued-background-color-default": { + "prop": "--spectrum-neutral-subdued-background-color-default", + "ref": "var(--spectrum-gray-500)", + "light": { + "value": "rgb(80, 80, 80)" + }, + "dark": { + "value": "rgb(109, 109, 109)" + } + }, + "neutral-subdued-background-color-down": { + "prop": "--spectrum-neutral-subdued-background-color-down", + "ref": "var(--spectrum-gray-400)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "neutral-subdued-background-color-hover": { + "prop": "--spectrum-neutral-subdued-background-color-hover", + "ref": "var(--spectrum-gray-400)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "neutral-subdued-background-color-key-focus": { + "prop": "--spectrum-neutral-subdued-background-color-key-focus", + "ref": "var(--spectrum-gray-400)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "neutral-subdued-content-color-default": { + "prop": "--spectrum-neutral-subdued-content-color-default", + "ref": "var(--spectrum-gray-700)", + "light": { + "value": "rgb(80, 80, 80)" + }, + "dark": { + "value": "rgb(175, 175, 175)" + } + }, + "neutral-subdued-content-color-down": { + "prop": "--spectrum-neutral-subdued-content-color-down", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "neutral-subdued-content-color-hover": { + "prop": "--spectrum-neutral-subdued-content-color-hover", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "neutral-subdued-content-color-key-focus": { + "prop": "--spectrum-neutral-subdued-content-color-key-focus", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "neutral-subdued-content-color-selected": { + "prop": "--spectrum-neutral-subdued-content-color-selected", + "ref": "var(--spectrum-neutral-subdued-content-color-down)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "neutral-subtle-background-color-default": { + "prop": "--spectrum-neutral-subtle-background-color-default", + "ref": "var(--spectrum-gray-300)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(57, 57, 57)" + } + }, + "neutral-visual-color": { + "prop": "--spectrum-neutral-visual-color", + "ref": "var(--spectrum-gray-600)", + "light": { + "value": "rgb(143, 143, 143)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "notice-background-color-default": { + "prop": "--spectrum-notice-background-color-default", + "ref": "var(--spectrum-notice-color-600)", + "dark": { + "value": "rgb(224, 100, 0)" + }, + "light": { + "value": "rgb(252, 125, 0)" + } + }, + "notice-color-100": { + "prop": "--spectrum-notice-color-100", + "ref": "var(--spectrum-orange-100)", + "light": { + "value": "rgb(255, 246, 231)" + }, + "dark": { + "value": "rgb(49, 16, 0)" + } + }, + "notice-color-1000": { + "prop": "--spectrum-notice-color-1000", + "ref": "var(--spectrum-orange-1000)", + "light": { + "value": "rgb(167, 62, 0)" + }, + "dark": { + "value": "rgb(243, 117, 0)" + } + }, + "notice-color-1100": { + "prop": "--spectrum-notice-color-1100", + "ref": "var(--spectrum-orange-1100)", + "light": { + "value": "rgb(144, 51, 0)" + }, + "dark": { + "value": "rgb(255, 137, 0)" + } + }, + "notice-color-1200": { + "prop": "--spectrum-notice-color-1200", + "ref": "var(--spectrum-orange-1200)", + "light": { + "value": "rgb(118, 41, 0)" + }, + "dark": { + "value": "rgb(255, 173, 45)" + } + }, + "notice-color-1300": { + "prop": "--spectrum-notice-color-1300", + "ref": "var(--spectrum-orange-1300)", + "light": { + "value": "rgb(95, 32, 0)" + }, + "dark": { + "value": "rgb(255, 201, 116)" + } + }, + "notice-color-1400": { + "prop": "--spectrum-notice-color-1400", + "ref": "var(--spectrum-orange-1400)", + "light": { + "value": "rgb(73, 24, 0)" + }, + "dark": { + "value": "rgb(255, 225, 178)" + } + }, + "notice-color-1500": { + "prop": "--spectrum-notice-color-1500", + "ref": "var(--spectrum-orange-1500)", + "dark": { + "value": "rgb(255, 243, 225)" + }, + "light": { + "value": "rgb(52, 18, 0)" + } + }, + "notice-color-1600": { + "prop": "--spectrum-notice-color-1600", + "ref": "var(--spectrum-orange-1600)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(25, 8, 0)" + } + }, + "notice-color-200": { + "prop": "--spectrum-notice-color-200", + "ref": "var(--spectrum-orange-200)", + "light": { + "value": "rgb(255, 236, 207)" + }, + "dark": { + "value": "rgb(61, 21, 0)" + } + }, + "notice-color-300": { + "prop": "--spectrum-notice-color-300", + "ref": "var(--spectrum-orange-300)", + "light": { + "value": "rgb(255, 218, 158)" + }, + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "notice-color-400": { + "prop": "--spectrum-notice-color-400", + "ref": "var(--spectrum-orange-400)", + "light": { + "value": "rgb(255, 193, 94)" + }, + "dark": { + "value": "rgb(106, 36, 0)" + } + }, + "notice-color-500": { + "prop": "--spectrum-notice-color-500", + "ref": "var(--spectrum-orange-500)", + "light": { + "value": "rgb(255, 162, 19)" + }, + "dark": { + "value": "rgb(135, 47, 0)" + } + }, + "notice-color-600": { + "prop": "--spectrum-notice-color-600", + "ref": "var(--spectrum-orange-600)", + "light": { + "value": "rgb(252, 125, 0)" + }, + "dark": { + "value": "rgb(162, 59, 0)" + } + }, + "notice-color-700": { + "prop": "--spectrum-notice-color-700", + "ref": "var(--spectrum-orange-700)", + "light": { + "value": "rgb(232, 106, 0)" + }, + "dark": { + "value": "rgb(185, 73, 0)" + } + }, + "notice-color-800": { + "prop": "--spectrum-notice-color-800", + "ref": "var(--spectrum-orange-800)", + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(199, 82, 0)" + } + }, + "notice-color-900": { + "prop": "--spectrum-notice-color-900", + "ref": "var(--spectrum-orange-900)", + "light": { + "value": "rgb(194, 78, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "notice-subtle-background-color-default": { + "prop": "--spectrum-notice-subtle-background-color-default", + "ref": "var(--spectrum-notice-color-300)", + "light": { + "value": "rgb(255, 236, 207)" + }, + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "notice-visual-color": { + "prop": "--spectrum-notice-visual-color", + "ref": "var(--spectrum-notice-color-900)", + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "number-field-minimum-width-multiplier": { + "prop": "--spectrum-number-field-minimum-width-multiplier", + "value": 1.25 + }, + "number-field-visual-to-in-field-stepper-extra-large": { + "prop": "--spectrum-number-field-visual-to-in-field-stepper-extra-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "number-field-visual-to-in-field-stepper-large": { + "prop": "--spectrum-number-field-visual-to-in-field-stepper-large", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "number-field-visual-to-in-field-stepper-medium": { + "prop": "--spectrum-number-field-visual-to-in-field-stepper-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "number-field-visual-to-in-field-stepper-small": { + "prop": "--spectrum-number-field-visual-to-in-field-stepper-small", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "7px" + } + }, + "number-field-with-stepper-minimum-width-extra-large": { + "prop": "--spectrum-number-field-with-stepper-minimum-width-extra-large", + "desktop": { + "value": "168px" + }, + "mobile": { + "value": "198px" + } + }, + "number-field-with-stepper-minimum-width-large": { + "prop": "--spectrum-number-field-with-stepper-minimum-width-large", + "desktop": { + "value": "144px" + }, + "mobile": { + "value": "174px" + } + }, + "number-field-with-stepper-minimum-width-medium": { + "prop": "--spectrum-number-field-with-stepper-minimum-width-medium", + "desktop": { + "value": "120px" + }, + "mobile": { + "value": "150px" + } + }, + "number-field-with-stepper-minimum-width-small": { + "prop": "--spectrum-number-field-with-stepper-minimum-width-small", + "desktop": { + "value": "104px" + }, + "mobile": { + "value": "126px" + } + }, + "opacity-checkerboard-square-dark": { + "prop": "--spectrum-opacity-checkerboard-square-dark", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "opacity-checkerboard-square-light": { + "prop": "--spectrum-opacity-checkerboard-square-light", + "ref": "var(--spectrum-white)", + "value": "rgb(255, 255, 255)" + }, + "opacity-checkerboard-square-size": { + "prop": "--spectrum-opacity-checkerboard-square-size", + "ref": "var(--spectrum-opacity-checkerboard-square-size-medium)", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "opacity-checkerboard-square-size-medium": { + "prop": "--spectrum-opacity-checkerboard-square-size-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "opacity-checkerboard-square-size-small": { + "prop": "--spectrum-opacity-checkerboard-square-size-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "opacity-disabled": { + "prop": "--spectrum-opacity-disabled", + "value": "0.3" + }, + "orange-100": { + "prop": "--spectrum-orange-100", + "light": { + "value": "rgb(255, 246, 231)" + }, + "dark": { + "value": "rgb(49, 16, 0)" + } + }, + "orange-1000": { + "prop": "--spectrum-orange-1000", + "light": { + "value": "rgb(167, 62, 0)" + }, + "dark": { + "value": "rgb(243, 117, 0)" + } + }, + "orange-1100": { + "prop": "--spectrum-orange-1100", + "light": { + "value": "rgb(144, 51, 0)" + }, + "dark": { + "value": "rgb(255, 137, 0)" + } + }, + "orange-1200": { + "prop": "--spectrum-orange-1200", + "light": { + "value": "rgb(118, 41, 0)" + }, + "dark": { + "value": "rgb(255, 173, 45)" + } + }, + "orange-1300": { + "prop": "--spectrum-orange-1300", + "light": { + "value": "rgb(95, 32, 0)" + }, + "dark": { + "value": "rgb(255, 201, 116)" + } + }, + "orange-1400": { + "prop": "--spectrum-orange-1400", + "light": { + "value": "rgb(73, 24, 0)" + }, + "dark": { + "value": "rgb(255, 225, 178)" + } + }, + "orange-1500": { + "prop": "--spectrum-orange-1500", + "dark": { + "value": "rgb(255, 243, 225)" + }, + "light": { + "value": "rgb(52, 18, 0)" + } + }, + "orange-1600": { + "prop": "--spectrum-orange-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(25, 8, 0)" + } + }, + "orange-200": { + "prop": "--spectrum-orange-200", + "light": { + "value": "rgb(255, 236, 207)" + }, + "dark": { + "value": "rgb(61, 21, 0)" + } + }, + "orange-300": { + "prop": "--spectrum-orange-300", + "light": { + "value": "rgb(255, 218, 158)" + }, + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "orange-400": { + "prop": "--spectrum-orange-400", + "light": { + "value": "rgb(255, 193, 94)" + }, + "dark": { + "value": "rgb(106, 36, 0)" + } + }, + "orange-500": { + "prop": "--spectrum-orange-500", + "light": { + "value": "rgb(255, 162, 19)" + }, + "dark": { + "value": "rgb(135, 47, 0)" + } + }, + "orange-600": { + "prop": "--spectrum-orange-600", + "light": { + "value": "rgb(252, 125, 0)" + }, + "dark": { + "value": "rgb(162, 59, 0)" + } + }, + "orange-700": { + "prop": "--spectrum-orange-700", + "light": { + "value": "rgb(232, 106, 0)" + }, + "dark": { + "value": "rgb(185, 73, 0)" + } + }, + "orange-800": { + "prop": "--spectrum-orange-800", + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(199, 82, 0)" + } + }, + "orange-900": { + "prop": "--spectrum-orange-900", + "light": { + "value": "rgb(194, 78, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "orange-background-color-default": { + "prop": "--spectrum-orange-background-color-default", + "ref": "var(--spectrum-orange-900)", + "light": { + "value": "rgb(252, 125, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "orange-subtle-background-color-default": { + "prop": "--spectrum-orange-subtle-background-color-default", + "ref": "var(--spectrum-orange-300)", + "light": { + "value": "rgb(255, 236, 207)" + }, + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "orange-visual-color": { + "prop": "--spectrum-orange-visual-color", + "ref": "var(--spectrum-orange-900)", + "light": { + "value": "rgb(232, 106, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "overlay-color": { + "prop": "--spectrum-overlay-color", + "ref": "var(--spectrum-black)", + "value": "rgb(0, 0, 0)" + }, + "overlay-opacity": { + "prop": "--spectrum-overlay-opacity", + "light": { + "value": "0.4" + }, + "dark": { + "value": "0.6" + } + }, + "picker-border-width": { + "prop": "--spectrum-picker-border-width", + "ref": "var(--spectrum-border-width-100)", + "value": "1px" + }, + "picker-end-edge-to-disclosure-icon-quiet": { + "prop": "--spectrum-picker-end-edge-to-disclosure-icon-quiet", + "value": "0px" + }, + "picker-end-edge-to-disclousure-icon-quiet": { + "prop": "--spectrum-picker-end-edge-to-disclousure-icon-quiet", + "ref": "var(--spectrum-picker-end-edge-to-disclosure-icon-quiet)", + "value": "0px" + }, + "picker-minimum-width-multiplier": { + "prop": "--spectrum-picker-minimum-width-multiplier", + "value": 2 + }, + "picker-visual-to-disclosure-icon-extra-large": { + "prop": "--spectrum-picker-visual-to-disclosure-icon-extra-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "picker-visual-to-disclosure-icon-large": { + "prop": "--spectrum-picker-visual-to-disclosure-icon-large", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "picker-visual-to-disclosure-icon-medium": { + "prop": "--spectrum-picker-visual-to-disclosure-icon-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "picker-visual-to-disclosure-icon-small": { + "prop": "--spectrum-picker-visual-to-disclosure-icon-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "pink-100": { + "prop": "--spectrum-pink-100", + "dark": { + "value": "rgb(58, 0, 37)" + }, + "light": { + "value": "rgb(255, 246, 252)" + } + }, + "pink-1000": { + "prop": "--spectrum-pink-1000", + "dark": { + "value": "rgb(251, 90, 196)" + }, + "light": { + "value": "rgb(176, 31, 123)" + } + }, + "pink-1100": { + "prop": "--spectrum-pink-1100", + "dark": { + "value": "rgb(255, 122, 210)" + }, + "light": { + "value": "rgb(152, 22, 104)" + } + }, + "pink-1200": { + "prop": "--spectrum-pink-1200", + "dark": { + "value": "rgb(255, 159, 223)" + }, + "light": { + "value": "rgb(128, 12, 85)" + } + }, + "pink-1300": { + "prop": "--spectrum-pink-1300", + "dark": { + "value": "rgb(255, 191, 234)" + }, + "light": { + "value": "rgb(105, 3, 68)" + } + }, + "pink-1400": { + "prop": "--spectrum-pink-1400", + "dark": { + "value": "rgb(255, 219, 243)" + }, + "light": { + "value": "rgb(83, 0, 53)" + } + }, + "pink-1500": { + "prop": "--spectrum-pink-1500", + "dark": { + "value": "rgb(255, 241, 250)" + }, + "light": { + "value": "rgb(62, 0, 39)" + } + }, + "pink-1600": { + "prop": "--spectrum-pink-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(33, 0, 21)" + } + }, + "pink-200": { + "prop": "--spectrum-pink-200", + "dark": { + "value": "rgb(71, 0, 44)" + }, + "light": { + "value": "rgb(255, 232, 247)" + } + }, + "pink-300": { + "prop": "--spectrum-pink-300", + "dark": { + "value": "rgb(90, 0, 57)" + }, + "light": { + "value": "rgb(255, 211, 240)" + } + }, + "pink-400": { + "prop": "--spectrum-pink-400", + "dark": { + "value": "rgb(115, 7, 75)" + }, + "light": { + "value": "rgb(255, 181, 230)" + } + }, + "pink-500": { + "prop": "--spectrum-pink-500", + "dark": { + "value": "rgb(143, 18, 97)" + }, + "light": { + "value": "rgb(255, 148, 219)" + } + }, + "pink-600": { + "prop": "--spectrum-pink-600", + "dark": { + "value": "rgb(171, 29, 119)" + }, + "light": { + "value": "rgb(255, 103, 204)" + } + }, + "pink-700": { + "prop": "--spectrum-pink-700", + "dark": { + "value": "rgb(196, 39, 138)" + }, + "light": { + "value": "rgb(242, 76, 184)" + } + }, + "pink-800": { + "prop": "--spectrum-pink-800", + "dark": { + "value": "rgb(213, 45, 151)" + }, + "light": { + "value": "rgb(228, 52, 163)" + } + }, + "pink-900": { + "prop": "--spectrum-pink-900", + "dark": { + "value": "rgb(236, 67, 175)" + }, + "light": { + "value": "rgb(206, 42, 146)" + } + }, + "pink-background-color-default": { + "prop": "--spectrum-pink-background-color-default", + "ref": "var(--spectrum-pink-800)", + "light": { + "value": "rgb(206, 42, 146)" + }, + "dark": { + "value": "rgb(213, 45, 151)" + } + }, + "pink-subtle-background-color-default": { + "prop": "--spectrum-pink-subtle-background-color-default", + "ref": "var(--spectrum-pink-300)", + "light": { + "value": "rgb(255, 232, 247)" + }, + "dark": { + "value": "rgb(90, 0, 57)" + } + }, + "pink-visual-color": { + "prop": "--spectrum-pink-visual-color", + "ref": "var(--spectrum-pink-900)", + "light": { + "value": "rgb(228, 52, 163)" + }, + "dark": { + "value": "rgb(236, 67, 175)" + } + }, + "popover-border-color": { + "prop": "--spectrum-popover-border-color", + "light": { + "ref": "var(--spectrum-transparent-white-25)", + "value": "rgba(255, 255, 255, 0)" + }, + "ref": "var(--spectrum-gray-400)", + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "popover-border-opacity": { + "prop": "--spectrum-popover-border-opacity", + "light": { + "value": "0" + }, + "dark": { + "value": "1.0" + } + }, + "popover-edge-to-content-area": { + "prop": "--spectrum-popover-edge-to-content-area", + "ref": "var(--spectrum-spacing-100)", + "value": "8px" + }, + "popover-tip-height": { + "prop": "--spectrum-popover-tip-height", + "value": "8px" + }, + "popover-tip-width": { + "prop": "--spectrum-popover-tip-width", + "value": "16px" + }, + "popover-top-to-content-area": { + "prop": "--spectrum-popover-top-to-content-area", + "ref": "var(--spectrum-popover-edge-to-content-area)", + "value": "8px" + }, + "positive-background-color-default": { + "prop": "--spectrum-positive-background-color-default", + "ref": "var(--spectrum-positive-color-800)", + "light": { + "value": "rgb(5, 131, 78)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "positive-background-color-down": { + "prop": "--spectrum-positive-background-color-down", + "ref": "var(--spectrum-positive-color-700)", + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "positive-background-color-hover": { + "prop": "--spectrum-positive-background-color-hover", + "ref": "var(--spectrum-positive-color-700)", + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "positive-background-color-key-focus": { + "prop": "--spectrum-positive-background-color-key-focus", + "ref": "var(--spectrum-positive-color-700)", + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "positive-color-100": { + "prop": "--spectrum-positive-color-100", + "ref": "var(--spectrum-green-100)", + "light": { + "value": "rgb(237, 252, 241)" + }, + "dark": { + "value": "rgb(0, 30, 23)" + } + }, + "positive-color-1000": { + "prop": "--spectrum-positive-color-1000", + "ref": "var(--spectrum-green-1000)", + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(14, 175, 98)" + } + }, + "positive-color-1100": { + "prop": "--spectrum-positive-color-1100", + "ref": "var(--spectrum-green-1100)", + "light": { + "value": "rgb(2, 93, 60)" + }, + "dark": { + "value": "rgb(24, 193, 110)" + } + }, + "positive-color-1200": { + "prop": "--spectrum-positive-color-1200", + "ref": "var(--spectrum-green-1200)", + "light": { + "value": "rgb(1, 76, 52)" + }, + "dark": { + "value": "rgb(57, 215, 134)" + } + }, + "positive-color-1300": { + "prop": "--spectrum-positive-color-1300", + "ref": "var(--spectrum-green-1300)", + "light": { + "value": "rgb(0, 61, 44)" + }, + "dark": { + "value": "rgb(126, 231, 172)" + } + }, + "positive-color-1400": { + "prop": "--spectrum-positive-color-1400", + "ref": "var(--spectrum-green-1400)", + "light": { + "value": "rgb(0, 46, 34)" + }, + "dark": { + "value": "rgb(189, 241, 208)" + } + }, + "positive-color-1500": { + "prop": "--spectrum-positive-color-1500", + "ref": "var(--spectrum-green-1500)", + "dark": { + "value": "rgb(229, 250, 236)" + }, + "light": { + "value": "rgb(0, 33, 25)" + } + }, + "positive-color-1600": { + "prop": "--spectrum-positive-color-1600", + "ref": "var(--spectrum-green-1600)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 15, 12)" + } + }, + "positive-color-200": { + "prop": "--spectrum-positive-color-200", + "ref": "var(--spectrum-green-200)", + "light": { + "value": "rgb(215, 247, 225)" + }, + "dark": { + "value": "rgb(0, 38, 29)" + } + }, + "positive-color-300": { + "prop": "--spectrum-positive-color-300", + "ref": "var(--spectrum-green-300)", + "light": { + "value": "rgb(173, 238, 197)" + }, + "dark": { + "value": "rgb(0, 51, 38)" + } + }, + "positive-color-400": { + "prop": "--spectrum-positive-color-400", + "ref": "var(--spectrum-green-400)", + "light": { + "value": "rgb(107, 227, 162)" + }, + "dark": { + "value": "rgb(0, 68, 48)" + } + }, + "positive-color-500": { + "prop": "--spectrum-positive-color-500", + "ref": "var(--spectrum-green-500)", + "light": { + "value": "rgb(43, 209, 125)" + }, + "dark": { + "value": "rgb(2, 87, 58)" + } + }, + "positive-color-600": { + "prop": "--spectrum-positive-color-600", + "ref": "var(--spectrum-green-600)", + "light": { + "value": "rgb(18, 184, 103)" + }, + "dark": { + "value": "rgb(3, 106, 67)" + } + }, + "positive-color-700": { + "prop": "--spectrum-positive-color-700", + "ref": "var(--spectrum-green-700)", + "light": { + "value": "rgb(11, 164, 93)" + }, + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "positive-color-800": { + "prop": "--spectrum-positive-color-800", + "ref": "var(--spectrum-green-800)", + "light": { + "value": "rgb(7, 147, 85)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "positive-color-900": { + "prop": "--spectrum-positive-color-900", + "ref": "var(--spectrum-green-900)", + "light": { + "value": "rgb(5, 131, 78)" + }, + "dark": { + "value": "rgb(9, 157, 89)" + } + }, + "positive-subtle-background-color-default": { + "prop": "--spectrum-positive-subtle-background-color-default", + "ref": "var(--spectrum-positive-color-300)", + "light": { + "value": "rgb(215, 247, 225)" + }, + "dark": { + "value": "rgb(0, 51, 38)" + } + }, + "positive-visual-color": { + "prop": "--spectrum-positive-visual-color", + "ref": "var(--spectrum-positive-color-900)", + "light": { + "value": "rgb(7, 147, 85)" + }, + "dark": { + "value": "rgb(9, 157, 89)" + } + }, + "progress-bar-maximum-width": { + "prop": "--spectrum-progress-bar-maximum-width", + "value": "768px" + }, + "progress-bar-minimum-width": { + "prop": "--spectrum-progress-bar-minimum-width", + "value": "48px" + }, + "progress-bar-thickness-extra-large": { + "prop": "--spectrum-progress-bar-thickness-extra-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "progress-bar-thickness-large": { + "prop": "--spectrum-progress-bar-thickness-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "progress-bar-thickness-medium": { + "prop": "--spectrum-progress-bar-thickness-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "progress-bar-thickness-small": { + "prop": "--spectrum-progress-bar-thickness-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "progress-circle-size-large": { + "prop": "--spectrum-progress-circle-size-large", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "80px" + } + }, + "progress-circle-size-medium": { + "prop": "--spectrum-progress-circle-size-medium", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "progress-circle-size-small": { + "prop": "--spectrum-progress-circle-size-small", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "progress-circle-thickness-large": { + "prop": "--spectrum-progress-circle-thickness-large", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "progress-circle-thickness-medium": { + "prop": "--spectrum-progress-circle-thickness-medium", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "4px" + } + }, + "progress-circle-thickness-small": { + "prop": "--spectrum-progress-circle-thickness-small", + "desktop": { + "value": "2px" + }, + "mobile": { + "value": "3px" + } + }, + "purple-100": { + "prop": "--spectrum-purple-100", + "light": { + "value": "rgb(251, 247, 254)" + }, + "dark": { + "value": "rgb(41, 0, 79)" + } + }, + "purple-1000": { + "prop": "--spectrum-purple-1000", + "light": { + "value": "rgb(134, 40, 217)" + }, + "dark": { + "value": "rgb(186, 127, 237)" + } + }, + "purple-1100": { + "prop": "--spectrum-purple-1100", + "light": { + "value": "rgb(115, 13, 204)" + }, + "dark": { + "value": "rgb(197, 149, 240)" + } + }, + "purple-1200": { + "prop": "--spectrum-purple-1200", + "light": { + "value": "rgb(93, 0, 177)" + }, + "dark": { + "value": "rgb(212, 176, 244)" + } + }, + "purple-1300": { + "prop": "--spectrum-purple-1300", + "light": { + "value": "rgb(75, 0, 144)" + }, + "dark": { + "value": "rgb(225, 201, 247)" + } + }, + "purple-1400": { + "prop": "--spectrum-purple-1400", + "light": { + "value": "rgb(59, 0, 111)" + }, + "dark": { + "value": "rgb(238, 224, 250)" + } + }, + "purple-1500": { + "prop": "--spectrum-purple-1500", + "dark": { + "value": "rgb(248, 243, 253)" + }, + "light": { + "value": "rgb(44, 0, 84)" + } + }, + "purple-1600": { + "prop": "--spectrum-purple-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(23, 0, 45)" + } + }, + "purple-200": { + "prop": "--spectrum-purple-200", + "light": { + "value": "rgb(244, 235, 252)" + }, + "dark": { + "value": "rgb(50, 0, 96)" + } + }, + "purple-300": { + "prop": "--spectrum-purple-300", + "light": { + "value": "rgb(235, 218, 249)" + }, + "dark": { + "value": "rgb(64, 0, 122)" + } + }, + "purple-400": { + "prop": "--spectrum-purple-400", + "light": { + "value": "rgb(221, 193, 246)" + }, + "dark": { + "value": "rgb(83, 0, 159)" + } + }, + "purple-500": { + "prop": "--spectrum-purple-500", + "light": { + "value": "rgb(208, 167, 243)" + }, + "dark": { + "value": "rgb(107, 6, 195)" + } + }, + "purple-600": { + "prop": "--spectrum-purple-600", + "light": { + "value": "rgb(191, 138, 238)" + }, + "dark": { + "value": "rgb(130, 34, 215)" + } + }, + "purple-700": { + "prop": "--spectrum-purple-700", + "light": { + "value": "rgb(178, 114, 235)" + }, + "dark": { + "value": "rgb(148, 62, 224)" + } + }, + "purple-800": { + "prop": "--spectrum-purple-800", + "light": { + "value": "rgb(166, 92, 231)" + }, + "dark": { + "value": "rgb(157, 78, 228)" + } + }, + "purple-900": { + "prop": "--spectrum-purple-900", + "light": { + "value": "rgb(154, 71, 226)" + }, + "dark": { + "value": "rgb(173, 105, 233)" + } + }, + "purple-background-color-default": { + "prop": "--spectrum-purple-background-color-default", + "ref": "var(--spectrum-purple-800)", + "light": { + "value": "rgb(154, 71, 226)" + }, + "dark": { + "value": "rgb(157, 78, 228)" + } + }, + "purple-subtle-background-color-default": { + "prop": "--spectrum-purple-subtle-background-color-default", + "ref": "var(--spectrum-purple-300)", + "light": { + "value": "rgb(244, 235, 252)" + }, + "dark": { + "value": "rgb(64, 0, 122)" + } + }, + "purple-visual-color": { + "prop": "--spectrum-purple-visual-color", + "ref": "var(--spectrum-purple-900)", + "light": { + "value": "rgb(166, 92, 231)" + }, + "dark": { + "value": "rgb(173, 105, 233)" + } + }, + "radio-button-control-size-extra-large": { + "prop": "--spectrum-radio-button-control-size-extra-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "radio-button-control-size-large": { + "prop": "--spectrum-radio-button-control-size-large", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "radio-button-control-size-medium": { + "prop": "--spectrum-radio-button-control-size-medium", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "radio-button-control-size-small": { + "prop": "--spectrum-radio-button-control-size-small", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "radio-button-selection-indicator": { + "prop": "--spectrum-radio-button-selection-indicator", + "value": "4px" + }, + "radio-button-top-to-control-extra-large": { + "prop": "--spectrum-radio-button-top-to-control-extra-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "radio-button-top-to-control-large": { + "prop": "--spectrum-radio-button-top-to-control-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "radio-button-top-to-control-medium": { + "prop": "--spectrum-radio-button-top-to-control-medium", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "radio-button-top-to-control-small": { + "prop": "--spectrum-radio-button-top-to-control-small", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "rating-bottom-to-content-area-medium": { + "prop": "--spectrum-rating-bottom-to-content-area-medium", + "value": "6px" + }, + "rating-bottom-to-content-area-small": { + "prop": "--spectrum-rating-bottom-to-content-area-small", + "ref": "var(--spectrum-spacing-75)", + "value": "4px" + }, + "rating-edge-to-content-area-medium": { + "prop": "--spectrum-rating-edge-to-content-area-medium", + "value": "6px" + }, + "rating-edge-to-content-area-small": { + "prop": "--spectrum-rating-edge-to-content-area-small", + "ref": "var(--spectrum-spacing-75)", + "value": "4px" + }, + "rating-height-medium": { + "prop": "--spectrum-rating-height-medium", + "ref": "var(--spectrum-component-height-100)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "rating-height-small": { + "prop": "--spectrum-rating-height-small", + "ref": "var(--spectrum-component-height-75)", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "rating-indicator-to-icon": { + "prop": "--spectrum-rating-indicator-to-icon", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "rating-indicator-width": { + "prop": "--spectrum-rating-indicator-width", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "rating-top-to-content-area-medium": { + "prop": "--spectrum-rating-top-to-content-area-medium", + "value": "6px" + }, + "rating-top-to-content-area-small": { + "prop": "--spectrum-rating-top-to-content-area-small", + "ref": "var(--spectrum-spacing-75)", + "value": "4px" + }, + "rating-width-medium": { + "prop": "--spectrum-rating-width-medium", + "value": "128px" + }, + "rating-width-small": { + "prop": "--spectrum-rating-width-small", + "value": "104px" + }, + "red-100": { + "prop": "--spectrum-red-100", + "light": { + "value": "rgb(255, 246, 245)" + }, + "dark": { + "value": "rgb(54, 10, 3)" + } + }, + "red-1000": { + "prop": "--spectrum-red-1000", + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + } + }, + "red-1100": { + "prop": "--spectrum-red-1100", + "light": { + "value": "rgb(156, 33, 19)" + }, + "dark": { + "value": "rgb(255, 134, 120)" + } + }, + "red-1200": { + "prop": "--spectrum-red-1200", + "light": { + "value": "rgb(129, 27, 14)" + }, + "dark": { + "value": "rgb(255, 167, 157)" + } + }, + "red-1300": { + "prop": "--spectrum-red-1300", + "light": { + "value": "rgb(104, 21, 10)" + }, + "dark": { + "value": "rgb(255, 196, 189)" + } + }, + "red-1400": { + "prop": "--spectrum-red-1400", + "light": { + "value": "rgb(80, 16, 6)" + }, + "dark": { + "value": "rgb(255, 222, 219)" + } + }, + "red-1500": { + "prop": "--spectrum-red-1500", + "dark": { + "value": "rgb(255, 242, 240)" + }, + "light": { + "value": "rgb(59, 11, 4)" + } + }, + "red-1600": { + "prop": "--spectrum-red-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(29, 5, 2)" + } + }, + "red-200": { + "prop": "--spectrum-red-200", + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(68, 13, 5)" + } + }, + "red-300": { + "prop": "--spectrum-red-300", + "light": { + "value": "rgb(255, 214, 209)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "red-400": { + "prop": "--spectrum-red-400", + "light": { + "value": "rgb(255, 188, 180)" + }, + "dark": { + "value": "rgb(115, 24, 11)" + } + }, + "red-500": { + "prop": "--spectrum-red-500", + "light": { + "value": "rgb(255, 157, 145)" + }, + "dark": { + "value": "rgb(147, 31, 17)" + } + }, + "red-600": { + "prop": "--spectrum-red-600", + "light": { + "value": "rgb(255, 118, 101)" + }, + "dark": { + "value": "rgb(177, 38, 23)" + } + }, + "red-700": { + "prop": "--spectrum-red-700", + "light": { + "value": "rgb(255, 81, 61)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "red-800": { + "prop": "--spectrum-red-800", + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "red-900": { + "prop": "--spectrum-red-900", + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "red-background-color-default": { + "prop": "--spectrum-red-background-color-default", + "ref": "var(--spectrum-red-800)", + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "red-subtle-background-color-default": { + "prop": "--spectrum-red-subtle-background-color-default", + "ref": "var(--spectrum-red-300)", + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "red-visual-color": { + "prop": "--spectrum-red-visual-color", + "ref": "var(--spectrum-red-700)", + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "regular-font-weight": { + "prop": "--spectrum-regular-font-weight", + "ref": "regular", + "value": "400" + }, + "sans-serif-font-family": { + "prop": "--spectrum-sans-serif-font-family", + "value": "Adobe Clean" + }, + "seafoam-100": { + "prop": "--spectrum-seafoam-100", + "light": { + "value": "rgb(235, 251, 246)" + }, + "dark": { + "value": "rgb(0, 30, 27)" + } + }, + "seafoam-1000": { + "prop": "--spectrum-seafoam-1000", + "light": { + "value": "rgb(5, 108, 92)" + }, + "dark": { + "value": "rgb(12, 173, 142)" + } + }, + "seafoam-1100": { + "prop": "--spectrum-seafoam-1100", + "light": { + "value": "rgb(3, 92, 80)" + }, + "dark": { + "value": "rgb(14, 190, 156)" + } + }, + "seafoam-1200": { + "prop": "--spectrum-seafoam-1200", + "light": { + "value": "rgb(1, 75, 67)" + }, + "dark": { + "value": "rgb(29, 214, 176)" + } + }, + "seafoam-1300": { + "prop": "--spectrum-seafoam-1300", + "light": { + "value": "rgb(0, 60, 54)" + }, + "dark": { + "value": "rgb(122, 229, 203)" + } + }, + "seafoam-1400": { + "prop": "--spectrum-seafoam-1400", + "light": { + "value": "rgb(0, 46, 40)" + }, + "dark": { + "value": "rgb(186, 241, 222)" + } + }, + "seafoam-1500": { + "prop": "--spectrum-seafoam-1500", + "dark": { + "value": "rgb(229, 249, 243)" + }, + "light": { + "value": "rgb(0, 33, 29)" + } + }, + "seafoam-1600": { + "prop": "--spectrum-seafoam-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 15, 14)" + } + }, + "seafoam-200": { + "prop": "--spectrum-seafoam-200", + "light": { + "value": "rgb(211, 246, 234)" + }, + "dark": { + "value": "rgb(0, 39, 35)" + } + }, + "seafoam-300": { + "prop": "--spectrum-seafoam-300", + "light": { + "value": "rgb(169, 237, 216)" + }, + "dark": { + "value": "rgb(0, 50, 44)" + } + }, + "seafoam-400": { + "prop": "--spectrum-seafoam-400", + "light": { + "value": "rgb(92, 225, 194)" + }, + "dark": { + "value": "rgb(0, 67, 59)" + } + }, + "seafoam-500": { + "prop": "--spectrum-seafoam-500", + "light": { + "value": "rgb(16, 207, 169)" + }, + "dark": { + "value": "rgb(2, 86, 75)" + } + }, + "seafoam-600": { + "prop": "--spectrum-seafoam-600", + "light": { + "value": "rgb(13, 181, 149)" + }, + "dark": { + "value": "rgb(4, 105, 89)" + } + }, + "seafoam-700": { + "prop": "--spectrum-seafoam-700", + "light": { + "value": "rgb(11, 162, 134)" + }, + "dark": { + "value": "rgb(6, 122, 103)" + } + }, + "seafoam-800": { + "prop": "--spectrum-seafoam-800", + "light": { + "value": "rgb(9, 144, 120)" + }, + "dark": { + "value": "rgb(8, 134, 112)" + } + }, + "seafoam-900": { + "prop": "--spectrum-seafoam-900", + "light": { + "value": "rgb(7, 129, 109)" + }, + "dark": { + "value": "rgb(10, 154, 128)" + } + }, + "seafoam-background-color-default": { + "prop": "--spectrum-seafoam-background-color-default", + "ref": "var(--spectrum-seafoam-800)", + "light": { + "value": "rgb(7, 129, 109)" + }, + "dark": { + "value": "rgb(8, 134, 112)" + } + }, + "seafoam-subtle-background-color-default": { + "prop": "--spectrum-seafoam-subtle-background-color-default", + "ref": "var(--spectrum-seafoam-300)", + "light": { + "value": "rgb(211, 246, 234)" + }, + "dark": { + "value": "rgb(0, 50, 44)" + } + }, + "seafoam-visual-color": { + "prop": "--spectrum-seafoam-visual-color", + "ref": "var(--spectrum-seafoam-800)", + "light": { + "value": "rgb(11, 162, 134)" + }, + "dark": { + "value": "rgb(8, 134, 112)" + } + }, + "search-field-minimum-width-multiplier": { + "prop": "--spectrum-search-field-minimum-width-multiplier", + "value": 4 + }, + "segmented-control-item-height": { + "prop": "--spectrum-segmented-control-item-height", + "ref": "var(--spectrum-component-height-100)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "segmented-control-item-maximum-width": { + "prop": "--spectrum-segmented-control-item-maximum-width", + "value": "265px" + }, + "segmented-control-selection-border-width": { + "prop": "--spectrum-segmented-control-selection-border-width", + "ref": "var(--spectrum-border-width-200)", + "value": "2px" + }, + "segmented-text-field-gap": { + "prop": "--spectrum-segmented-text-field-gap", + "value": "0px" + }, + "segmented-text-field-rounding": { + "prop": "--spectrum-segmented-text-field-rounding", + "value": "2px" + }, + "select-box-edge-to-checkbox": { + "prop": "--spectrum-select-box-edge-to-checkbox", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "select-box-horizontal-end-to-content": { + "prop": "--spectrum-select-box-horizontal-end-to-content", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "select-box-horizontal-illustration-to-label": { + "prop": "--spectrum-select-box-horizontal-illustration-to-label", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "select-box-horizontal-label-to-description": { + "prop": "--spectrum-select-box-horizontal-label-to-description", + "desktop": { + "value": "2px" + }, + "mobile": { + "value": "3px" + } + }, + "select-box-horizontal-minimum-height": { + "prop": "--spectrum-select-box-horizontal-minimum-height", + "desktop": { + "value": "80px" + }, + "mobile": { + "value": "100px" + } + }, + "select-box-horizontal-start-to-content": { + "prop": "--spectrum-select-box-horizontal-start-to-content", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "select-box-horizontal-top-to-content": { + "prop": "--spectrum-select-box-horizontal-top-to-content", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "select-box-horizontal-width": { + "prop": "--spectrum-select-box-horizontal-width", + "desktop": { + "value": "368px" + }, + "mobile": { + "value": "460px" + } + }, + "select-box-selected-border-color": { + "prop": "--spectrum-select-box-selected-border-color", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "select-box-top-to-checkbox": { + "prop": "--spectrum-select-box-top-to-checkbox", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "select-box-vertical-edge-to-content": { + "prop": "--spectrum-select-box-vertical-edge-to-content", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "select-box-vertical-height": { + "prop": "--spectrum-select-box-vertical-height", + "desktop": { + "value": "170px" + }, + "mobile": { + "value": "212px" + } + }, + "select-box-vertical-illustration-to-label": { + "prop": "--spectrum-select-box-vertical-illustration-to-label", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "serif-font-family": { + "prop": "--spectrum-serif-font-family", + "value": "Adobe Clean Serif" + }, + "side-focus-indicator": { + "prop": "--spectrum-side-focus-indicator", + "value": "4px" + }, + "side-label-character-count-to-field": { + "prop": "--spectrum-side-label-character-count-to-field", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "side-label-character-count-top-margin-extra-large": { + "prop": "--spectrum-side-label-character-count-top-margin-extra-large", + "value": "0px" + }, + "side-label-character-count-top-margin-large": { + "prop": "--spectrum-side-label-character-count-top-margin-large", + "value": "0px" + }, + "side-label-character-count-top-margin-medium": { + "prop": "--spectrum-side-label-character-count-top-margin-medium", + "value": "0px" + }, + "side-label-character-count-top-margin-small": { + "prop": "--spectrum-side-label-character-count-top-margin-small", + "value": "0px" + }, + "side-navigation-bottom-to-text": { + "prop": "--spectrum-side-navigation-bottom-to-text", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "side-navigation-header-to-item": { + "prop": "--spectrum-side-navigation-header-to-item", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "side-navigation-item-to-header": { + "prop": "--spectrum-side-navigation-item-to-header", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "side-navigation-item-to-item": { + "prop": "--spectrum-side-navigation-item-to-item", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "side-navigation-maximum-width": { + "prop": "--spectrum-side-navigation-maximum-width", + "desktop": { + "value": "240px" + }, + "mobile": { + "value": "300px" + } + }, + "side-navigation-minimum-width": { + "prop": "--spectrum-side-navigation-minimum-width", + "desktop": { + "value": "160px" + }, + "mobile": { + "value": "200px" + } + }, + "side-navigation-second-level-edge-to-text": { + "prop": "--spectrum-side-navigation-second-level-edge-to-text", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "side-navigation-third-level-edge-to-text": { + "prop": "--spectrum-side-navigation-third-level-edge-to-text", + "desktop": { + "value": "36px" + }, + "mobile": { + "value": "45px" + } + }, + "side-navigation-width": { + "prop": "--spectrum-side-navigation-width", + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + } + }, + "side-navigation-with-icon-second-level-edge-to-text": { + "prop": "--spectrum-side-navigation-with-icon-second-level-edge-to-text", + "desktop": { + "value": "50px" + }, + "mobile": { + "value": "62px" + } + }, + "side-navigation-with-icon-third-level-edge-to-text": { + "prop": "--spectrum-side-navigation-with-icon-third-level-edge-to-text", + "desktop": { + "value": "62px" + }, + "mobile": { + "value": "77px" + } + }, + "silver-100": { + "prop": "--spectrum-silver-100", + "dark": { + "value": "rgb(26, 26, 26)" + }, + "light": { + "value": "rgb(247, 247, 247)" + } + }, + "silver-1000": { + "prop": "--spectrum-silver-1000", + "dark": { + "value": "rgb(152, 152, 152)" + }, + "light": { + "value": "rgb(96, 96, 96)" + } + }, + "silver-1100": { + "prop": "--spectrum-silver-1100", + "dark": { + "value": "rgb(169, 169, 169)" + }, + "light": { + "value": "rgb(81, 81, 81)" + } + }, + "silver-1200": { + "prop": "--spectrum-silver-1200", + "dark": { + "value": "rgb(190, 190, 190)" + }, + "light": { + "value": "rgb(66, 66, 66)" + } + }, + "silver-1300": { + "prop": "--spectrum-silver-1300", + "dark": { + "value": "rgb(211, 211, 211)" + }, + "light": { + "value": "rgb(52, 52, 52)" + } + }, + "silver-1400": { + "prop": "--spectrum-silver-1400", + "dark": { + "value": "rgb(229, 229, 229)" + }, + "light": { + "value": "rgb(39, 39, 39)" + } + }, + "silver-1500": { + "prop": "--spectrum-silver-1500", + "dark": { + "value": "rgb(244, 244, 244)" + }, + "light": { + "value": "rgb(28, 28, 28)" + } + }, + "silver-1600": { + "prop": "--spectrum-silver-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(12, 12, 12)" + } + }, + "silver-200": { + "prop": "--spectrum-silver-200", + "dark": { + "value": "rgb(33, 33, 33)" + }, + "light": { + "value": "rgb(239, 239, 239)" + } + }, + "silver-300": { + "prop": "--spectrum-silver-300", + "dark": { + "value": "rgb(44, 44, 44)" + }, + "light": { + "value": "rgb(223, 223, 223)" + } + }, + "silver-400": { + "prop": "--spectrum-silver-400", + "dark": { + "value": "rgb(59, 59, 59)" + }, + "light": { + "value": "rgb(204, 204, 204)" + } + }, + "silver-500": { + "prop": "--spectrum-silver-500", + "dark": { + "value": "rgb(76, 76, 76)" + }, + "light": { + "value": "rgb(183, 183, 183)" + } + }, + "silver-600": { + "prop": "--spectrum-silver-600", + "dark": { + "value": "rgb(92, 92, 92)" + }, + "light": { + "value": "rgb(160, 160, 160)" + } + }, + "silver-700": { + "prop": "--spectrum-silver-700", + "dark": { + "value": "rgb(108, 108, 108)" + }, + "light": { + "value": "rgb(143, 143, 143)" + } + }, + "silver-800": { + "prop": "--spectrum-silver-800", + "dark": { + "value": "rgb(118, 118, 118)" + }, + "light": { + "value": "rgb(128, 128, 128)" + } + }, + "silver-900": { + "prop": "--spectrum-silver-900", + "dark": { + "value": "rgb(137, 137, 137)" + }, + "light": { + "value": "rgb(114, 114, 114)" + } + }, + "silver-background-color-default": { + "prop": "--spectrum-silver-background-color-default", + "ref": "var(--spectrum-silver-800)", + "light": { + "value": "rgb(114, 114, 114)" + }, + "dark": { + "value": "rgb(118, 118, 118)" + } + }, + "silver-subtle-background-color-default": { + "prop": "--spectrum-silver-subtle-background-color-default", + "ref": "var(--spectrum-silver-300)", + "light": { + "value": "rgb(239, 239, 239)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "silver-visual-color": { + "prop": "--spectrum-silver-visual-color", + "ref": "var(--spectrum-silver-900)", + "light": { + "value": "rgb(128, 128, 128)" + }, + "dark": { + "value": "rgb(137, 137, 137)" + } + }, + "single-calendar-popover-minimum-height": { + "prop": "--spectrum-single-calendar-popover-minimum-height", + "value": "320px" + }, + "single-calendar-popover-minimum-width": { + "prop": "--spectrum-single-calendar-popover-minimum-width", + "value": "320px" + }, + "slider-bottom-to-handle-extra-large": { + "prop": "--spectrum-slider-bottom-to-handle-extra-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "slider-bottom-to-handle-large": { + "prop": "--spectrum-slider-bottom-to-handle-large", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "slider-bottom-to-handle-medium": { + "prop": "--spectrum-slider-bottom-to-handle-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "slider-bottom-to-handle-small": { + "prop": "--spectrum-slider-bottom-to-handle-small", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "slider-control-height-extra-large": { + "prop": "--spectrum-slider-control-height-extra-large", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "26px" + } + }, + "slider-control-height-large": { + "prop": "--spectrum-slider-control-height-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "slider-control-height-medium": { + "prop": "--spectrum-slider-control-height-medium", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "slider-control-height-small": { + "prop": "--spectrum-slider-control-height-small", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "slider-control-to-field-label-editable-extra-large": { + "prop": "--spectrum-slider-control-to-field-label-editable-extra-large", + "desktop": { + "value": "-20px" + }, + "mobile": { + "value": "-24px" + } + }, + "slider-control-to-field-label-editable-large": { + "prop": "--spectrum-slider-control-to-field-label-editable-large", + "desktop": { + "value": "-16px" + }, + "mobile": { + "value": "-20px" + } + }, + "slider-control-to-field-label-editable-medium": { + "prop": "--spectrum-slider-control-to-field-label-editable-medium", + "desktop": { + "value": "-12px" + }, + "mobile": { + "value": "-16px" + } + }, + "slider-control-to-field-label-editable-small": { + "prop": "--spectrum-slider-control-to-field-label-editable-small", + "desktop": { + "value": "-4px" + }, + "mobile": { + "value": "-8px" + } + }, + "slider-control-to-field-label-extra-large": { + "prop": "--spectrum-slider-control-to-field-label-extra-large", + "desktop": { + "value": "-20px" + }, + "mobile": { + "value": "-28px" + } + }, + "slider-control-to-field-label-large": { + "prop": "--spectrum-slider-control-to-field-label-large", + "desktop": { + "value": "-16px" + }, + "mobile": { + "value": "-20px" + } + }, + "slider-control-to-field-label-medium": { + "prop": "--spectrum-slider-control-to-field-label-medium", + "desktop": { + "value": "-12px" + }, + "mobile": { + "value": "-16px" + } + }, + "slider-control-to-field-label-side-extra-large": { + "prop": "--spectrum-slider-control-to-field-label-side-extra-large", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "28px" + } + }, + "slider-control-to-field-label-side-large": { + "prop": "--spectrum-slider-control-to-field-label-side-large", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "slider-control-to-field-label-side-medium": { + "prop": "--spectrum-slider-control-to-field-label-side-medium", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "slider-control-to-field-label-side-small": { + "prop": "--spectrum-slider-control-to-field-label-side-small", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "slider-control-to-field-label-small": { + "prop": "--spectrum-slider-control-to-field-label-small", + "desktop": { + "value": "-4px" + }, + "mobile": { + "value": "-8px" + } + }, + "slider-control-to-text-field-extra-large": { + "prop": "--spectrum-slider-control-to-text-field-extra-large", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "28px" + } + }, + "slider-control-to-text-field-large": { + "prop": "--spectrum-slider-control-to-text-field-large", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "slider-control-to-text-field-medium": { + "prop": "--spectrum-slider-control-to-text-field-medium", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "slider-control-to-text-field-small": { + "prop": "--spectrum-slider-control-to-text-field-small", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "slider-handle-border-width-down-extra-large": { + "prop": "--spectrum-slider-handle-border-width-down-extra-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "11px" + } + }, + "slider-handle-border-width-down-large": { + "prop": "--spectrum-slider-handle-border-width-down-large", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "slider-handle-border-width-down-medium": { + "prop": "--spectrum-slider-handle-border-width-down-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "slider-handle-border-width-down-small": { + "prop": "--spectrum-slider-handle-border-width-down-small", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "7px" + } + }, + "slider-handle-extra-large": { + "prop": "--spectrum-slider-handle-extra-large", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "slider-handle-gap": { + "prop": "--spectrum-slider-handle-gap", + "value": "4px" + }, + "slider-handle-height-precision-extra-large": { + "prop": "--spectrum-slider-handle-height-precision-extra-large", + "desktop": { + "value": "26px" + }, + "mobile": { + "value": "32px" + } + }, + "slider-handle-height-precision-large": { + "prop": "--spectrum-slider-handle-height-precision-large", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "slider-handle-height-precision-medium": { + "prop": "--spectrum-slider-handle-height-precision-medium", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "26px" + } + }, + "slider-handle-height-precision-small": { + "prop": "--spectrum-slider-handle-height-precision-small", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "slider-handle-large": { + "prop": "--spectrum-slider-handle-large", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "28px" + } + }, + "slider-handle-medium": { + "prop": "--spectrum-slider-handle-medium", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "slider-handle-precision-width": { + "prop": "--spectrum-slider-handle-precision-width", + "value": "6px" + }, + "slider-handle-size-extra-large": { + "prop": "--spectrum-slider-handle-size-extra-large", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "26px" + } + }, + "slider-handle-size-large": { + "prop": "--spectrum-slider-handle-size-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "slider-handle-size-medium": { + "prop": "--spectrum-slider-handle-size-medium", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "slider-handle-size-small": { + "prop": "--spectrum-slider-handle-size-small", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "slider-handle-small": { + "prop": "--spectrum-slider-handle-small", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "slider-track-height-large": { + "prop": "--spectrum-slider-track-height-large", + "value": "16px" + }, + "slider-track-height-medium": { + "prop": "--spectrum-slider-track-height-medium", + "value": "4px" + }, + "slider-track-thickness": { + "prop": "--spectrum-slider-track-thickness", + "value": "2px" + }, + "spacing-100": { + "prop": "--spectrum-spacing-100", + "value": "8px" + }, + "spacing-1000": { + "prop": "--spectrum-spacing-1000", + "value": "96px" + }, + "spacing-200": { + "prop": "--spectrum-spacing-200", + "value": "12px" + }, + "spacing-300": { + "prop": "--spectrum-spacing-300", + "value": "16px" + }, + "spacing-400": { + "prop": "--spectrum-spacing-400", + "value": "24px" + }, + "spacing-50": { + "prop": "--spectrum-spacing-50", + "value": "2px" + }, + "spacing-500": { + "prop": "--spectrum-spacing-500", + "value": "32px" + }, + "spacing-600": { + "prop": "--spectrum-spacing-600", + "value": "40px" + }, + "spacing-700": { + "prop": "--spectrum-spacing-700", + "value": "48px" + }, + "spacing-75": { + "prop": "--spectrum-spacing-75", + "value": "4px" + }, + "spacing-800": { + "prop": "--spectrum-spacing-800", + "value": "64px" + }, + "spacing-900": { + "prop": "--spectrum-spacing-900", + "value": "80px" + }, + "stack-item-action-to-navigation": { + "prop": "--spectrum-stack-item-action-to-navigation", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "6px" + } + }, + "stack-item-background-color-down": { + "prop": "--spectrum-stack-item-background-color-down", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "stack-item-background-color-hover": { + "prop": "--spectrum-stack-item-background-color-hover", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "stack-item-background-color-key-focus": { + "prop": "--spectrum-stack-item-background-color-key-focus", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "stack-item-drag-handle-to-control": { + "prop": "--spectrum-stack-item-drag-handle-to-control", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "stack-item-edge-to-control": { + "prop": "--spectrum-stack-item-edge-to-control", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "stack-item-edge-to-visual": { + "prop": "--spectrum-stack-item-edge-to-visual", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "stack-item-header-minimum-width": { + "prop": "--spectrum-stack-item-header-minimum-width", + "desktop": { + "value": "200px" + }, + "mobile": { + "value": "240px" + } + }, + "stack-item-header-to-item": { + "prop": "--spectrum-stack-item-header-to-item", + "value": "0px" + }, + "stack-item-item-to-item": { + "prop": "--spectrum-stack-item-item-to-item", + "value": "-1px" + }, + "stack-item-selected-background-color-default": { + "prop": "--spectrum-stack-item-selected-background-color-default", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "stack-item-selected-background-color-down": { + "prop": "--spectrum-stack-item-selected-background-color-down", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "stack-item-selected-background-color-emphasized": { + "prop": "--spectrum-stack-item-selected-background-color-emphasized", + "ref": "var(--spectrum-accent-color-800)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "stack-item-selected-background-color-hover": { + "prop": "--spectrum-stack-item-selected-background-color-hover", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "stack-item-selected-background-color-key-focus": { + "prop": "--spectrum-stack-item-selected-background-color-key-focus", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "stack-item-selected-background-opacity-emphasized": { + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized", + "value": "0.1" + }, + "stack-item-selected-background-opacity-emphasized-down": { + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-down", + "value": "0.15" + }, + "stack-item-selected-background-opacity-emphasized-hover": { + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-hover", + "value": "0.15" + }, + "stack-item-selected-background-opacity-emphasized-key-focus": { + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-key-focus", + "value": "0.15" + }, + "stack-item-start-edge-to-content": { + "prop": "--spectrum-stack-item-start-edge-to-content", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "stack-item-text-to-control": { + "prop": "--spectrum-stack-item-text-to-control", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "standard-dialog-body-font-size": { + "prop": "--spectrum-standard-dialog-body-font-size", + "ref": "var(--spectrum-body-size-s)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "17px" + } + }, + "standard-dialog-maximum-width-large": { + "prop": "--spectrum-standard-dialog-maximum-width-large", + "value": "640px" + }, + "standard-dialog-maximum-width-medium": { + "prop": "--spectrum-standard-dialog-maximum-width-medium", + "value": "480px" + }, + "standard-dialog-maximum-width-small": { + "prop": "--spectrum-standard-dialog-maximum-width-small", + "value": "400px" + }, + "standard-dialog-minimum-width": { + "prop": "--spectrum-standard-dialog-minimum-width", + "value": "288px" + }, + "standard-dialog-title-font-size": { + "prop": "--spectrum-standard-dialog-title-font-size", + "ref": "var(--spectrum-title-size-xl)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "24px" + } + }, + "standard-panel-edge-to-close-button-compact": { + "prop": "--spectrum-standard-panel-edge-to-close-button-compact", + "value": "3px" + }, + "standard-panel-edge-to-close-button-regular": { + "prop": "--spectrum-standard-panel-edge-to-close-button-regular", + "value": "7px" + }, + "standard-panel-edge-to-close-button-spacious": { + "prop": "--spectrum-standard-panel-edge-to-close-button-spacious", + "value": "15px" + }, + "standard-panel-gripper-color": { + "prop": "--spectrum-standard-panel-gripper-color", + "ref": "var(--spectrum-gray-200)", + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "standard-panel-gripper-color-drag": { + "prop": "--spectrum-standard-panel-gripper-color-drag", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "standard-panel-maximum-width": { + "prop": "--spectrum-standard-panel-maximum-width", + "value": "400px" + }, + "standard-panel-minimum-width": { + "prop": "--spectrum-standard-panel-minimum-width", + "value": "200px" + }, + "standard-panel-title-font-size": { + "prop": "--spectrum-standard-panel-title-font-size", + "ref": "var(--spectrum-title-size-s)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "standard-panel-top-to-close-button-compact": { + "prop": "--spectrum-standard-panel-top-to-close-button-compact", + "value": "5px" + }, + "standard-panel-top-to-close-button-regular": { + "prop": "--spectrum-standard-panel-top-to-close-button-regular", + "value": "9px" + }, + "standard-panel-top-to-close-button-spacious": { + "prop": "--spectrum-standard-panel-top-to-close-button-spacious", + "value": "17px" + }, + "standard-panel-width": { + "prop": "--spectrum-standard-panel-width", + "value": "260px" + }, + "static-black-focus-indicator-color": { + "prop": "--spectrum-static-black-focus-indicator-color", + "ref": "var(--spectrum-black)", + "value": "rgb(0, 0, 0)" + }, + "static-black-text-color": { + "prop": "--spectrum-static-black-text-color", + "ref": "var(--spectrum-black)", + "value": "rgb(0, 0, 0)" + }, + "static-black-track-color": { + "prop": "--spectrum-static-black-track-color", + "ref": "var(--spectrum-transparent-black-300)", + "value": "rgba(0, 0, 0, 0.15)" + }, + "static-black-track-indicator-color": { + "prop": "--spectrum-static-black-track-indicator-color", + "ref": "var(--spectrum-transparent-black-900)", + "value": "rgba(0, 0, 0, 0.93)" + }, + "static-blue-1000": { + "prop": "--spectrum-static-blue-1000", + "value": "rgb(39, 77, 234)" + }, + "static-blue-900": { + "prop": "--spectrum-static-blue-900", + "value": "rgb(59, 99, 251)" + }, + "static-fuchsia-1000": { + "prop": "--spectrum-static-fuchsia-1000", + "value": "rgb(156, 40, 175)" + }, + "static-fuchsia-900": { + "prop": "--spectrum-static-fuchsia-900", + "value": "rgb(181, 57, 200)" + }, + "static-indigo-1000": { + "prop": "--spectrum-static-indigo-1000", + "value": "rgb(99, 56, 238)" + }, + "static-indigo-900": { + "prop": "--spectrum-static-indigo-900", + "value": "rgb(113, 85, 250)" + }, + "static-magenta-1000": { + "prop": "--spectrum-static-magenta-1000", + "value": "rgb(186, 22, 80)" + }, + "static-magenta-900": { + "prop": "--spectrum-static-magenta-900", + "value": "rgb(217, 35, 97)" + }, + "static-red-1000": { + "prop": "--spectrum-static-red-1000", + "value": "rgb(183, 40, 24)" + }, + "static-red-900": { + "prop": "--spectrum-static-red-900", + "value": "rgb(215, 50, 32)" + }, + "static-white-focus-indicator-color": { + "prop": "--spectrum-static-white-focus-indicator-color", + "ref": "var(--spectrum-white)", + "value": "rgb(255, 255, 255)" + }, + "static-white-text-color": { + "prop": "--spectrum-static-white-text-color", + "ref": "var(--spectrum-white)", + "value": "rgb(255, 255, 255)" + }, + "static-white-track-color": { + "prop": "--spectrum-static-white-track-color", + "ref": "var(--spectrum-transparent-white-300)", + "value": "rgba(255, 255, 255, 0.17)" + }, + "static-white-track-indicator-color": { + "prop": "--spectrum-static-white-track-indicator-color", + "ref": "var(--spectrum-transparent-white-900)", + "value": "rgba(255, 255, 255, 0.94)" + }, + "status-light-dot-size-extra-large": { + "prop": "--spectrum-status-light-dot-size-extra-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "status-light-dot-size-large": { + "prop": "--spectrum-status-light-dot-size-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "status-light-dot-size-medium": { + "prop": "--spectrum-status-light-dot-size-medium", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "status-light-dot-size-small": { + "prop": "--spectrum-status-light-dot-size-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "status-light-text-to-visual-100": { + "prop": "--spectrum-status-light-text-to-visual-100", + "ref": "var(--spectrum-text-to-visual-100)", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "status-light-text-to-visual-200": { + "prop": "--spectrum-status-light-text-to-visual-200", + "ref": "var(--spectrum-text-to-visual-200)", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "status-light-text-to-visual-300": { + "prop": "--spectrum-status-light-text-to-visual-300", + "ref": "var(--spectrum-text-to-visual-300)", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "status-light-text-to-visual-75": { + "prop": "--spectrum-status-light-text-to-visual-75", + "ref": "var(--spectrum-text-to-visual-75)", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "7px" + } + }, + "status-light-top-to-dot-extra-large": { + "prop": "--spectrum-status-light-top-to-dot-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "status-light-top-to-dot-large": { + "prop": "--spectrum-status-light-top-to-dot-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "status-light-top-to-dot-medium": { + "prop": "--spectrum-status-light-top-to-dot-medium", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "status-light-top-to-dot-small": { + "prop": "--spectrum-status-light-top-to-dot-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "steplist-bottom-to-text": { + "prop": "--spectrum-steplist-bottom-to-text", + "value": "1px" + }, + "steplist-step-default-height-extra-large": { + "prop": "--spectrum-steplist-step-default-height-extra-large", + "value": "78px" + }, + "steplist-step-default-height-large": { + "prop": "--spectrum-steplist-step-default-height-large", + "value": "70px" + }, + "steplist-step-default-height-medium": { + "prop": "--spectrum-steplist-step-default-height-medium", + "value": "54px" + }, + "steplist-step-default-height-small": { + "prop": "--spectrum-steplist-step-default-height-small", + "value": "46px" + }, + "steplist-step-default-width-extra-large": { + "prop": "--spectrum-steplist-step-default-width-extra-large", + "value": "78px" + }, + "steplist-step-default-width-large": { + "prop": "--spectrum-steplist-step-default-width-large", + "value": "70px" + }, + "steplist-step-default-width-medium": { + "prop": "--spectrum-steplist-step-default-width-medium", + "value": "54px" + }, + "steplist-step-default-width-small": { + "prop": "--spectrum-steplist-step-default-width-small", + "value": "46px" + }, + "steplist-step-to-track-size-extra-large": { + "prop": "--spectrum-steplist-step-to-track-size-extra-large", + "value": "9px" + }, + "steplist-step-to-track-size-large": { + "prop": "--spectrum-steplist-step-to-track-size-large", + "value": "8px" + }, + "steplist-step-to-track-size-medium": { + "prop": "--spectrum-steplist-step-to-track-size-medium", + "value": "7px" + }, + "steplist-step-to-track-size-small": { + "prop": "--spectrum-steplist-step-to-track-size-small", + "value": "6px" + }, + "steplist-track-thickness-medium": { + "prop": "--spectrum-steplist-track-thickness-medium", + "value": "2px" + }, + "steplist-visual-size-extra-large": { + "prop": "--spectrum-steplist-visual-size-extra-large", + "value": "32px" + }, + "steplist-visual-size-large": { + "prop": "--spectrum-steplist-visual-size-large", + "value": "24px" + }, + "steplist-visual-size-medium": { + "prop": "--spectrum-steplist-visual-size-medium", + "value": "16px" + }, + "steplist-visual-size-small": { + "prop": "--spectrum-steplist-visual-size-small", + "value": "8px" + }, + "swatch-border-color": { + "prop": "--spectrum-swatch-border-color", + "ref": "var(--spectrum-gray-1000)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 0, 0)" + } + }, + "swatch-border-opacity": { + "prop": "--spectrum-swatch-border-opacity", + "value": "0.42" + }, + "swatch-disabled-icon-border-color": { + "prop": "--spectrum-swatch-disabled-icon-border-color", + "ref": "var(--spectrum-black)", + "value": "rgb(0, 0, 0)" + }, + "swatch-disabled-icon-border-opacity": { + "prop": "--spectrum-swatch-disabled-icon-border-opacity", + "value": "0.42" + }, + "swatch-group-border-color": { + "prop": "--spectrum-swatch-group-border-color", + "ref": "var(--spectrum-gray-1000)", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 0, 0)" + } + }, + "swatch-group-border-opacity": { + "prop": "--spectrum-swatch-group-border-opacity", + "value": "0.2" + }, + "swatch-group-spacing-spacious": { + "prop": "--spectrum-swatch-group-spacing-spacious", + "value": "6px" + }, + "swatch-rectangle-width-multiplier": { + "prop": "--spectrum-swatch-rectangle-width-multiplier", + "value": 2 + }, + "swatch-size-extra-small": { + "prop": "--spectrum-swatch-size-extra-small", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "swatch-size-large": { + "prop": "--spectrum-swatch-size-large", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "swatch-size-medium": { + "prop": "--spectrum-swatch-size-medium", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "swatch-size-small": { + "prop": "--spectrum-swatch-size-small", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "swatch-slash-thickness-extra-small": { + "prop": "--spectrum-swatch-slash-thickness-extra-small", + "value": "2px" + }, + "swatch-slash-thickness-large": { + "prop": "--spectrum-swatch-slash-thickness-large", + "value": "5px" + }, + "swatch-slash-thickness-medium": { + "prop": "--spectrum-swatch-slash-thickness-medium", + "value": "4px" + }, + "swatch-slash-thickness-small": { + "prop": "--spectrum-swatch-slash-thickness-small", + "value": "3px" + }, + "switch-control-height-extra-large": { + "prop": "--spectrum-switch-control-height-extra-large", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "26px" + } + }, + "switch-control-height-large": { + "prop": "--spectrum-switch-control-height-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "switch-control-height-medium": { + "prop": "--spectrum-switch-control-height-medium", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "switch-control-height-small": { + "prop": "--spectrum-switch-control-height-small", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "switch-control-width-extra-large": { + "prop": "--spectrum-switch-control-width-extra-large", + "desktop": { + "value": "34px" + }, + "mobile": { + "value": "46px" + } + }, + "switch-control-width-large": { + "prop": "--spectrum-switch-control-width-large", + "desktop": { + "value": "30px" + }, + "mobile": { + "value": "38px" + } + }, + "switch-control-width-medium": { + "prop": "--spectrum-switch-control-width-medium", + "desktop": { + "value": "26px" + }, + "mobile": { + "value": "34px" + } + }, + "switch-control-width-small": { + "prop": "--spectrum-switch-control-width-small", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "30px" + } + }, + "switch-handle-selected-size-extra-large": { + "prop": "--spectrum-switch-handle-selected-size-extra-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "20px" + } + }, + "switch-handle-selected-size-large": { + "prop": "--spectrum-switch-handle-selected-size-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "switch-handle-selected-size-medium": { + "prop": "--spectrum-switch-handle-selected-size-medium", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "switch-handle-selected-size-small": { + "prop": "--spectrum-switch-handle-selected-size-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "12px" + } + }, + "switch-handle-size-extra-large": { + "prop": "--spectrum-switch-handle-size-extra-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "18px" + } + }, + "switch-handle-size-large": { + "prop": "--spectrum-switch-handle-size-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "switch-handle-size-medium": { + "prop": "--spectrum-switch-handle-size-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "12px" + } + }, + "switch-handle-size-small": { + "prop": "--spectrum-switch-handle-size-small", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "10px" + } + }, + "switch-top-to-control-extra-large": { + "prop": "--spectrum-switch-top-to-control-extra-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "switch-top-to-control-large": { + "prop": "--spectrum-switch-top-to-control-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "switch-top-to-control-medium": { + "prop": "--spectrum-switch-top-to-control-medium", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "switch-top-to-control-small": { + "prop": "--spectrum-switch-top-to-control-small", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "tab-item-bottom-to-text-compact-extra-large": { + "prop": "--spectrum-tab-item-bottom-to-text-compact-extra-large", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "17px" + } + }, + "tab-item-bottom-to-text-compact-large": { + "prop": "--spectrum-tab-item-bottom-to-text-compact-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "tab-item-bottom-to-text-compact-medium": { + "prop": "--spectrum-tab-item-bottom-to-text-compact-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "tab-item-bottom-to-text-compact-small": { + "prop": "--spectrum-tab-item-bottom-to-text-compact-small", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "tab-item-bottom-to-text-extra-large": { + "prop": "--spectrum-tab-item-bottom-to-text-extra-large", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "25px" + } + }, + "tab-item-bottom-to-text-large": { + "prop": "--spectrum-tab-item-bottom-to-text-large", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "tab-item-bottom-to-text-medium": { + "prop": "--spectrum-tab-item-bottom-to-text-medium", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "19px" + } + }, + "tab-item-bottom-to-text-small": { + "prop": "--spectrum-tab-item-bottom-to-text-small", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "tab-item-compact-height-extra-large": { + "prop": "--spectrum-tab-item-compact-height-extra-large", + "ref": "var(--spectrum-component-height-300)", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "tab-item-compact-height-large": { + "prop": "--spectrum-tab-item-compact-height-large", + "ref": "var(--spectrum-component-height-200)", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "tab-item-compact-height-medium": { + "prop": "--spectrum-tab-item-compact-height-medium", + "ref": "var(--spectrum-component-height-100)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "tab-item-compact-height-small": { + "prop": "--spectrum-tab-item-compact-height-small", + "ref": "var(--spectrum-component-height-75)", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "tab-item-focus-indicator-gap-extra-large": { + "prop": "--spectrum-tab-item-focus-indicator-gap-extra-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "tab-item-focus-indicator-gap-large": { + "prop": "--spectrum-tab-item-focus-indicator-gap-large", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "tab-item-focus-indicator-gap-medium": { + "prop": "--spectrum-tab-item-focus-indicator-gap-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "tab-item-focus-indicator-gap-small": { + "prop": "--spectrum-tab-item-focus-indicator-gap-small", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "tab-item-height-extra-large": { + "prop": "--spectrum-tab-item-height-extra-large", + "ref": "var(--spectrum-component-height-500)", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "80px" + } + }, + "tab-item-height-large": { + "prop": "--spectrum-tab-item-height-large", + "ref": "var(--spectrum-component-height-400)", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "70px" + } + }, + "tab-item-height-medium": { + "prop": "--spectrum-tab-item-height-medium", + "ref": "var(--spectrum-component-height-300)", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "tab-item-height-small": { + "prop": "--spectrum-tab-item-height-small", + "ref": "var(--spectrum-component-height-200)", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "tab-item-start-to-edge-extra-large": { + "prop": "--spectrum-tab-item-start-to-edge-extra-large", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "19px" + } + }, + "tab-item-start-to-edge-large": { + "prop": "--spectrum-tab-item-start-to-edge-large", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "17px" + } + }, + "tab-item-start-to-edge-medium": { + "prop": "--spectrum-tab-item-start-to-edge-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "tab-item-start-to-edge-quiet": { + "prop": "--spectrum-tab-item-start-to-edge-quiet", + "value": "0px" + }, + "tab-item-start-to-edge-small": { + "prop": "--spectrum-tab-item-start-to-edge-small", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "13px" + } + }, + "tab-item-to-tab-item-horizontal-extra-large": { + "prop": "--spectrum-tab-item-to-tab-item-horizontal-extra-large", + "desktop": { + "value": "30px" + }, + "mobile": { + "value": "36px" + } + }, + "tab-item-to-tab-item-horizontal-large": { + "prop": "--spectrum-tab-item-to-tab-item-horizontal-large", + "desktop": { + "value": "27px" + }, + "mobile": { + "value": "33px" + } + }, + "tab-item-to-tab-item-horizontal-medium": { + "prop": "--spectrum-tab-item-to-tab-item-horizontal-medium", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "tab-item-to-tab-item-horizontal-small": { + "prop": "--spectrum-tab-item-to-tab-item-horizontal-small", + "desktop": { + "value": "21px" + }, + "mobile": { + "value": "27px" + } + }, + "tab-item-to-tab-item-vertical-extra-large": { + "prop": "--spectrum-tab-item-to-tab-item-vertical-extra-large", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "tab-item-to-tab-item-vertical-large": { + "prop": "--spectrum-tab-item-to-tab-item-vertical-large", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "tab-item-to-tab-item-vertical-medium": { + "prop": "--spectrum-tab-item-to-tab-item-vertical-medium", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tab-item-to-tab-item-vertical-small": { + "prop": "--spectrum-tab-item-to-tab-item-vertical-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tab-item-top-to-text-compact-extra-large": { + "prop": "--spectrum-tab-item-top-to-text-compact-extra-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "tab-item-top-to-text-compact-large": { + "prop": "--spectrum-tab-item-top-to-text-compact-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "tab-item-top-to-text-compact-medium": { + "prop": "--spectrum-tab-item-top-to-text-compact-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "9px" + } + }, + "tab-item-top-to-text-compact-small": { + "prop": "--spectrum-tab-item-top-to-text-compact-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tab-item-top-to-text-extra-large": { + "prop": "--spectrum-tab-item-top-to-text-extra-large", + "desktop": { + "value": "19px" + }, + "mobile": { + "value": "25px" + } + }, + "tab-item-top-to-text-large": { + "prop": "--spectrum-tab-item-top-to-text-large", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "22px" + } + }, + "tab-item-top-to-text-medium": { + "prop": "--spectrum-tab-item-top-to-text-medium", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "tab-item-top-to-text-small": { + "prop": "--spectrum-tab-item-top-to-text-small", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "tab-item-top-to-workflow-icon-compact-extra-large": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-extra-large", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "16px" + } + }, + "tab-item-top-to-workflow-icon-compact-large": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-large", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "13px" + } + }, + "tab-item-top-to-workflow-icon-compact-medium": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-medium", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "tab-item-top-to-workflow-icon-compact-small": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-small", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "5px" + } + }, + "tab-item-top-to-workflow-icon-extra-large": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-extra-large", + "desktop": { + "value": "19px" + }, + "mobile": { + "value": "26px" + } + }, + "tab-item-top-to-workflow-icon-large": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "23px" + } + }, + "tab-item-top-to-workflow-icon-medium": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-medium", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "tab-item-top-to-workflow-icon-small": { + "prop": "--spectrum-tab-item-top-to-workflow-icon-small", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "15px" + } + }, + "table-border-divider-width": { + "prop": "--spectrum-table-border-divider-width", + "value": "1px" + }, + "table-checkbox-to-text": { + "prop": "--spectrum-table-checkbox-to-text", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "table-column-header-row-bottom-to-text-extra-large": { + "prop": "--spectrum-table-column-header-row-bottom-to-text-extra-large", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "17px" + } + }, + "table-column-header-row-bottom-to-text-large": { + "prop": "--spectrum-table-column-header-row-bottom-to-text-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "table-column-header-row-bottom-to-text-medium": { + "prop": "--spectrum-table-column-header-row-bottom-to-text-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-column-header-row-bottom-to-text-small": { + "prop": "--spectrum-table-column-header-row-bottom-to-text-small", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "table-column-header-row-top-to-text-extra-large": { + "prop": "--spectrum-table-column-header-row-top-to-text-extra-large", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "16px" + } + }, + "table-column-header-row-top-to-text-large": { + "prop": "--spectrum-table-column-header-row-top-to-text-large", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "table-column-header-row-top-to-text-medium": { + "prop": "--spectrum-table-column-header-row-top-to-text-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "9px" + } + }, + "table-column-header-row-top-to-text-small": { + "prop": "--spectrum-table-column-header-row-top-to-text-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-edge-to-content": { + "prop": "--spectrum-table-edge-to-content", + "value": "16px" + }, + "table-header-row-checkbox-to-top-extra-large": { + "prop": "--spectrum-table-header-row-checkbox-to-top-extra-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "21px" + } + }, + "table-header-row-checkbox-to-top-large": { + "prop": "--spectrum-table-header-row-checkbox-to-top-large", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "17px" + } + }, + "table-header-row-checkbox-to-top-medium": { + "prop": "--spectrum-table-header-row-checkbox-to-top-medium", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "11px" + } + }, + "table-header-row-checkbox-to-top-small": { + "prop": "--spectrum-table-header-row-checkbox-to-top-small", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "table-row-bottom-to-text-extra-large": { + "prop": "--spectrum-table-row-bottom-to-text-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "table-row-bottom-to-text-extra-large-compact": { + "prop": "--spectrum-table-row-bottom-to-text-extra-large-compact", + "ref": "var(--spectrum-component-bottom-to-text-300)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "table-row-bottom-to-text-extra-large-regular": { + "prop": "--spectrum-table-row-bottom-to-text-extra-large-regular", + "ref": "var(--spectrum-table-row-bottom-to-text-extra-large)", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "22px" + } + }, + "table-row-bottom-to-text-extra-large-spacious": { + "prop": "--spectrum-table-row-bottom-to-text-extra-large-spacious", + "desktop": { + "value": "21px" + }, + "mobile": { + "value": "27px" + } + }, + "table-row-bottom-to-text-large": { + "prop": "--spectrum-table-row-bottom-to-text-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "table-row-bottom-to-text-large-compact": { + "prop": "--spectrum-table-row-bottom-to-text-large-compact", + "ref": "var(--spectrum-component-bottom-to-text-200)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "table-row-bottom-to-text-large-regular": { + "prop": "--spectrum-table-row-bottom-to-text-large-regular", + "ref": "var(--spectrum-table-row-bottom-to-text-large)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "table-row-bottom-to-text-large-spacious": { + "prop": "--spectrum-table-row-bottom-to-text-large-spacious", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "23px" + } + }, + "table-row-bottom-to-text-medium": { + "prop": "--spectrum-table-row-bottom-to-text-medium", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "15px" + } + }, + "table-row-bottom-to-text-medium-compact": { + "prop": "--spectrum-table-row-bottom-to-text-medium-compact", + "ref": "var(--spectrum-component-bottom-to-text-100)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "table-row-bottom-to-text-medium-regular": { + "prop": "--spectrum-table-row-bottom-to-text-medium-regular", + "ref": "var(--spectrum-table-row-bottom-to-text-medium)", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "15px" + } + }, + "table-row-bottom-to-text-medium-spacious": { + "prop": "--spectrum-table-row-bottom-to-text-medium-spacious", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "table-row-bottom-to-text-small": { + "prop": "--spectrum-table-row-bottom-to-text-small", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "table-row-bottom-to-text-small-compact": { + "prop": "--spectrum-table-row-bottom-to-text-small-compact", + "ref": "var(--spectrum-component-bottom-to-text-75)", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "table-row-bottom-to-text-small-regular": { + "prop": "--spectrum-table-row-bottom-to-text-small-regular", + "ref": "var(--spectrum-table-row-bottom-to-text-small)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "table-row-bottom-to-text-small-spacious": { + "prop": "--spectrum-table-row-bottom-to-text-small-spacious", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "16px" + } + }, + "table-row-checkbox-to-top-extra-large": { + "prop": "--spectrum-table-row-checkbox-to-top-extra-large", + "desktop": { + "value": "19px" + }, + "mobile": { + "value": "26px" + } + }, + "table-row-checkbox-to-top-extra-large-compact": { + "prop": "--spectrum-table-row-checkbox-to-top-extra-large-compact", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "21px" + } + }, + "table-row-checkbox-to-top-extra-large-regular": { + "prop": "--spectrum-table-row-checkbox-to-top-extra-large-regular", + "ref": "var(--spectrum-table-row-checkbox-to-top-extra-large)", + "desktop": { + "value": "19px" + }, + "mobile": { + "value": "26px" + } + }, + "table-row-checkbox-to-top-extra-large-spacious": { + "prop": "--spectrum-table-row-checkbox-to-top-extra-large-spacious", + "desktop": { + "value": "23px" + }, + "mobile": { + "value": "31px" + } + }, + "table-row-checkbox-to-top-large": { + "prop": "--spectrum-table-row-checkbox-to-top-large", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "22px" + } + }, + "table-row-checkbox-to-top-large-compact": { + "prop": "--spectrum-table-row-checkbox-to-top-large-compact", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "17px" + } + }, + "table-row-checkbox-to-top-large-regular": { + "prop": "--spectrum-table-row-checkbox-to-top-large-regular", + "ref": "var(--spectrum-table-row-checkbox-to-top-large)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "22px" + } + }, + "table-row-checkbox-to-top-large-spacious": { + "prop": "--spectrum-table-row-checkbox-to-top-large-spacious", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "27px" + } + }, + "table-row-checkbox-to-top-medium": { + "prop": "--spectrum-table-row-checkbox-to-top-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "table-row-checkbox-to-top-medium-compact": { + "prop": "--spectrum-table-row-checkbox-to-top-medium-compact", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "11px" + } + }, + "table-row-checkbox-to-top-medium-regular": { + "prop": "--spectrum-table-row-checkbox-to-top-medium-regular", + "ref": "var(--spectrum-table-row-checkbox-to-top-medium)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "table-row-checkbox-to-top-medium-spacious": { + "prop": "--spectrum-table-row-checkbox-to-top-medium-spacious", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "21px" + } + }, + "table-row-checkbox-to-top-small": { + "prop": "--spectrum-table-row-checkbox-to-top-small", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "table-row-checkbox-to-top-small-compact": { + "prop": "--spectrum-table-row-checkbox-to-top-small-compact", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "9px" + } + }, + "table-row-checkbox-to-top-small-regular": { + "prop": "--spectrum-table-row-checkbox-to-top-small-regular", + "ref": "var(--spectrum-table-row-checkbox-to-top-small)", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "table-row-checkbox-to-top-small-spacious": { + "prop": "--spectrum-table-row-checkbox-to-top-small-spacious", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "19px" + } + }, + "table-row-down-opacity": { + "prop": "--spectrum-table-row-down-opacity", + "value": "0.1" + }, + "table-row-height-extra-large": { + "prop": "--spectrum-table-row-height-extra-large", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "70px" + } + }, + "table-row-height-extra-large-compact": { + "prop": "--spectrum-table-row-height-extra-large-compact", + "ref": "var(--spectrum-component-height-300)", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "table-row-height-extra-large-regular": { + "prop": "--spectrum-table-row-height-extra-large-regular", + "ref": "var(--spectrum-table-row-height-extra-large)", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "70px" + } + }, + "table-row-height-extra-large-spacious": { + "prop": "--spectrum-table-row-height-extra-large-spacious", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "80px" + } + }, + "table-row-height-large": { + "prop": "--spectrum-table-row-height-large", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "table-row-height-large-compact": { + "prop": "--spectrum-table-row-height-large-compact", + "ref": "var(--spectrum-component-height-200)", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "table-row-height-large-regular": { + "prop": "--spectrum-table-row-height-large-regular", + "ref": "var(--spectrum-table-row-height-large)", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "table-row-height-large-spacious": { + "prop": "--spectrum-table-row-height-large-spacious", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "70px" + } + }, + "table-row-height-medium": { + "prop": "--spectrum-table-row-height-medium", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "table-row-height-medium-compact": { + "prop": "--spectrum-table-row-height-medium-compact", + "ref": "var(--spectrum-component-height-100)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "table-row-height-medium-regular": { + "prop": "--spectrum-table-row-height-medium-regular", + "ref": "var(--spectrum-table-row-height-medium)", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "table-row-height-medium-spacious": { + "prop": "--spectrum-table-row-height-medium-spacious", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "table-row-height-small": { + "prop": "--spectrum-table-row-height-small", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "table-row-height-small-compact": { + "prop": "--spectrum-table-row-height-small-compact", + "ref": "var(--spectrum-component-height-75)", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "table-row-height-small-regular": { + "prop": "--spectrum-table-row-height-small-regular", + "ref": "var(--spectrum-table-row-height-small)", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "table-row-height-small-spacious": { + "prop": "--spectrum-table-row-height-small-spacious", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "table-row-hover-color": { + "prop": "--spectrum-table-row-hover-color", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "table-row-hover-opacity": { + "prop": "--spectrum-table-row-hover-opacity", + "value": "0.07" + }, + "table-row-top-to-text-extra-large": { + "prop": "--spectrum-table-row-top-to-text-extra-large", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "21px" + } + }, + "table-row-top-to-text-extra-large-compact": { + "prop": "--spectrum-table-row-top-to-text-extra-large-compact", + "ref": "var(--spectrum-component-top-to-text-300)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "table-row-top-to-text-extra-large-regular": { + "prop": "--spectrum-table-row-top-to-text-extra-large-regular", + "ref": "var(--spectrum-table-row-top-to-text-extra-large)", + "desktop": { + "value": "17px" + }, + "mobile": { + "value": "21px" + } + }, + "table-row-top-to-text-extra-large-spacious": { + "prop": "--spectrum-table-row-top-to-text-extra-large-spacious", + "desktop": { + "value": "21px" + }, + "mobile": { + "value": "26px" + } + }, + "table-row-top-to-text-large": { + "prop": "--spectrum-table-row-top-to-text-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "table-row-top-to-text-large-compact": { + "prop": "--spectrum-table-row-top-to-text-large-compact", + "ref": "var(--spectrum-component-top-to-text-200)", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "12px" + } + }, + "table-row-top-to-text-large-regular": { + "prop": "--spectrum-table-row-top-to-text-large-regular", + "ref": "var(--spectrum-table-row-top-to-text-large)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "18px" + } + }, + "table-row-top-to-text-large-spacious": { + "prop": "--spectrum-table-row-top-to-text-large-spacious", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "23px" + } + }, + "table-row-top-to-text-medium": { + "prop": "--spectrum-table-row-top-to-text-medium", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "table-row-top-to-text-medium-compact": { + "prop": "--spectrum-table-row-top-to-text-medium-compact", + "ref": "var(--spectrum-component-top-to-text-100)", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "table-row-top-to-text-medium-regular": { + "prop": "--spectrum-table-row-top-to-text-medium-regular", + "ref": "var(--spectrum-table-row-top-to-text-medium)", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "14px" + } + }, + "table-row-top-to-text-medium-spacious": { + "prop": "--spectrum-table-row-top-to-text-medium-spacious", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "16px" + } + }, + "table-row-top-to-text-small": { + "prop": "--spectrum-table-row-top-to-text-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-row-top-to-text-small-compact": { + "prop": "--spectrum-table-row-top-to-text-small-compact", + "ref": "var(--spectrum-component-top-to-text-75)", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "table-row-top-to-text-small-regular": { + "prop": "--spectrum-table-row-top-to-text-small-regular", + "ref": "var(--spectrum-table-row-top-to-text-small)", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-row-top-to-text-small-spacious": { + "prop": "--spectrum-table-row-top-to-text-small-spacious", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "table-section-header-row-height-extra-large": { + "prop": "--spectrum-table-section-header-row-height-extra-large", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "60px" + } + }, + "table-section-header-row-height-large": { + "prop": "--spectrum-table-section-header-row-height-large", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "table-section-header-row-height-medium": { + "prop": "--spectrum-table-section-header-row-height-medium", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "table-section-header-row-height-small": { + "prop": "--spectrum-table-section-header-row-height-small", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "table-selected-row-background-color": { + "prop": "--spectrum-table-selected-row-background-color", + "ref": "var(--spectrum-informative-color-800)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "table-selected-row-background-color-non-emphasized": { + "prop": "--spectrum-table-selected-row-background-color-non-emphasized", + "ref": "var(--spectrum-neutral-background-color-selected-default)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "table-selected-row-background-opacity": { + "prop": "--spectrum-table-selected-row-background-opacity", + "value": "0.1" + }, + "table-selected-row-background-opacity-hover": { + "prop": "--spectrum-table-selected-row-background-opacity-hover", + "value": "0.15" + }, + "table-selected-row-background-opacity-non-emphasized": { + "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized", + "value": "0.1" + }, + "table-selected-row-background-opacity-non-emphasized-hover": { + "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized-hover", + "value": "0.15" + }, + "table-thumbnail-to-top-minimum-extra-large": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-thumbnail-to-top-minimum-extra-large-compact": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-compact", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-thumbnail-to-top-minimum-extra-large-regular": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-regular", + "ref": "var(--spectrum-table-thumbnail-to-top-minimum-extra-large)", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-thumbnail-to-top-minimum-extra-large-spacious": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "table-thumbnail-to-top-minimum-large": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-large", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-thumbnail-to-top-minimum-large-compact": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-large-compact", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "table-thumbnail-to-top-minimum-large-regular": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-large-regular", + "ref": "var(--spectrum-table-thumbnail-to-top-minimum-large)", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-thumbnail-to-top-minimum-large-spacious": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-large-spacious", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-thumbnail-to-top-minimum-medium": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "table-thumbnail-to-top-minimum-medium-compact": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-compact", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "table-thumbnail-to-top-minimum-medium-regular": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-regular", + "ref": "var(--spectrum-table-thumbnail-to-top-minimum-medium)", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "table-thumbnail-to-top-minimum-medium-spacious": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-spacious", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "table-thumbnail-to-top-minimum-small": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-small", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "table-thumbnail-to-top-minimum-small-compact": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-small-compact", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "table-thumbnail-to-top-minimum-small-regular": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-small-regular", + "ref": "var(--spectrum-table-thumbnail-to-top-minimum-small)", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "table-thumbnail-to-top-minimum-small-spacious": { + "prop": "--spectrum-table-thumbnail-to-top-minimum-small-spacious", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "tag-edge-to-clear-icon-large": { + "prop": "--spectrum-tag-edge-to-clear-icon-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "tag-edge-to-clear-icon-medium": { + "prop": "--spectrum-tag-edge-to-clear-icon-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "tag-edge-to-clear-icon-small": { + "prop": "--spectrum-tag-edge-to-clear-icon-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "tag-field-default-width-large": { + "prop": "--spectrum-tag-field-default-width-large", + "desktop": { + "value": "288px" + }, + "mobile": { + "value": "312px" + } + }, + "tag-field-default-width-medium": { + "prop": "--spectrum-tag-field-default-width-medium", + "desktop": { + "value": "264px" + }, + "mobile": { + "value": "288px" + } + }, + "tag-field-default-width-small": { + "prop": "--spectrum-tag-field-default-width-small", + "desktop": { + "value": "240px" + }, + "mobile": { + "value": "264px" + } + }, + "tag-field-edge-to-content-large": { + "prop": "--spectrum-tag-field-edge-to-content-large", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "tag-field-edge-to-content-medium": { + "prop": "--spectrum-tag-field-edge-to-content-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "14px" + } + }, + "tag-field-edge-to-content-small": { + "prop": "--spectrum-tag-field-edge-to-content-small", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "tag-field-minimum-height-large": { + "prop": "--spectrum-tag-field-minimum-height-large", + "desktop": { + "value": "68px" + }, + "mobile": { + "value": "82px" + } + }, + "tag-field-minimum-height-medium": { + "prop": "--spectrum-tag-field-minimum-height-medium", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "68px" + } + }, + "tag-field-minimum-height-small": { + "prop": "--spectrum-tag-field-minimum-height-small", + "desktop": { + "value": "44px" + }, + "mobile": { + "value": "54px" + } + }, + "tag-field-minimum-width": { + "prop": "--spectrum-tag-field-minimum-width", + "desktop": { + "value": "180px" + }, + "mobile": { + "value": "200px" + } + }, + "tag-label-to-clear-icon-large": { + "prop": "--spectrum-tag-label-to-clear-icon-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "tag-label-to-clear-icon-medium": { + "prop": "--spectrum-tag-label-to-clear-icon-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "tag-label-to-clear-icon-small": { + "prop": "--spectrum-tag-label-to-clear-icon-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "tag-maximum-width-multiplier": { + "prop": "--spectrum-tag-maximum-width-multiplier", + "value": 7 + }, + "tag-minimum-width-large": { + "prop": "--spectrum-tag-minimum-width-large", + "desktop": { + "value": "33px" + }, + "mobile": { + "value": "42px" + } + }, + "tag-minimum-width-medium": { + "prop": "--spectrum-tag-minimum-width-medium", + "desktop": { + "value": "27px" + }, + "mobile": { + "value": "34px" + } + }, + "tag-minimum-width-multiplier": { + "prop": "--spectrum-tag-minimum-width-multiplier", + "value": 1 + }, + "tag-minimum-width-small": { + "prop": "--spectrum-tag-minimum-width-small", + "desktop": { + "value": "21px" + }, + "mobile": { + "value": "25px" + } + }, + "tag-top-to-avatar-large": { + "prop": "--spectrum-tag-top-to-avatar-large", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "tag-top-to-avatar-medium": { + "prop": "--spectrum-tag-top-to-avatar-medium", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "tag-top-to-avatar-small": { + "prop": "--spectrum-tag-top-to-avatar-small", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tag-top-to-cross-icon-large": { + "prop": "--spectrum-tag-top-to-cross-icon-large", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "tag-top-to-cross-icon-medium": { + "prop": "--spectrum-tag-top-to-cross-icon-medium", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "tag-top-to-cross-icon-small": { + "prop": "--spectrum-tag-top-to-cross-icon-small", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "takeover-dialog-height": { + "prop": "--spectrum-takeover-dialog-height", + "value": "100%" + }, + "takeover-dialog-width": { + "prop": "--spectrum-takeover-dialog-width", + "value": "100%" + }, + "text-align-center": { + "prop": "--spectrum-text-align-center", + "value": "center" + }, + "text-align-end": { + "prop": "--spectrum-text-align-end", + "value": "end" + }, + "text-align-start": { + "prop": "--spectrum-text-align-start", + "value": "start" + }, + "text-area-minimum-height": { + "prop": "--spectrum-text-area-minimum-height", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "70px" + } + }, + "text-area-minimum-width": { + "prop": "--spectrum-text-area-minimum-width", + "desktop": { + "value": "112px" + }, + "mobile": { + "value": "140px" + } + }, + "text-field-minimum-width-multiplier": { + "prop": "--spectrum-text-field-minimum-width-multiplier", + "value": 1.5 + }, + "text-to-control-100": { + "prop": "--spectrum-text-to-control-100", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "text-to-control-200": { + "prop": "--spectrum-text-to-control-200", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "14px" + } + }, + "text-to-control-300": { + "prop": "--spectrum-text-to-control-300", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "16px" + } + }, + "text-to-control-50": { + "prop": "--spectrum-text-to-control-50", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "text-to-control-75": { + "prop": "--spectrum-text-to-control-75", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "text-to-visual-100": { + "prop": "--spectrum-text-to-visual-100", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "text-to-visual-200": { + "prop": "--spectrum-text-to-visual-200", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "text-to-visual-300": { + "prop": "--spectrum-text-to-visual-300", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "text-to-visual-400": { + "prop": "--spectrum-text-to-visual-400", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "text-to-visual-50": { + "prop": "--spectrum-text-to-visual-50", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "7px" + } + }, + "text-to-visual-75": { + "prop": "--spectrum-text-to-visual-75", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "7px" + } + }, + "text-underline-gap": { + "prop": "--spectrum-text-underline-gap", + "value": "1px" + }, + "text-underline-thickness": { + "prop": "--spectrum-text-underline-thickness", + "value": "1px" + }, + "thumbnail-border-color": { + "prop": "--spectrum-thumbnail-border-color", + "ref": "var(--spectrum-gray-800)", + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + } + }, + "thumbnail-border-opacity": { + "prop": "--spectrum-thumbnail-border-opacity", + "value": "0.1" + }, + "thumbnail-corner-radius": { + "prop": "--spectrum-thumbnail-corner-radius", + "ref": "var(--spectrum-corner-radius-75)", + "value": "3px" + }, + "thumbnail-opacity-checkerboard-square-size": { + "prop": "--spectrum-thumbnail-opacity-checkerboard-square-size", + "value": "4px" + }, + "thumbnail-opacity-disabled": { + "prop": "--spectrum-thumbnail-opacity-disabled", + "ref": "var(--spectrum-opacity-disabled)", + "value": "0.3" + }, + "thumbnail-size-100": { + "prop": "--spectrum-thumbnail-size-100", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "28px" + } + }, + "thumbnail-size-1000": { + "prop": "--spectrum-thumbnail-size-1000", + "desktop": { + "value": "64px" + }, + "mobile": { + "value": "72px" + } + }, + "thumbnail-size-200": { + "prop": "--spectrum-thumbnail-size-200", + "desktop": { + "value": "28px" + }, + "mobile": { + "value": "32px" + } + }, + "thumbnail-size-300": { + "prop": "--spectrum-thumbnail-size-300", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "36px" + } + }, + "thumbnail-size-400": { + "prop": "--spectrum-thumbnail-size-400", + "desktop": { + "value": "36px" + }, + "mobile": { + "value": "40px" + } + }, + "thumbnail-size-50": { + "prop": "--spectrum-thumbnail-size-50", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "thumbnail-size-500": { + "prop": "--spectrum-thumbnail-size-500", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "44px" + } + }, + "thumbnail-size-600": { + "prop": "--spectrum-thumbnail-size-600", + "desktop": { + "value": "44px" + }, + "mobile": { + "value": "48px" + } + }, + "thumbnail-size-700": { + "prop": "--spectrum-thumbnail-size-700", + "desktop": { + "value": "48px" + }, + "mobile": { + "value": "52px" + } + }, + "thumbnail-size-75": { + "prop": "--spectrum-thumbnail-size-75", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "thumbnail-size-800": { + "prop": "--spectrum-thumbnail-size-800", + "desktop": { + "value": "52px" + }, + "mobile": { + "value": "56px" + } + }, + "thumbnail-size-900": { + "prop": "--spectrum-thumbnail-size-900", + "desktop": { + "value": "56px" + }, + "mobile": { + "value": "64px" + } + }, + "time-field-minimum-width": { + "prop": "--spectrum-time-field-minimum-width", + "value": 2.5 + }, + "time-field-text-to-visual": { + "prop": "--spectrum-time-field-text-to-visual", + "value": "20px" + }, + "title-cjk-emphasized-font-style": { + "prop": "--spectrum-title-cjk-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-cjk-emphasized-font-weight": { + "prop": "--spectrum-title-cjk-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "title-cjk-font-family": { + "prop": "--spectrum-title-cjk-font-family", + "ref": "var(--spectrum-cjk-font-family)", + "value": "Adobe Clean Han" + }, + "title-cjk-font-style": { + "prop": "--spectrum-title-cjk-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-cjk-font-weight": { + "prop": "--spectrum-title-cjk-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "title-cjk-line-height": { + "prop": "--spectrum-title-cjk-line-height", + "ref": "var(--spectrum-cjk-line-height-100)", + "value": 1.5 + }, + "title-cjk-size-l": { + "prop": "--spectrum-title-cjk-size-l", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "title-cjk-size-m": { + "prop": "--spectrum-title-cjk-size-m", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "title-cjk-size-s": { + "prop": "--spectrum-title-cjk-size-s", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "title-cjk-size-xl": { + "prop": "--spectrum-title-cjk-size-xl", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "title-cjk-size-xs": { + "prop": "--spectrum-title-cjk-size-xs", + "ref": "var(--spectrum-font-size-50)", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "13px" + } + }, + "title-cjk-size-xxl": { + "prop": "--spectrum-title-cjk-size-xxl", + "ref": "var(--spectrum-font-size-400)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "title-cjk-size-xxxl": { + "prop": "--spectrum-title-cjk-size-xxxl", + "ref": "var(--spectrum-font-size-500)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } + }, + "title-cjk-strong-emphasized-font-style": { + "prop": "--spectrum-title-cjk-strong-emphasized-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-cjk-strong-emphasized-font-weight": { + "prop": "--spectrum-title-cjk-strong-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "title-cjk-strong-font-style": { + "prop": "--spectrum-title-cjk-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-cjk-strong-font-weight": { + "prop": "--spectrum-title-cjk-strong-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "title-color": { + "prop": "--spectrum-title-color", + "ref": "var(--spectrum-gray-900)", + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + } + }, + "title-line-height": { + "prop": "--spectrum-title-line-height", + "ref": "var(--spectrum-line-height-100)", + "value": 1.3 + }, + "title-margin-bottom-multiplier": { + "prop": "--spectrum-title-margin-bottom-multiplier", + "value": 0.25 + }, + "title-margin-top-multiplier": { + "prop": "--spectrum-title-margin-top-multiplier", + "value": 0.88888889 + }, + "title-sans-serif-emphasized-font-style": { + "prop": "--spectrum-title-sans-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "title-sans-serif-emphasized-font-weight": { + "prop": "--spectrum-title-sans-serif-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "title-sans-serif-font-family": { + "prop": "--spectrum-title-sans-serif-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean" + }, + "title-sans-serif-font-style": { + "prop": "--spectrum-title-sans-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-sans-serif-font-weight": { + "prop": "--spectrum-title-sans-serif-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "title-sans-serif-strong-emphasized-font-style": { + "prop": "--spectrum-title-sans-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "title-sans-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-title-sans-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "title-sans-serif-strong-font-style": { + "prop": "--spectrum-title-sans-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-sans-serif-strong-font-weight": { + "prop": "--spectrum-title-sans-serif-strong-font-weight", + "ref": "var(--spectrum-extra-bold-font-weight)", + "value": "800" + }, + "title-serif-emphasized-font-style": { + "prop": "--spectrum-title-serif-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "title-serif-emphasized-font-weight": { + "prop": "--spectrum-title-serif-emphasized-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "title-serif-font-family": { + "prop": "--spectrum-title-serif-font-family", + "ref": "var(--spectrum-serif-font-family)", + "value": "Adobe Clean Serif" + }, + "title-serif-font-style": { + "prop": "--spectrum-title-serif-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-serif-font-weight": { + "prop": "--spectrum-title-serif-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "700" + }, + "title-serif-strong-emphasized-font-style": { + "prop": "--spectrum-title-serif-strong-emphasized-font-style", + "ref": "var(--spectrum-italic-font-style)", + "value": "italic" + }, + "title-serif-strong-emphasized-font-weight": { + "prop": "--spectrum-title-serif-strong-emphasized-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "title-serif-strong-font-style": { + "prop": "--spectrum-title-serif-strong-font-style", + "ref": "var(--spectrum-default-font-style)", + "value": "normal" + }, + "title-serif-strong-font-weight": { + "prop": "--spectrum-title-serif-strong-font-weight", + "ref": "var(--spectrum-black-font-weight)", + "value": "900" + }, + "title-size-l": { + "prop": "--spectrum-title-size-l", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "title-size-m": { + "prop": "--spectrum-title-size-m", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "title-size-s": { + "prop": "--spectrum-title-size-s", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "title-size-xl": { + "prop": "--spectrum-title-size-xl", + "ref": "var(--spectrum-font-size-400)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "title-size-xs": { + "prop": "--spectrum-title-size-xs", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "title-size-xxl": { + "prop": "--spectrum-title-size-xxl", + "ref": "var(--spectrum-font-size-500)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } + }, + "title-size-xxxl": { + "prop": "--spectrum-title-size-xxxl", + "ref": "var(--spectrum-font-size-600)", + "desktop": { + "value": "25px" + }, + "mobile": { + "value": "31px" + } + }, + "toast-bottom-to-text": { + "prop": "--spectrum-toast-bottom-to-text", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "22px" + } + }, + "toast-height": { + "prop": "--spectrum-toast-height", + "desktop": { + "value": "52px" + }, + "mobile": { + "value": "60px" + } + }, + "toast-maximum-width": { + "prop": "--spectrum-toast-maximum-width", + "desktop": { + "value": "336px" + }, + "mobile": { + "value": "420px" + } + }, + "toast-top-to-text": { + "prop": "--spectrum-toast-top-to-text", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "20px" + } + }, + "toast-top-to-workflow-icon": { + "prop": "--spectrum-toast-top-to-workflow-icon", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "20px" + } + }, + "tooltip-maximum-width": { + "prop": "--spectrum-tooltip-maximum-width", + "desktop": { + "value": "160px" + }, + "mobile": { + "value": "200px" + } + }, + "tooltip-tip-corner-radius": { + "prop": "--spectrum-tooltip-tip-corner-radius", + "value": "1px" + }, + "tooltip-tip-height": { + "prop": "--spectrum-tooltip-tip-height", + "desktop": { + "value": "5px" + }, + "mobile": { + "value": "6px" + } + }, + "tooltip-tip-width": { + "prop": "--spectrum-tooltip-tip-width", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "12px" + } + }, + "track-color": { + "prop": "--spectrum-track-color", + "ref": "var(--spectrum-gray-300)", + "light": { + "value": "rgb(218, 218, 218)" + }, + "dark": { + "value": "rgb(57, 57, 57)" + } + }, + "transparent-black-100": { + "prop": "--spectrum-transparent-black-100", + "value": "rgba(0, 0, 0, 0.09)" + }, + "transparent-black-1000": { + "prop": "--spectrum-transparent-black-1000", + "value": "rgb(0, 0, 0)" + }, + "transparent-black-200": { + "prop": "--spectrum-transparent-black-200", + "value": "rgba(0, 0, 0, 0.12)" + }, + "transparent-black-25": { + "prop": "--spectrum-transparent-black-25", + "value": "rgba(0, 0, 0, 0)" + }, + "transparent-black-300": { + "prop": "--spectrum-transparent-black-300", + "value": "rgba(0, 0, 0, 0.15)" + }, + "transparent-black-400": { + "prop": "--spectrum-transparent-black-400", + "value": "rgba(0, 0, 0, 0.22)" + }, + "transparent-black-50": { + "prop": "--spectrum-transparent-black-50", + "value": "rgba(0, 0, 0, 0.03)" + }, + "transparent-black-500": { + "prop": "--spectrum-transparent-black-500", + "value": "rgba(0, 0, 0, 0.44)" + }, + "transparent-black-600": { + "prop": "--spectrum-transparent-black-600", + "value": "rgba(0, 0, 0, 0.56)" + }, + "transparent-black-700": { + "prop": "--spectrum-transparent-black-700", + "value": "rgba(0, 0, 0, 0.69)" + }, + "transparent-black-75": { + "prop": "--spectrum-transparent-black-75", + "value": "rgba(0, 0, 0, 0.05)" + }, + "transparent-black-800": { + "prop": "--spectrum-transparent-black-800", + "value": "rgba(0, 0, 0, 0.84)" + }, + "transparent-black-900": { + "prop": "--spectrum-transparent-black-900", + "value": "rgba(0, 0, 0, 0.93)" + }, + "transparent-white-100": { + "prop": "--spectrum-transparent-white-100", + "value": "rgba(255, 255, 255, 0.11)" + }, + "transparent-white-1000": { + "prop": "--spectrum-transparent-white-1000", + "value": "rgb(255, 255, 255)" + }, + "transparent-white-200": { + "prop": "--spectrum-transparent-white-200", + "value": "rgba(255, 255, 255, 0.14)" + }, + "transparent-white-25": { + "prop": "--spectrum-transparent-white-25", + "value": "rgba(255, 255, 255, 0)" + }, + "transparent-white-300": { + "prop": "--spectrum-transparent-white-300", + "value": "rgba(255, 255, 255, 0.17)" + }, + "transparent-white-400": { + "prop": "--spectrum-transparent-white-400", + "value": "rgba(255, 255, 255, 0.21)" + }, + "transparent-white-50": { + "prop": "--spectrum-transparent-white-50", + "value": "rgba(255, 255, 255, 0.04)" + }, + "transparent-white-500": { + "prop": "--spectrum-transparent-white-500", + "value": "rgba(255, 255, 255, 0.39)" + }, + "transparent-white-600": { + "prop": "--spectrum-transparent-white-600", + "value": "rgba(255, 255, 255, 0.51)" + }, + "transparent-white-700": { + "prop": "--spectrum-transparent-white-700", + "value": "rgba(255, 255, 255, 0.66)" + }, + "transparent-white-75": { + "prop": "--spectrum-transparent-white-75", + "value": "rgba(255, 255, 255, 0.07)" + }, + "transparent-white-800": { + "prop": "--spectrum-transparent-white-800", + "value": "rgba(255, 255, 255, 0.85)" + }, + "transparent-white-900": { + "prop": "--spectrum-transparent-white-900", + "value": "rgba(255, 255, 255, 0.94)" + }, + "tray-top-to-content-area": { + "prop": "--spectrum-tray-top-to-content-area", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tree-view-bottom-to-label": { + "prop": "--spectrum-tree-view-bottom-to-label", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "16px" + } + }, + "tree-view-disclosure-indicator-height": { + "prop": "--spectrum-tree-view-disclosure-indicator-height", + "desktop": { + "value": "32px" + }, + "mobile": { + "value": "40px" + } + }, + "tree-view-disclosure-indicator-width": { + "prop": "--spectrum-tree-view-disclosure-indicator-width", + "desktop": { + "value": "34px" + }, + "mobile": { + "value": "42px" + } + }, + "tree-view-drag-handle-to-checkbox": { + "prop": "--spectrum-tree-view-drag-handle-to-checkbox", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "tree-view-edge-to-checkbox": { + "prop": "--spectrum-tree-view-edge-to-checkbox", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "tree-view-edge-to-drag-handle": { + "prop": "--spectrum-tree-view-edge-to-drag-handle", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tree-view-end-edge-to-action-area": { + "prop": "--spectrum-tree-view-end-edge-to-action-area", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "7px" + } + }, + "tree-view-header-to-item": { + "prop": "--spectrum-tree-view-header-to-item", + "value": "-1px" + }, + "tree-view-item-to-header": { + "prop": "--spectrum-tree-view-item-to-header", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "tree-view-item-to-item": { + "prop": "--spectrum-tree-view-item-to-item", + "value": "-1px" + }, + "tree-view-item-to-item-detached": { + "prop": "--spectrum-tree-view-item-to-item-detached", + "value": "2px" + }, + "tree-view-label-to-action-area": { + "prop": "--spectrum-tree-view-label-to-action-area", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "tree-view-level-increment": { + "prop": "--spectrum-tree-view-level-increment", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "tree-view-minimum-height": { + "prop": "--spectrum-tree-view-minimum-height", + "desktop": { + "value": "40px" + }, + "mobile": { + "value": "50px" + } + }, + "tree-view-minimum-top-to-context-area": { + "prop": "--spectrum-tree-view-minimum-top-to-context-area", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "tree-view-minimum-width": { + "prop": "--spectrum-tree-view-minimum-width", + "desktop": { + "value": "160px" + }, + "mobile": { + "value": "200px" + } + }, + "tree-view-row-background-hover": { + "prop": "--spectrum-tree-view-row-background-hover", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "tree-view-selected-row-background-color-emphasized": { + "prop": "--spectrum-tree-view-selected-row-background-color-emphasized", + "ref": "var(--spectrum-informative-color-800)", + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "tree-view-selected-row-background-default": { + "prop": "--spectrum-tree-view-selected-row-background-default", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "tree-view-selected-row-background-hover": { + "prop": "--spectrum-tree-view-selected-row-background-hover", + "ref": "var(--spectrum-gray-100)", + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + } + }, + "tree-view-selected-row-background-opacity-emphasized": { + "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized", + "value": "0.1" + }, + "tree-view-selected-row-background-opacity-emphasized-hover": { + "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized-hover", + "value": "0.15" + }, + "tree-view-top-to-action-button": { + "prop": "--spectrum-tree-view-top-to-action-button", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tree-view-top-to-checkbox": { + "prop": "--spectrum-tree-view-top-to-checkbox", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "tree-view-top-to-disclosure-indicator": { + "prop": "--spectrum-tree-view-top-to-disclosure-indicator", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "tree-view-top-to-drag-handle": { + "prop": "--spectrum-tree-view-top-to-drag-handle", + "desktop": { + "value": "15px" + }, + "mobile": { + "value": "19px" + } + }, + "tree-view-top-to-label": { + "prop": "--spectrum-tree-view-top-to-label", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "triple-calendar-popover-minimum-height": { + "prop": "--spectrum-triple-calendar-popover-minimum-height", + "value": "320px" + }, + "triple-calendar-popover-minimum-width": { + "prop": "--spectrum-triple-calendar-popover-minimum-width", + "value": "912px" + }, + "turquoise-100": { + "prop": "--spectrum-turquoise-100", + "dark": { + "value": "rgb(0, 30, 33)" + }, + "light": { + "value": "rgb(238, 251, 251)" + } + }, + "turquoise-1000": { + "prop": "--spectrum-turquoise-1000", + "dark": { + "value": "rgb(13, 168, 182)" + }, + "light": { + "value": "rgb(5, 107, 116)" + } + }, + "turquoise-1100": { + "prop": "--spectrum-turquoise-1100", + "dark": { + "value": "rgb(16, 186, 202)" + }, + "light": { + "value": "rgb(3, 90, 98)" + } + }, + "turquoise-1200": { + "prop": "--spectrum-turquoise-1200", + "dark": { + "value": "rgb(64, 208, 220)" + }, + "light": { + "value": "rgb(1, 74, 81)" + } + }, + "turquoise-1300": { + "prop": "--spectrum-turquoise-1300", + "dark": { + "value": "rgb(128, 225, 231)" + }, + "light": { + "value": "rgb(0, 59, 65)" + } + }, + "turquoise-1400": { + "prop": "--spectrum-turquoise-1400", + "dark": { + "value": "rgb(183, 240, 240)" + }, + "light": { + "value": "rgb(0, 44, 49)" + } + }, + "turquoise-1500": { + "prop": "--spectrum-turquoise-1500", + "dark": { + "value": "rgb(228, 249, 249)" + }, + "light": { + "value": "rgb(0, 32, 35)" + } + }, + "turquoise-1600": { + "prop": "--spectrum-turquoise-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 15, 17)" + } + }, + "turquoise-200": { + "prop": "--spectrum-turquoise-200", + "dark": { + "value": "rgb(0, 37, 41)" + }, + "light": { + "value": "rgb(209, 245, 245)" + } + }, + "turquoise-300": { + "prop": "--spectrum-turquoise-300", + "dark": { + "value": "rgb(0, 49, 54)" + }, + "light": { + "value": "rgb(169, 236, 237)" + } + }, + "turquoise-400": { + "prop": "--spectrum-turquoise-400", + "dark": { + "value": "rgb(0, 66, 72)" + }, + "light": { + "value": "rgb(111, 221, 228)" + } + }, + "turquoise-500": { + "prop": "--spectrum-turquoise-500", + "dark": { + "value": "rgb(3, 84, 92)" + }, + "light": { + "value": "rgb(39, 202, 216)" + } + }, + "turquoise-600": { + "prop": "--spectrum-turquoise-600", + "dark": { + "value": "rgb(5, 103, 112)" + }, + "light": { + "value": "rgb(15, 177, 192)" + } + }, + "turquoise-700": { + "prop": "--spectrum-turquoise-700", + "dark": { + "value": "rgb(7, 120, 131)" + }, + "light": { + "value": "rgb(12, 158, 171)" + } + }, + "turquoise-800": { + "prop": "--spectrum-turquoise-800", + "dark": { + "value": "rgb(9, 131, 142)" + }, + "light": { + "value": "rgb(10, 141, 153)" + } + }, + "turquoise-900": { + "prop": "--spectrum-turquoise-900", + "dark": { + "value": "rgb(11, 151, 164)" + }, + "light": { + "value": "rgb(8, 126, 137)" + } + }, + "turquoise-background-color-default": { + "prop": "--spectrum-turquoise-background-color-default", + "ref": "var(--spectrum-turquoise-800)", + "light": { + "value": "rgb(8, 126, 137)" + }, + "dark": { + "value": "rgb(9, 131, 142)" + } + }, + "turquoise-subtle-background-color-default": { + "prop": "--spectrum-turquoise-subtle-background-color-default", + "ref": "var(--spectrum-turquoise-300)", + "light": { + "value": "rgb(209, 245, 245)" + }, + "dark": { + "value": "rgb(0, 49, 54)" + } + }, + "turquoise-visual-color": { + "prop": "--spectrum-turquoise-visual-color", + "ref": "var(--spectrum-turquoise-900)", + "light": { + "value": "rgb(10, 141, 153)" + }, + "dark": { + "value": "rgb(11, 151, 164)" + } + }, + "user-card-minimum-height-extra-large": { + "prop": "--spectrum-user-card-minimum-height-extra-large", + "value": "236px" + }, + "user-card-minimum-height-large": { + "prop": "--spectrum-user-card-minimum-height-large", + "value": "219px" + }, + "user-card-minimum-height-medium": { + "prop": "--spectrum-user-card-minimum-height-medium", + "value": "202px" + }, + "user-card-minimum-height-small": { + "prop": "--spectrum-user-card-minimum-height-small", + "value": "192px" + }, + "user-card-minimum-height-title-below-extra-large": { + "prop": "--spectrum-user-card-minimum-height-title-below-extra-large", + "value": "263px" + }, + "user-card-minimum-height-title-below-large": { + "prop": "--spectrum-user-card-minimum-height-title-below-large", + "value": "244px" + }, + "user-card-minimum-height-title-below-medium": { + "prop": "--spectrum-user-card-minimum-height-title-below-medium", + "value": "224px" + }, + "user-card-minimum-height-title-below-small": { + "prop": "--spectrum-user-card-minimum-height-title-below-small", + "value": "212px" + }, + "visual-to-control-100": { + "prop": "--spectrum-visual-to-control-100", + "desktop": { + "value": "8px" + }, + "mobile": { + "value": "10px" + } + }, + "white": { + "prop": "--spectrum-white", + "value": "rgb(255, 255, 255)" + }, + "window-to-edge": { + "prop": "--spectrum-window-to-edge", + "ref": "var(--spectrum-spacing-600)", + "value": "40px" + }, + "workflow-icon-size-100": { + "prop": "--spectrum-workflow-icon-size-100", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "workflow-icon-size-200": { + "prop": "--spectrum-workflow-icon-size-200", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "28px" + } + }, + "workflow-icon-size-300": { + "prop": "--spectrum-workflow-icon-size-300", + "desktop": { + "value": "26px" + }, + "mobile": { + "value": "30px" + } + }, + "workflow-icon-size-50": { + "prop": "--spectrum-workflow-icon-size-50", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "16px" + } + }, + "workflow-icon-size-75": { + "prop": "--spectrum-workflow-icon-size-75", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "18px" + } + }, + "yellow-100": { + "prop": "--spectrum-yellow-100", + "light": { + "value": "rgb(255, 248, 204)" + }, + "dark": { + "value": "rgb(37, 23, 0)" + } + }, + "yellow-1000": { + "prop": "--spectrum-yellow-1000", + "light": { + "value": "rgb(134, 85, 0)" + }, + "dark": { + "value": "rgb(203, 141, 0)" + } + }, + "yellow-1100": { + "prop": "--spectrum-yellow-1100", + "light": { + "value": "rgb(114, 72, 0)" + }, + "dark": { + "value": "rgb(218, 159, 0)" + } + }, + "yellow-1200": { + "prop": "--spectrum-yellow-1200", + "light": { + "value": "rgb(93, 59, 0)" + }, + "dark": { + "value": "rgb(235, 183, 0)" + } + }, + "yellow-1300": { + "prop": "--spectrum-yellow-1300", + "light": { + "value": "rgb(75, 47, 0)" + }, + "dark": { + "value": "rgb(249, 206, 0)" + } + }, + "yellow-1400": { + "prop": "--spectrum-yellow-1400", + "light": { + "value": "rgb(56, 35, 0)" + }, + "dark": { + "value": "rgb(255, 230, 86)" + } + }, + "yellow-1500": { + "prop": "--spectrum-yellow-1500", + "dark": { + "value": "rgb(255, 246, 195)" + }, + "light": { + "value": "rgb(40, 25, 0)" + } + }, + "yellow-1600": { + "prop": "--spectrum-yellow-1600", + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(18, 11, 0)" + } + }, + "yellow-200": { + "prop": "--spectrum-yellow-200", + "light": { + "value": "rgb(255, 241, 151)" + }, + "dark": { + "value": "rgb(47, 29, 0)" + } + }, + "yellow-300": { + "prop": "--spectrum-yellow-300", + "light": { + "value": "rgb(255, 222, 44)" + }, + "dark": { + "value": "rgb(61, 39, 0)" + } + }, + "yellow-400": { + "prop": "--spectrum-yellow-400", + "light": { + "value": "rgb(245, 199, 0)" + }, + "dark": { + "value": "rgb(83, 52, 0)" + } + }, + "yellow-500": { + "prop": "--spectrum-yellow-500", + "light": { + "value": "rgb(230, 175, 0)" + }, + "dark": { + "value": "rgb(107, 67, 0)" + } + }, + "yellow-600": { + "prop": "--spectrum-yellow-600", + "light": { + "value": "rgb(210, 149, 0)" + }, + "dark": { + "value": "rgb(130, 82, 0)" + } + }, + "yellow-700": { + "prop": "--spectrum-yellow-700", + "light": { + "value": "rgb(193, 131, 0)" + }, + "dark": { + "value": "rgb(151, 97, 0)" + } + }, + "yellow-800": { + "prop": "--spectrum-yellow-800", + "light": { + "value": "rgb(175, 116, 0)" + }, + "dark": { + "value": "rgb(164, 106, 0)" + } + }, + "yellow-900": { + "prop": "--spectrum-yellow-900", + "light": { + "value": "rgb(158, 102, 0)" + }, + "dark": { + "value": "rgb(186, 124, 0)" + } + }, + "yellow-background-color-default": { + "prop": "--spectrum-yellow-background-color-default", + "ref": "var(--spectrum-yellow-1100)", + "light": { + "value": "rgb(245, 199, 0)" + }, + "dark": { + "value": "rgb(218, 159, 0)" + } + }, + "yellow-subtle-background-color-default": { + "prop": "--spectrum-yellow-subtle-background-color-default", + "ref": "var(--spectrum-yellow-300)", + "light": { + "value": "rgb(255, 241, 151)" + }, + "dark": { + "value": "rgb(61, 39, 0)" + } + }, + "yellow-visual-color": { + "prop": "--spectrum-yellow-visual-color", + "ref": "var(--spectrum-yellow-1100)", + "light": { + "value": "rgb(210, 149, 0)" + }, + "dark": { + "value": "rgb(218, 159, 0)" + } + } +} \ No newline at end of file From 9107a09155b7abeadab6551b432f5ed07af81800 Mon Sep 17 00:00:00 2001 From: castastrophe Date: Wed, 9 Jul 2025 14:22:33 -0400 Subject: [PATCH 4/5] feat(tokens): support for composite formats --- tokens/custom/dark-vars.css | 93 +- tokens/custom/large-vars.css | 2 - tokens/custom/light-vars.css | 6 +- tokens/custom/medium-vars.css | 4 +- tokens/dist/json/tokens.json | 2024 ++++++++++++----------- tokens/package.json | 2 +- tokens/style-dictionary.config.js | 2 +- tokens/utilities/css-sets-formatter.js | 80 +- tokens/utilities/data-json-formatter.js | 80 +- tokens/utilities/json-sets-formatter.js | 51 - tokens/utilities/shared-logic.js | 68 + yarn.lock | 10 +- 12 files changed, 1261 insertions(+), 1161 deletions(-) delete mode 100644 tokens/utilities/json-sets-formatter.js create mode 100644 tokens/utilities/shared-logic.js diff --git a/tokens/custom/dark-vars.css b/tokens/custom/dark-vars.css index 4b96195cdee..c44ba508470 100644 --- a/tokens/custom/dark-vars.css +++ b/tokens/custom/dark-vars.css @@ -13,54 +13,49 @@ /* This file contains overrides and additions to core tokens */ .spectrum--dark { - color-scheme: dark; -} - -@media (prefers-color-scheme: dark) { - .spectrum { - /** COMPONENT-SPECIFIC OVERRIDES **/ - --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800); - --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800); - --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900); - --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800); - --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700); - - --spectrum-assetlist-item-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-assetlist-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); - --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700); - - --spectrum-badge-label-icon-color-primary: var(--spectrum-black); - - --spectrum-calendar-day-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); - --spectrum-calendar-day-background-color-hover: rgb(var(--spectrum-white-rgb), 0.07); - --spectrum-calendar-day-today-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-white-200); - --spectrum-calendar-day-background-color-cap-selected: rgb(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-key-focus: rgb(var(--spectrum-white-rgb), 0.07); - --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700); - --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb); - - --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); + /** COMPONENT-SPECIFIC OVERRIDES **/ + --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800); + --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800); + --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900); + --spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800); + --spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700); + --spectrum-assetlist-item-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-assetlist-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); + --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700); + + --spectrum-badge-label-icon-color-primary: var(--spectrum-black); + + --spectrum-calendar-day-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); + --spectrum-calendar-day-background-color-hover: rgb(var(--spectrum-white-rgb), 0.07); + --spectrum-calendar-day-today-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-calendar-day-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-calendar-day-background-color-down: var(--spectrum-transparent-white-200); + --spectrum-calendar-day-background-color-cap-selected: rgb(var(--spectrum-blue-800-rgb), 0.25); + --spectrum-calendar-day-background-color-key-focus: rgb(var(--spectrum-white-rgb), 0.07); + --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700); + --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb); + + --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); + + --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); /* var(--spectrum-accent-color-900); */ + + --spectrum-dropindicator-color: var(--spectrum-blue-700); + + --spectrum-logic-button-and-background-color: var(--spectrum-blue-800); + --spectrum-logic-button-and-border-color: var(--spectrum-blue-800); + --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000); + --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000); + --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700); + --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700); + --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900); + --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900); + + --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700); + + --spectrum-table-selected-row-background-color-rgb: var(--spectrum-blue-800-rgb); + + --spectrum-treeview-item-background-color-quiet-selected: rgb(var(--spectrum-gray-900-rgb), 0.07); + --spectrum-treeview-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); - --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); /* var(--spectrum-accent-color-900); */ - - --spectrum-dropindicator-color: var(--spectrum-blue-700); - - --spectrum-logic-button-and-background-color: var(--spectrum-blue-800); - --spectrum-logic-button-and-border-color: var(--spectrum-blue-800); - --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000); - --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000); - --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700); - --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700); - --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900); - --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900); - - --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700); - - --spectrum-table-selected-row-background-color-rgb: var(--spectrum-blue-800-rgb); - - --spectrum-treeview-item-background-color-quiet-selected: rgb(var(--spectrum-gray-900-rgb), 0.07); - --spectrum-treeview-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); - } + color-scheme: dark; } diff --git a/tokens/custom/large-vars.css b/tokens/custom/large-vars.css index d1573c98a11..4200b98dd75 100644 --- a/tokens/custom/large-vars.css +++ b/tokens/custom/large-vars.css @@ -12,9 +12,7 @@ */ /* This file contains overrides and additions to core tokens */ - .spectrum--large { - /* stylelint-disable-next-line custom-property-pattern -- context identification */ --scale: large; --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200); diff --git a/tokens/custom/light-vars.css b/tokens/custom/light-vars.css index 6defd907132..6c0e236668d 100644 --- a/tokens/custom/light-vars.css +++ b/tokens/custom/light-vars.css @@ -12,9 +12,7 @@ */ /* This file contains overrides and additions to core tokens */ -.spectrum { - color-scheme: light; - +.spectrum--light { --spectrum-assetcard-border-color-selected: var(--spectrum-blue-900); --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900); --spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000); @@ -58,4 +56,6 @@ --spectrum-treeview-item-background-color-quiet-selected: rgb(var(--spectrum-gray-900-rgb), 0.06); --spectrum-treeview-item-background-color-selected: rgb(var(--spectrum-blue-900-rgb), 0.1); + + color-scheme: light; } diff --git a/tokens/custom/medium-vars.css b/tokens/custom/medium-vars.css index 7924aae1c49..0d2ad0e2858 100644 --- a/tokens/custom/medium-vars.css +++ b/tokens/custom/medium-vars.css @@ -12,9 +12,7 @@ */ /* This file contains overrides and additions to core tokens */ - -.spectrum { - /* stylelint-disable-next-line custom-property-pattern -- context identification */ +.spectrum--medium { --scale: medium; --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100); diff --git a/tokens/dist/json/tokens.json b/tokens/dist/json/tokens.json index 1bae2165578..aaf9364af39 100644 --- a/tokens/dist/json/tokens.json +++ b/tokens/dist/json/tokens.json @@ -1,43 +1,19 @@ { "accent-background-color-default": { "prop": "--spectrum-accent-background-color-default", - "ref": "var(--spectrum-accent-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } + "ref": "var(--spectrum-accent-color-800)" }, "accent-background-color-down": { "prop": "--spectrum-accent-background-color-down", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } + "ref": "var(--spectrum-accent-color-700)" }, "accent-background-color-hover": { "prop": "--spectrum-accent-background-color-hover", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } + "ref": "var(--spectrum-accent-color-700)" }, "accent-background-color-key-focus": { "prop": "--spectrum-accent-background-color-key-focus", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } + "ref": "var(--spectrum-accent-color-700)" }, "accent-color-100": { "prop": "--spectrum-accent-color-100", @@ -253,7 +229,7 @@ "prop": "--spectrum-accent-subtle-background-color-default", "ref": "var(--spectrum-accent-color-300)", "light": { - "value": "rgb(229, 240, 254)" + "value": "rgb(203, 226, 254)" }, "dark": { "value": "rgb(12, 33, 117)" @@ -263,7 +239,7 @@ "prop": "--spectrum-accent-visual-color", "ref": "var(--spectrum-accent-color-900)", "light": { - "value": "rgb(75, 117, 255)" + "value": "rgb(59, 99, 251)" }, "dark": { "value": "rgb(86, 129, 255)" @@ -581,12 +557,7 @@ }, "accordion-top-to-text-compact-medium": { "prop": "--spectrum-accordion-top-to-text-compact-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "14px" - } + "value": "5px" }, "accordion-top-to-text-compact-small": { "prop": "--spectrum-accordion-top-to-text-compact-small", @@ -694,10 +665,10 @@ "accordion-top-to-text-spacious-medium": { "prop": "--spectrum-accordion-top-to-text-spacious-medium", "desktop": { - "value": "16px" + "value": "13px" }, "mobile": { - "value": "19px" + "value": "15px" } }, "accordion-top-to-text-spacious-small": { @@ -711,11 +682,10 @@ }, "action-bar-border-color": { "prop": "--spectrum-action-bar-border-color", + "ref": "var(--spectrum-gray-400)", "light": { - "ref": "var(--spectrum-transparent-white-25)", - "value": "rgba(255, 255, 255, 0)" + "value": "rgb(198, 198, 198)" }, - "ref": "var(--spectrum-gray-400)", "dark": { "value": "rgb(68, 68, 68)" } @@ -950,23 +920,11 @@ }, "alert-dialog-description-font-size": { "prop": "--spectrum-alert-dialog-description-font-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-body-size-s)" }, "alert-dialog-description-size": { "prop": "--spectrum-alert-dialog-description-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-alert-dialog-description-font-size)" }, "alert-dialog-maximum-width": { "prop": "--spectrum-alert-dialog-maximum-width", @@ -978,27 +936,11 @@ }, "alert-dialog-title-font-size": { "prop": "--spectrum-alert-dialog-title-font-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } + "ref": "var(--spectrum-title-size-xl)" }, "alert-dialog-title-size": { "prop": "--spectrum-alert-dialog-title-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } - }, - "android-elevation": { - "prop": "--spectrum-android-elevation", - "value": "2dp" + "ref": "var(--spectrum-alert-dialog-title-font-size)" }, "arrow-icon-size-100": { "prop": "--spectrum-arrow-icon-size-100", @@ -1414,7 +1356,7 @@ "prop": "--spectrum-background-elevated-color", "ref": "var(--spectrum-gray-25)", "dark": { - "value": "rgb(34, 34, 34)" + "value": "rgb(17, 17, 17)" }, "light": { "value": "rgb(255, 255, 255)" @@ -1434,7 +1376,7 @@ "prop": "--spectrum-background-layer-2-color", "ref": "var(--spectrum-gray-75)", "light": { - "value": "rgb(255, 255, 255)" + "value": "rgb(243, 243, 243)" }, "dark": { "value": "rgb(34, 34, 34)" @@ -1459,11 +1401,11 @@ "background-pasteboard-color": { "prop": "--spectrum-background-pasteboard-color", "ref": "var(--spectrum-gray-100)", - "dark": { - "value": "rgb(17, 17, 17)" - }, "light": { "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" } }, "bar-panel-gripper-color": { @@ -1508,8 +1450,7 @@ }, "black-font-weight": { "prop": "--spectrum-black-font-weight", - "ref": "black", - "value": "900" + "value": "black" }, "blue-100": { "prop": "--spectrum-blue-100", @@ -1659,7 +1600,7 @@ "prop": "--spectrum-blue-background-color-default", "ref": "var(--spectrum-blue-800)", "light": { - "value": "rgb(59, 99, 251)" + "value": "rgb(75, 117, 255)" }, "dark": { "value": "rgb(64, 105, 253)" @@ -1669,7 +1610,7 @@ "prop": "--spectrum-blue-subtle-background-color-default", "ref": "var(--spectrum-blue-300)", "light": { - "value": "rgb(229, 240, 254)" + "value": "rgb(203, 226, 254)" }, "dark": { "value": "rgb(12, 33, 117)" @@ -1679,7 +1620,7 @@ "prop": "--spectrum-blue-visual-color", "ref": "var(--spectrum-blue-900)", "light": { - "value": "rgb(75, 117, 255)" + "value": "rgb(59, 99, 251)" }, "dark": { "value": "rgb(86, 129, 255)" @@ -1693,7 +1634,7 @@ "body-cjk-emphasized-font-weight": { "prop": "--spectrum-body-cjk-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "body-cjk-font-family": { "prop": "--spectrum-body-cjk-font-family", @@ -1708,12 +1649,12 @@ "body-cjk-font-weight": { "prop": "--spectrum-body-cjk-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "body-cjk-line-height": { "prop": "--spectrum-body-cjk-line-height", "ref": "var(--spectrum-cjk-line-height-200)", - "value": 1.7 + "value": "1.7" }, "body-cjk-size-l": { "prop": "--spectrum-body-cjk-size-l", @@ -1803,7 +1744,7 @@ "body-cjk-strong-emphasized-font-weight": { "prop": "--spectrum-body-cjk-strong-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "body-cjk-strong-font-style": { "prop": "--spectrum-body-cjk-strong-font-style", @@ -1813,7 +1754,7 @@ "body-cjk-strong-font-weight": { "prop": "--spectrum-body-cjk-strong-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "body-color": { "prop": "--spectrum-body-color", @@ -1828,11 +1769,11 @@ "body-line-height": { "prop": "--spectrum-body-line-height", "ref": "var(--spectrum-line-height-200)", - "value": 1.5 + "value": "1.5" }, "body-margin-multiplier": { "prop": "--spectrum-body-margin-multiplier", - "value": 0.75 + "value": "0.75" }, "body-sans-serif-emphasized-font-style": { "prop": "--spectrum-body-sans-serif-emphasized-font-style", @@ -1842,12 +1783,12 @@ "body-sans-serif-emphasized-font-weight": { "prop": "--spectrum-body-sans-serif-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "body-sans-serif-font-family": { "prop": "--spectrum-body-sans-serif-font-family", "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" + "value": "Adobe Clean Spectrum VF" }, "body-sans-serif-font-style": { "prop": "--spectrum-body-sans-serif-font-style", @@ -1857,7 +1798,7 @@ "body-sans-serif-font-weight": { "prop": "--spectrum-body-sans-serif-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "body-sans-serif-strong-emphasized-font-style": { "prop": "--spectrum-body-sans-serif-strong-emphasized-font-style", @@ -1867,7 +1808,7 @@ "body-sans-serif-strong-emphasized-font-weight": { "prop": "--spectrum-body-sans-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "body-sans-serif-strong-font-style": { "prop": "--spectrum-body-sans-serif-strong-font-style", @@ -1877,7 +1818,7 @@ "body-sans-serif-strong-font-weight": { "prop": "--spectrum-body-sans-serif-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "body-serif-emphasized-font-style": { "prop": "--spectrum-body-serif-emphasized-font-style", @@ -1887,7 +1828,7 @@ "body-serif-emphasized-font-weight": { "prop": "--spectrum-body-serif-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "body-serif-font-family": { "prop": "--spectrum-body-serif-font-family", @@ -1902,7 +1843,7 @@ "body-serif-font-weight": { "prop": "--spectrum-body-serif-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "body-serif-strong-emphasized-font-style": { "prop": "--spectrum-body-serif-strong-emphasized-font-style", @@ -1912,7 +1853,7 @@ "body-serif-strong-emphasized-font-weight": { "prop": "--spectrum-body-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "body-serif-strong-font-style": { "prop": "--spectrum-body-serif-strong-font-style", @@ -1922,7 +1863,7 @@ "body-serif-strong-font-weight": { "prop": "--spectrum-body-serif-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "body-size-l": { "prop": "--spectrum-body-size-l", @@ -2006,8 +1947,7 @@ }, "bold-font-weight": { "prop": "--spectrum-bold-font-weight", - "ref": "bold", - "value": "700" + "value": "bold" }, "border-width-100": { "prop": "--spectrum-border-width-100", @@ -2203,7 +2143,7 @@ "prop": "--spectrum-breadcrumbs-top-to-separator-icon-multiline", "ref": "var(--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline)", "desktop": { - "value": "7px" + "value": "11px" }, "mobile": { "value": "15px" @@ -2439,36 +2379,36 @@ "brown-background-color-default": { "prop": "--spectrum-brown-background-color-default", "ref": "var(--spectrum-brown-800)", - "light": { - "value": "rgb(139, 109, 66)" - }, "dark": { "value": "rgb(143, 114, 69)" + }, + "light": { + "value": "rgb(154, 123, 77)" } }, "brown-subtle-background-color-default": { "prop": "--spectrum-brown-subtle-background-color-default", "ref": "var(--spectrum-brown-300)", - "light": { - "value": "rgb(247, 238, 225)" - }, "dark": { "value": "rgb(58, 40, 14)" + }, + "light": { + "value": "rgb(239, 221, 195)" } }, "brown-visual-color": { "prop": "--spectrum-brown-visual-color", "ref": "var(--spectrum-brown-900)", - "light": { - "value": "rgb(154, 123, 77)" - }, "dark": { "value": "rgb(163, 132, 84)" + }, + "light": { + "value": "rgb(139, 109, 66)" } }, "button-minimum-width-multiplier": { "prop": "--spectrum-button-minimum-width-multiplier", - "value": 2.25 + "value": "2.25" }, "card-background-loading-color": { "prop": "--spectrum-card-background-loading-color", @@ -2634,6 +2574,11 @@ }, "card-minimum-width": { "prop": "--spectrum-card-minimum-width", + "ref": "var(--spectrum-card-minimum-width-default)", + "value": "100px" + }, + "card-minimum-width-default": { + "prop": "--spectrum-card-minimum-width-default", "value": "100px" }, "card-minimum-width-extra-large": { @@ -2662,14 +2607,8 @@ }, "card-selection-background-color": { "prop": "--spectrum-card-selection-background-color", - "light": { - "ref": "var(--spectrum-transparent-white-600)", - "value": "rgba(255, 255, 255, 0.51)" - }, - "dark": { - "ref": "var(--spectrum-transparent-black-600)", - "value": "rgba(0, 0, 0, 0.56)" - } + "ref": "var(--spectrum-transparent-black-600)", + "value": "rgba(0, 0, 0, 0.56)" }, "card-selection-background-color-opacity": { "prop": "--spectrum-card-selection-background-color-opacity", @@ -2843,7 +2782,7 @@ "prop": "--spectrum-celery-background-color-default", "ref": "var(--spectrum-celery-900)", "light": { - "value": "rgb(93, 180, 31)" + "value": "rgb(64, 129, 17)" }, "dark": { "value": "rgb(78, 154, 23)" @@ -2853,7 +2792,7 @@ "prop": "--spectrum-celery-subtle-background-color-default", "ref": "var(--spectrum-celery-300)", "light": { - "value": "rgb(197, 255, 156)" + "value": "rgb(157, 247, 92)" }, "dark": { "value": "rgb(21, 51, 1)" @@ -2863,7 +2802,7 @@ "prop": "--spectrum-celery-visual-color", "ref": "var(--spectrum-celery-800)", "light": { - "value": "rgb(82, 161, 25)" + "value": "rgb(72, 144, 20)" }, "dark": { "value": "rgb(66, 134, 18)" @@ -3053,7 +2992,7 @@ "prop": "--spectrum-chartreuse-background-color-default", "ref": "var(--spectrum-chartreuse-1000)", "light": { - "value": "rgb(163, 196, 0)" + "value": "rgb(86, 103, 0)" }, "dark": { "value": "rgb(136, 164, 0)" @@ -3063,7 +3002,7 @@ "prop": "--spectrum-chartreuse-subtle-background-color-default", "ref": "var(--spectrum-chartreuse-300)", "light": { - "value": "rgb(234, 246, 173)" + "value": "rgb(208, 236, 70)" }, "dark": { "value": "rgb(39, 47, 0)" @@ -3073,7 +3012,7 @@ "prop": "--spectrum-chartreuse-visual-color", "ref": "var(--spectrum-chartreuse-900)", "light": { - "value": "rgb(143, 172, 0)" + "value": "rgb(102, 122, 0)" }, "dark": { "value": "rgb(122, 147, 0)" @@ -3442,31 +3381,31 @@ "cinnamon-background-color-default": { "prop": "--spectrum-cinnamon-background-color-default", "ref": "var(--spectrum-cinnamon-800)", - "light": { - "value": "rgb(170, 94, 56)" - }, "dark": { "value": "rgb(176, 98, 59)" + }, + "light": { + "value": "rgb(184, 109, 70)" } }, "cinnamon-subtle-background-color-default": { "prop": "--spectrum-cinnamon-subtle-background-color-default", "ref": "var(--spectrum-cinnamon-300)", - "light": { - "value": "rgb(249, 236, 229)" - }, "dark": { "value": "rgb(79, 28, 7)" + }, + "light": { + "value": "rgb(244, 218, 203)" } }, "cinnamon-visual-color": { "prop": "--spectrum-cinnamon-visual-color", "ref": "var(--spectrum-cinnamon-900)", - "light": { - "value": "rgb(184, 109, 70)" - }, "dark": { "value": "rgb(192, 119, 80)" + }, + "light": { + "value": "rgb(170, 94, 56)" } }, "cjk-font-family": { @@ -3480,11 +3419,11 @@ }, "cjk-line-height-100": { "prop": "--spectrum-cjk-line-height-100", - "value": 1.5 + "value": "1.5" }, "cjk-line-height-200": { "prop": "--spectrum-cjk-line-height-200", - "value": 1.7 + "value": "1.7" }, "coach-indicator-collapsed-gap": { "prop": "--spectrum-coach-indicator-collapsed-gap", @@ -3528,7 +3467,7 @@ "prop": "--spectrum-coach-mark-body-font-size", "ref": "var(--spectrum-body-size-s)", "desktop": { - "value": "16px" + "value": "14px" }, "mobile": { "value": "17px" @@ -3536,9 +3475,9 @@ }, "coach-mark-body-size": { "prop": "--spectrum-coach-mark-body-size", - "ref": "var(--spectrum-body-size-s)", + "ref": "var(--spectrum-coach-mark-body-font-size)", "desktop": { - "value": "16px" + "value": "14px" }, "mobile": { "value": "17px" @@ -3546,14 +3485,8 @@ }, "coach-mark-edge-to-content": { "prop": "--spectrum-coach-mark-edge-to-content", - "desktop": { - "ref": "var(--spectrum-spacing-400)", - "value": "24px" - }, - "mobile": { - "ref": "var(--spectrum-spacing-300)", - "value": "16px" - } + "ref": "var(--spectrum-spacing-300)", + "value": "16px" }, "coach-mark-maximum-width": { "prop": "--spectrum-coach-mark-maximum-width", @@ -3595,7 +3528,7 @@ "prop": "--spectrum-coach-mark-pagination-body-font-size", "ref": "var(--spectrum-body-size-xs)", "desktop": { - "value": "14px" + "value": "12px" }, "mobile": { "value": "15px" @@ -3603,9 +3536,9 @@ }, "coach-mark-pagination-body-size": { "prop": "--spectrum-coach-mark-pagination-body-size", - "ref": "var(--spectrum-body-size-xs)", + "ref": "var(--spectrum-coach-mark-pagination-body-font-size)", "desktop": { - "value": "14px" + "value": "12px" }, "mobile": { "value": "15px" @@ -3632,23 +3565,11 @@ }, "coach-mark-title-font-size": { "prop": "--spectrum-coach-mark-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-title-size-s)" }, "coach-mark-title-size": { "prop": "--spectrum-coach-mark-title-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-coach-mark-title-font-size)" }, "coach-mark-width": { "prop": "--spectrum-coach-mark-width", @@ -3667,7 +3588,7 @@ "code-cjk-emphasized-font-weight": { "prop": "--spectrum-code-cjk-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "code-cjk-font-family": { "prop": "--spectrum-code-cjk-font-family", @@ -3682,62 +3603,32 @@ "code-cjk-font-weight": { "prop": "--spectrum-code-cjk-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "code-cjk-line-height": { "prop": "--spectrum-code-cjk-line-height", "ref": "var(--spectrum-cjk-line-height-200)", - "value": 1.7 + "value": "1.7" }, "code-cjk-size-l": { "prop": "--spectrum-code-cjk-size-l", - "ref": "var(--spectrum-code-size-l)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } + "ref": "var(--spectrum-code-size-l)" }, "code-cjk-size-m": { "prop": "--spectrum-code-cjk-size-m", - "ref": "var(--spectrum-code-size-m)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } + "ref": "var(--spectrum-code-size-m)" }, "code-cjk-size-s": { "prop": "--spectrum-code-cjk-size-s", - "ref": "var(--spectrum-code-size-s)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-code-size-s)" }, "code-cjk-size-xl": { "prop": "--spectrum-code-cjk-size-xl", - "ref": "var(--spectrum-code-size-xl)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } + "ref": "var(--spectrum-code-size-xl)" }, "code-cjk-size-xs": { "prop": "--spectrum-code-cjk-size-xs", - "ref": "var(--spectrum-code-size-xs)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } + "ref": "var(--spectrum-code-size-xs)" }, "code-cjk-strong-emphasized-font-style": { "prop": "--spectrum-code-cjk-strong-emphasized-font-style", @@ -3747,7 +3638,7 @@ "code-cjk-strong-emphasized-font-weight": { "prop": "--spectrum-code-cjk-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "code-cjk-strong-font-style": { "prop": "--spectrum-code-cjk-strong-font-style", @@ -3757,7 +3648,7 @@ "code-cjk-strong-font-weight": { "prop": "--spectrum-code-cjk-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "code-color": { "prop": "--spectrum-code-color", @@ -3777,7 +3668,7 @@ "code-emphasized-font-weight": { "prop": "--spectrum-code-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "code-font-family": { "prop": "--spectrum-code-font-family", @@ -3791,12 +3682,12 @@ "code-font-weight": { "prop": "--spectrum-code-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "code-line-height": { "prop": "--spectrum-code-line-height", "ref": "var(--spectrum-line-height-200)", - "value": 1.5 + "value": "1.5" }, "code-size-l": { "prop": "--spectrum-code-size-l", @@ -3856,7 +3747,7 @@ "code-strong-emphasized-font-weight": { "prop": "--spectrum-code-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "code-strong-font-style": { "prop": "--spectrum-code-strong-font-style", @@ -3866,7 +3757,7 @@ "code-strong-font-weight": { "prop": "--spectrum-code-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "collection-card-minimum-height-extra-large": { "prop": "--spectrum-collection-card-minimum-height-extra-large", @@ -3924,8 +3815,7 @@ }, "color-area-border-rounding": { "prop": "--spectrum-color-area-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)", - "value": "7px" + "ref": "var(--spectrum-corner-radius-medium-size-small)" }, "color-area-border-width": { "prop": "--spectrum-color-area-border-width", @@ -3988,13 +3878,7 @@ }, "color-handle-drop-shadow-color": { "prop": "--spectrum-color-handle-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-color)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } + "ref": "var(--spectrum-drop-shadow-color)" }, "color-handle-drop-shadow-x": { "prop": "--spectrum-color-handle-drop-shadow-x", @@ -4055,23 +3939,15 @@ }, "color-loupe-drop-shadow-blur": { "prop": "--spectrum-color-loupe-drop-shadow-blur", - "ref": "var(--spectrum-drop-shadow-elevated-blur)", - "value": "8px" + "ref": "var(--spectrum-drop-shadow-elevated-blur)" }, "color-loupe-drop-shadow-color": { "prop": "--spectrum-color-loupe-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-elevated-color)", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } + "ref": "var(--spectrum-drop-shadow-elevated-color)" }, "color-loupe-drop-shadow-y": { "prop": "--spectrum-color-loupe-drop-shadow-y", - "ref": "var(--spectrum-drop-shadow-elevated-y)", - "value": "2px" + "ref": "var(--spectrum-drop-shadow-elevated-y)" }, "color-loupe-height": { "prop": "--spectrum-color-loupe-height", @@ -4116,8 +3992,7 @@ }, "color-slider-border-rounding": { "prop": "--spectrum-color-slider-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)", - "value": "7px" + "ref": "var(--spectrum-corner-radius-medium-size-small)" }, "color-slider-border-width": { "prop": "--spectrum-color-slider-border-width", @@ -4179,11 +4054,11 @@ }, "combo-box-minimum-width-multiplier": { "prop": "--spectrum-combo-box-minimum-width-multiplier", - "value": 2.5 + "value": "2.5" }, "combo-box-quiet-minimum-width-multiplier": { "prop": "--spectrum-combo-box-quiet-minimum-width-multiplier", - "value": 2 + "value": "2" }, "combo-box-visual-to-field-button": { "prop": "--spectrum-combo-box-visual-to-field-button", @@ -4457,44 +4332,299 @@ "value": "30px" } }, - "component-pill-edge-to-text-100": { - "prop": "--spectrum-component-pill-edge-to-text-100", + "component-l-bold-font-family": { + "prop": "--spectrum-component-l-bold-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-l-bold-font-family-font-size": { + "prop": "--spectrum-component-l-bold-font-family-font-size", + "ref": "var(--spectrum-font-size-200)", "desktop": { "value": "16px" }, "mobile": { - "value": "20px" + "value": "19px" } }, - "component-pill-edge-to-text-200": { - "prop": "--spectrum-component-pill-edge-to-text-200", + "component-l-bold-font-family-font-size-font-weight": { + "prop": "--spectrum-component-l-bold-font-family-font-size-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "bold" + }, + "component-l-bold-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-l-bold-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-l-bold-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-l-bold-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-200)", "desktop": { "value": "20px" }, "mobile": { - "value": "25px" + "value": "24px" } }, - "component-pill-edge-to-text-300": { - "prop": "--spectrum-component-pill-edge-to-text-300", + "component-l-medium-font-family": { + "prop": "--spectrum-component-l-medium-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-l-medium-font-family-font-size": { + "prop": "--spectrum-component-l-medium-font-family-font-size", + "ref": "var(--spectrum-font-size-200)", "desktop": { - "value": "24px" + "value": "16px" }, "mobile": { - "value": "30px" + "value": "19px" } }, - "component-pill-edge-to-text-75": { - "prop": "--spectrum-component-pill-edge-to-text-75", + "component-l-medium-font-family-font-size-font-weight": { + "prop": "--spectrum-component-l-medium-font-family-font-size-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "medium" + }, + "component-l-medium-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-l-medium-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-l-medium-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-l-medium-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-200)", "desktop": { - "value": "12px" + "value": "20px" }, "mobile": { - "value": "15px" + "value": "24px" } }, - "component-pill-edge-to-visual-100": { - "prop": "--spectrum-component-pill-edge-to-visual-100", + "component-l-regular-font-family": { + "prop": "--spectrum-component-l-regular-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-l-regular-font-family-font-size": { + "prop": "--spectrum-component-l-regular-font-family-font-size", + "ref": "var(--spectrum-font-size-200)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "component-l-regular-font-family-font-size-font-weight": { + "prop": "--spectrum-component-l-regular-font-family-font-size-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "regular" + }, + "component-l-regular-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-l-regular-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-l-regular-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-l-regular-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-200)", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "component-m-bold-font-family": { + "prop": "--spectrum-component-m-bold-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-m-bold-font-family-font-size": { + "prop": "--spectrum-component-m-bold-font-family-font-size", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "component-m-bold-font-family-font-size-font-weight": { + "prop": "--spectrum-component-m-bold-font-family-font-size-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "bold" + }, + "component-m-bold-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-m-bold-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-m-bold-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-m-bold-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-100)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "component-m-medium-font-family": { + "prop": "--spectrum-component-m-medium-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-m-medium-font-family-font-size": { + "prop": "--spectrum-component-m-medium-font-family-font-size", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "component-m-medium-font-family-font-size-font-weight": { + "prop": "--spectrum-component-m-medium-font-family-font-size-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "medium" + }, + "component-m-medium-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-m-medium-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-m-medium-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-m-medium-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-100)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "component-m-regular-font-family": { + "prop": "--spectrum-component-m-regular-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-m-regular-font-family-font-size": { + "prop": "--spectrum-component-m-regular-font-family-font-size", + "ref": "var(--spectrum-font-size-100)", + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "component-m-regular-font-family-font-size-font-weight": { + "prop": "--spectrum-component-m-regular-font-family-font-size-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "regular" + }, + "component-m-regular-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-m-regular-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-m-regular-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-m-regular-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-100)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "component-padding-vertical-100": { + "prop": "--spectrum-component-padding-vertical-100", + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "9px" + } + }, + "component-padding-vertical-200": { + "prop": "--spectrum-component-padding-vertical-200", + "desktop": { + "value": "10px" + }, + "mobile": { + "value": "13px" + } + }, + "component-padding-vertical-300": { + "prop": "--spectrum-component-padding-vertical-300", + "desktop": { + "value": "13px" + }, + "mobile": { + "value": "17px" + } + }, + "component-padding-vertical-50": { + "prop": "--spectrum-component-padding-vertical-50", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "5px" + } + }, + "component-padding-vertical-75": { + "prop": "--spectrum-component-padding-vertical-75", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "component-pill-edge-to-text-100": { + "prop": "--spectrum-component-pill-edge-to-text-100", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "component-pill-edge-to-text-200": { + "prop": "--spectrum-component-pill-edge-to-text-200", + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "25px" + } + }, + "component-pill-edge-to-text-300": { + "prop": "--spectrum-component-pill-edge-to-text-300", + "desktop": { + "value": "24px" + }, + "mobile": { + "value": "30px" + } + }, + "component-pill-edge-to-text-75": { + "prop": "--spectrum-component-pill-edge-to-text-75", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-pill-edge-to-visual-100": { + "prop": "--spectrum-component-pill-edge-to-visual-100", "desktop": { "value": "14px" }, @@ -4565,6 +4695,111 @@ "value": "6px" } }, + "component-s-bold-font-family": { + "prop": "--spectrum-component-s-bold-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-s-bold-font-family-font-size": { + "prop": "--spectrum-component-s-bold-font-family-font-size", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-s-bold-font-family-font-size-font-weight": { + "prop": "--spectrum-component-s-bold-font-family-font-size-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "bold" + }, + "component-s-bold-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-s-bold-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-s-bold-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-s-bold-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-75)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "component-s-medium-font-family": { + "prop": "--spectrum-component-s-medium-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-s-medium-font-family-font-size": { + "prop": "--spectrum-component-s-medium-font-family-font-size", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-s-medium-font-family-font-size-font-weight": { + "prop": "--spectrum-component-s-medium-font-family-font-size-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "medium" + }, + "component-s-medium-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-s-medium-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-s-medium-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-s-medium-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-75)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, + "component-s-regular-font-family": { + "prop": "--spectrum-component-s-regular-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-s-regular-font-family-font-size": { + "prop": "--spectrum-component-s-regular-font-family-font-size", + "ref": "var(--spectrum-font-size-75)", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-s-regular-font-family-font-size-font-weight": { + "prop": "--spectrum-component-s-regular-font-family-font-size-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "regular" + }, + "component-s-regular-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-s-regular-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-s-regular-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-s-regular-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-75)", + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "20px" + } + }, "component-size-difference-down": { "prop": "--spectrum-component-size-difference-down", "value": "-2px" @@ -4579,7 +4814,7 @@ }, "component-size-width-ratio-down": { "prop": "--spectrum-component-size-width-ratio-down", - "value": 0.3333 + "value": "0.3333" }, "component-to-menu-extra-large": { "prop": "--spectrum-component-to-menu-extra-large", @@ -4617,101 +4852,311 @@ "value": "7px" } }, - "component-top-to-text-100": { - "prop": "--spectrum-component-top-to-text-100", + "component-top-to-text-100": { + "prop": "--spectrum-component-top-to-text-100", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "component-top-to-text-200": { + "prop": "--spectrum-component-top-to-text-200", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "12px" + } + }, + "component-top-to-text-300": { + "prop": "--spectrum-component-top-to-text-300", + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "component-top-to-text-50": { + "prop": "--spectrum-component-top-to-text-50", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "4px" + } + }, + "component-top-to-text-75": { + "prop": "--spectrum-component-top-to-text-75", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "5px" + } + }, + "component-top-to-workflow-icon-100": { + "prop": "--spectrum-component-top-to-workflow-icon-100", + "desktop": { + "value": "6px" + }, + "mobile": { + "value": "8px" + } + }, + "component-top-to-workflow-icon-200": { + "prop": "--spectrum-component-top-to-workflow-icon-200", + "desktop": { + "value": "9px" + }, + "mobile": { + "value": "11px" + } + }, + "component-top-to-workflow-icon-300": { + "prop": "--spectrum-component-top-to-workflow-icon-300", + "desktop": { + "value": "11px" + }, + "mobile": { + "value": "15px" + } + }, + "component-top-to-workflow-icon-50": { + "prop": "--spectrum-component-top-to-workflow-icon-50", + "desktop": { + "value": "3px" + }, + "mobile": { + "value": "5px" + } + }, + "component-top-to-workflow-icon-75": { + "prop": "--spectrum-component-top-to-workflow-icon-75", + "desktop": { + "value": "4px" + }, + "mobile": { + "value": "6px" + } + }, + "component-xl-bold-font-family": { + "prop": "--spectrum-component-xl-bold-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-xl-bold-font-family-font-size": { + "prop": "--spectrum-component-xl-bold-font-family-font-size", + "ref": "var(--spectrum-font-size-300)", + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } + }, + "component-xl-bold-font-family-font-size-font-weight": { + "prop": "--spectrum-component-xl-bold-font-family-font-size-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "bold" + }, + "component-xl-bold-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-xl-bold-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-xl-bold-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-xl-bold-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-300)", + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "26px" + } + }, + "component-xl-medium-font-family": { + "prop": "--spectrum-component-xl-medium-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-xl-medium-font-family-font-size": { + "prop": "--spectrum-component-xl-medium-font-family-font-size", + "ref": "var(--spectrum-font-size-300)", "desktop": { - "value": "6px" + "value": "18px" }, "mobile": { - "value": "8px" + "value": "22px" } }, - "component-top-to-text-200": { - "prop": "--spectrum-component-top-to-text-200", + "component-xl-medium-font-family-font-size-font-weight": { + "prop": "--spectrum-component-xl-medium-font-family-font-size-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "medium" + }, + "component-xl-medium-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-xl-medium-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-xl-medium-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-xl-medium-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-300)", "desktop": { - "value": "9px" + "value": "22px" }, "mobile": { - "value": "12px" + "value": "26px" } }, - "component-top-to-text-300": { - "prop": "--spectrum-component-top-to-text-300", + "component-xl-regular-font-family": { + "prop": "--spectrum-component-xl-regular-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-xl-regular-font-family-font-size": { + "prop": "--spectrum-component-xl-regular-font-family-font-size", + "ref": "var(--spectrum-font-size-300)", "desktop": { - "value": "12px" + "value": "18px" }, "mobile": { - "value": "15px" + "value": "22px" } }, - "component-top-to-text-50": { - "prop": "--spectrum-component-top-to-text-50", + "component-xl-regular-font-family-font-size-font-weight": { + "prop": "--spectrum-component-xl-regular-font-family-font-size-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "regular" + }, + "component-xl-regular-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-xl-regular-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-xl-regular-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-xl-regular-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-300)", "desktop": { - "value": "3px" + "value": "22px" }, "mobile": { - "value": "4px" + "value": "26px" } }, - "component-top-to-text-75": { - "prop": "--spectrum-component-top-to-text-75", + "component-xs-bold-font-family": { + "prop": "--spectrum-component-xs-bold-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-xs-bold-font-family-font-size": { + "prop": "--spectrum-component-xs-bold-font-family-font-size", + "ref": "var(--spectrum-font-size-50)", "desktop": { - "value": "4px" + "value": "11px" }, "mobile": { - "value": "5px" + "value": "13px" } }, - "component-top-to-workflow-icon-100": { - "prop": "--spectrum-component-top-to-workflow-icon-100", + "component-xs-bold-font-family-font-size-font-weight": { + "prop": "--spectrum-component-xs-bold-font-family-font-size-font-weight", + "ref": "var(--spectrum-bold-font-weight)", + "value": "bold" + }, + "component-xs-bold-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-xs-bold-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-xs-bold-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-xs-bold-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-50)", "desktop": { - "value": "6px" + "value": "14px" }, "mobile": { - "value": "8px" + "value": "16px" } }, - "component-top-to-workflow-icon-200": { - "prop": "--spectrum-component-top-to-workflow-icon-200", + "component-xs-medium-font-family": { + "prop": "--spectrum-component-xs-medium-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-xs-medium-font-family-font-size": { + "prop": "--spectrum-component-xs-medium-font-family-font-size", + "ref": "var(--spectrum-font-size-50)", "desktop": { - "value": "9px" + "value": "11px" }, "mobile": { - "value": "11px" + "value": "13px" } }, - "component-top-to-workflow-icon-300": { - "prop": "--spectrum-component-top-to-workflow-icon-300", + "component-xs-medium-font-family-font-size-font-weight": { + "prop": "--spectrum-component-xs-medium-font-family-font-size-font-weight", + "ref": "var(--spectrum-medium-font-weight)", + "value": "medium" + }, + "component-xs-medium-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-xs-medium-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-xs-medium-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-xs-medium-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-50)", "desktop": { - "value": "11px" + "value": "14px" }, "mobile": { - "value": "15px" + "value": "16px" } }, - "component-top-to-workflow-icon-50": { - "prop": "--spectrum-component-top-to-workflow-icon-50", + "component-xs-regular-font-family": { + "prop": "--spectrum-component-xs-regular-font-family", + "ref": "var(--spectrum-sans-serif-font-family)", + "value": "Adobe Clean Spectrum VF" + }, + "component-xs-regular-font-family-font-size": { + "prop": "--spectrum-component-xs-regular-font-family-font-size", + "ref": "var(--spectrum-font-size-50)", "desktop": { - "value": "3px" + "value": "11px" }, "mobile": { - "value": "5px" + "value": "13px" } }, - "component-top-to-workflow-icon-75": { - "prop": "--spectrum-component-top-to-workflow-icon-75", + "component-xs-regular-font-family-font-size-font-weight": { + "prop": "--spectrum-component-xs-regular-font-family-font-size-font-weight", + "ref": "var(--spectrum-regular-font-weight)", + "value": "regular" + }, + "component-xs-regular-font-family-font-size-font-weight-letter-spacing": { + "prop": "--spectrum-component-xs-regular-font-family-font-size-font-weight-letter-spacing", + "ref": "var(--spectrum-letter-spacing)", + "value": "0em" + }, + "component-xs-regular-font-family-font-size-font-weight-letter-spacing-line-height": { + "prop": "--spectrum-component-xs-regular-font-family-font-size-font-weight-letter-spacing-line-height", + "ref": "var(--spectrum-line-height-font-size-50)", "desktop": { - "value": "4px" + "value": "14px" }, "mobile": { - "value": "6px" + "value": "16px" } }, "contextual-help-body-font-size": { "prop": "--spectrum-contextual-help-body-font-size", "ref": "var(--spectrum-body-size-xs)", "desktop": { - "value": "14px" + "value": "12px" }, "mobile": { "value": "15px" @@ -4719,9 +5164,9 @@ }, "contextual-help-body-size": { "prop": "--spectrum-contextual-help-body-size", - "ref": "var(--spectrum-body-size-xs)", + "ref": "var(--spectrum-contextual-help-body-font-size)", "desktop": { - "value": "14px" + "value": "12px" }, "mobile": { "value": "15px" @@ -4733,23 +5178,11 @@ }, "contextual-help-title-font-size": { "prop": "--spectrum-contextual-help-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-title-size-s)" }, "contextual-help-title-size": { "prop": "--spectrum-contextual-help-title-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-contextual-help-title-font-size)" }, "corner-radius-0": { "prop": "--spectrum-corner-radius-0", @@ -4761,8 +5194,7 @@ }, "corner-radius-1000": { "prop": "--spectrum-corner-radius-1000", - "ref": 0.5, - "value": "9999px" + "value": "0.5" }, "corner-radius-200": { "prop": "--spectrum-corner-radius-200", @@ -4804,7 +5236,7 @@ "corner-radius-full": { "prop": "--spectrum-corner-radius-full", "ref": "var(--spectrum-corner-radius-1000)", - "value": "9999px" + "value": "0.5" }, "corner-radius-large-default": { "prop": "--spectrum-corner-radius-large-default", @@ -5118,7 +5550,7 @@ "prop": "--spectrum-cyan-background-color-default", "ref": "var(--spectrum-cyan-800)", "light": { - "value": "rgb(11, 120, 179)" + "value": "rgb(18, 134, 205)" }, "dark": { "value": "rgb(13, 125, 186)" @@ -5128,7 +5560,7 @@ "prop": "--spectrum-cyan-subtle-background-color-default", "ref": "var(--spectrum-cyan-300)", "light": { - "value": "rgb(217, 244, 253)" + "value": "rgb(183, 231, 252)" }, "dark": { "value": "rgb(0, 48, 65)" @@ -5138,7 +5570,7 @@ "prop": "--spectrum-cyan-visual-color", "ref": "var(--spectrum-cyan-900)", "light": { - "value": "rgb(48, 167, 254)" + "value": "rgb(11, 120, 179)" }, "dark": { "value": "rgb(24, 142, 220)" @@ -5239,7 +5671,7 @@ "default-font-family": { "prop": "--spectrum-default-font-family", "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" + "value": "Adobe Clean Spectrum VF" }, "default-font-style": { "prop": "--spectrum-default-font-style", @@ -5253,7 +5685,7 @@ "detail-cjk-emphasized-font-weight": { "prop": "--spectrum-detail-cjk-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "detail-cjk-font-family": { "prop": "--spectrum-detail-cjk-font-family", @@ -5268,7 +5700,7 @@ "detail-cjk-font-weight": { "prop": "--spectrum-detail-cjk-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "detail-cjk-light-emphasized-font-style": { "prop": "--spectrum-detail-cjk-light-emphasized-font-style", @@ -5278,7 +5710,7 @@ "detail-cjk-light-emphasized-font-weight": { "prop": "--spectrum-detail-cjk-light-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-cjk-light-font-style": { "prop": "--spectrum-detail-cjk-light-font-style", @@ -5288,7 +5720,7 @@ "detail-cjk-light-font-weight": { "prop": "--spectrum-detail-cjk-light-font-weight", "ref": "var(--spectrum-light-font-weight)", - "value": "300" + "value": "light" }, "detail-cjk-light-strong-emphasized-font-style": { "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-style", @@ -5298,7 +5730,7 @@ "detail-cjk-light-strong-emphasized-font-weight": { "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "detail-cjk-light-strong-font-style": { "prop": "--spectrum-detail-cjk-light-strong-font-style", @@ -5308,12 +5740,12 @@ "detail-cjk-light-strong-font-weight": { "prop": "--spectrum-detail-cjk-light-strong-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "detail-cjk-line-height": { "prop": "--spectrum-detail-cjk-line-height", "ref": "var(--spectrum-cjk-line-height-100)", - "value": 1.5 + "value": "1.5" }, "detail-cjk-size-l": { "prop": "--spectrum-detail-cjk-size-l", @@ -5373,7 +5805,7 @@ "detail-cjk-strong-emphasized-font-weight": { "prop": "--spectrum-detail-cjk-strong-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "detail-cjk-strong-font-style": { "prop": "--spectrum-detail-cjk-strong-font-style", @@ -5383,7 +5815,7 @@ "detail-cjk-strong-font-weight": { "prop": "--spectrum-detail-cjk-strong-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "detail-color": { "prop": "--spectrum-detail-color", @@ -5402,15 +5834,15 @@ "detail-line-height": { "prop": "--spectrum-detail-line-height", "ref": "var(--spectrum-line-height-100)", - "value": 1.3 + "value": "1.3" }, "detail-margin-bottom-multiplier": { "prop": "--spectrum-detail-margin-bottom-multiplier", - "value": 0.25 + "value": "0.25" }, "detail-margin-top-multiplier": { "prop": "--spectrum-detail-margin-top-multiplier", - "value": 0.88888889 + "value": "0.88888889" }, "detail-sans-serif-emphasized-font-style": { "prop": "--spectrum-detail-sans-serif-emphasized-font-style", @@ -5420,12 +5852,12 @@ "detail-sans-serif-emphasized-font-weight": { "prop": "--spectrum-detail-sans-serif-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-sans-serif-font-family": { "prop": "--spectrum-detail-sans-serif-font-family", "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" + "value": "Adobe Clean Spectrum VF" }, "detail-sans-serif-font-style": { "prop": "--spectrum-detail-sans-serif-font-style", @@ -5435,7 +5867,7 @@ "detail-sans-serif-font-weight": { "prop": "--spectrum-detail-sans-serif-font-weight", "ref": "var(--spectrum-medium-font-weight)", - "value": "500" + "value": "medium" }, "detail-sans-serif-light-emphasized-font-style": { "prop": "--spectrum-detail-sans-serif-light-emphasized-font-style", @@ -5445,7 +5877,7 @@ "detail-sans-serif-light-emphasized-font-weight": { "prop": "--spectrum-detail-sans-serif-light-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-sans-serif-light-font-style": { "prop": "--spectrum-detail-sans-serif-light-font-style", @@ -5455,7 +5887,7 @@ "detail-sans-serif-light-font-weight": { "prop": "--spectrum-detail-sans-serif-light-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-sans-serif-light-strong-emphasized-font-style": { "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-style", @@ -5465,7 +5897,7 @@ "detail-sans-serif-light-strong-emphasized-font-weight": { "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-sans-serif-light-strong-font-style": { "prop": "--spectrum-detail-sans-serif-light-strong-font-style", @@ -5475,7 +5907,7 @@ "detail-sans-serif-light-strong-font-weight": { "prop": "--spectrum-detail-sans-serif-light-strong-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-sans-serif-strong-emphasized-font-style": { "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-style", @@ -5485,7 +5917,7 @@ "detail-sans-serif-strong-emphasized-font-weight": { "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "detail-sans-serif-strong-font-style": { "prop": "--spectrum-detail-sans-serif-strong-font-style", @@ -5495,7 +5927,7 @@ "detail-sans-serif-strong-font-weight": { "prop": "--spectrum-detail-sans-serif-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "detail-sans-serif-text-transform": { "prop": "--spectrum-detail-sans-serif-text-transform", @@ -5509,7 +5941,7 @@ "detail-serif-emphasized-font-weight": { "prop": "--spectrum-detail-serif-emphasized-font-weight", "ref": "var(--spectrum-medium-font-weight)", - "value": "500" + "value": "medium" }, "detail-serif-font-family": { "prop": "--spectrum-detail-serif-font-family", @@ -5524,7 +5956,7 @@ "detail-serif-font-weight": { "prop": "--spectrum-detail-serif-font-weight", "ref": "var(--spectrum-medium-font-weight)", - "value": "500" + "value": "medium" }, "detail-serif-light-emphasized-font-style": { "prop": "--spectrum-detail-serif-light-emphasized-font-style", @@ -5534,7 +5966,7 @@ "detail-serif-light-emphasized-font-weight": { "prop": "--spectrum-detail-serif-light-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-serif-light-font-style": { "prop": "--spectrum-detail-serif-light-font-style", @@ -5544,7 +5976,7 @@ "detail-serif-light-font-weight": { "prop": "--spectrum-detail-serif-light-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-serif-light-strong-emphasized-font-style": { "prop": "--spectrum-detail-serif-light-strong-emphasized-font-style", @@ -5554,7 +5986,7 @@ "detail-serif-light-strong-emphasized-font-weight": { "prop": "--spectrum-detail-serif-light-strong-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-serif-light-strong-font-style": { "prop": "--spectrum-detail-serif-light-strong-font-style", @@ -5564,7 +5996,7 @@ "detail-serif-light-strong-font-weight": { "prop": "--spectrum-detail-serif-light-strong-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "detail-serif-strong-emphasized-font-style": { "prop": "--spectrum-detail-serif-strong-emphasized-font-style", @@ -5574,7 +6006,7 @@ "detail-serif-strong-emphasized-font-weight": { "prop": "--spectrum-detail-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "detail-serif-strong-font-style": { "prop": "--spectrum-detail-serif-strong-font-style", @@ -5584,7 +6016,7 @@ "detail-serif-strong-font-weight": { "prop": "--spectrum-detail-serif-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "detail-serif-text-transform": { "prop": "--spectrum-detail-serif-text-transform", @@ -5990,9 +6422,9 @@ }, "drop-zone-background-color": { "prop": "--spectrum-drop-zone-background-color", - "ref": "var(--spectrum-accent-color-900)", + "ref": "var(--spectrum-accent-visual-color)", "light": { - "value": "rgb(75, 117, 255)" + "value": "rgb(59, 99, 251)" }, "dark": { "value": "rgb(86, 129, 255)" @@ -6008,18 +6440,11 @@ }, "drop-zone-body-font-size": { "prop": "--spectrum-drop-zone-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } + "ref": "var(--spectrum-illustrated-message-medium-body-font-size)" }, "drop-zone-body-size": { "prop": "--spectrum-drop-zone-body-size", - "ref": "var(--spectrum-drop-zone-body-font-size)", - "value": "{drop-zone-body-font-size}" + "ref": "var(--spectrum-drop-zone-body-font-size)" }, "drop-zone-border-dash-gap": { "prop": "--spectrum-drop-zone-border-dash-gap", @@ -6031,38 +6456,23 @@ }, "drop-zone-cjk-title-font-size": { "prop": "--spectrum-drop-zone-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-l)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "19px" - } + "ref": "var(--spectrum-illustrated-message-medium-cjk-title-font-size)" }, "drop-zone-cjk-title-size": { "prop": "--spectrum-drop-zone-cjk-title-size", - "ref": "var(--spectrum-drop-zone-cjk-title-font-size)", - "value": "{drop-zone-cjk-title-font-size}" + "ref": "var(--spectrum-drop-zone-cjk-title-font-size)" }, "drop-zone-content-maximum-width": { "prop": "--spectrum-drop-zone-content-maximum-width", - "ref": "var(--spectrum-illustrated-message-maximum-width)", - "value": "380px" + "ref": "var(--spectrum-illustrated-message-maximum-width)" }, "drop-zone-title-font-size": { "prop": "--spectrum-drop-zone-title-font-size", - "ref": "var(--spectrum-title-size-l)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } + "ref": "var(--spectrum-illustrated-message-medium-title-font-size)" }, "drop-zone-title-size": { "prop": "--spectrum-drop-zone-title-size", - "ref": "var(--spectrum-drop-zone-title-font-size)", - "value": "{drop-zone-title-font-size}" + "ref": "var(--spectrum-drop-zone-title-font-size)" }, "drop-zone-width": { "prop": "--spectrum-drop-zone-width", @@ -6070,8 +6480,7 @@ }, "extra-bold-font-weight": { "prop": "--spectrum-extra-bold-font-weight", - "ref": "extra-bold", - "value": "800" + "value": "extra-bold" }, "field-default-width-extra-large": { "prop": "--spectrum-field-default-width-extra-large", @@ -6727,13 +7136,7 @@ }, "field-width": { "prop": "--spectrum-field-width", - "ref": "var(--spectrum-field-width-small)", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } + "ref": "var(--spectrum-field-width-small)" }, "field-width-extra-large": { "prop": "--spectrum-field-width-extra-large", @@ -7121,7 +7524,7 @@ "prop": "--spectrum-fuchsia-background-color-default", "ref": "var(--spectrum-fuchsia-800)", "light": { - "value": "rgb(181, 57, 200)" + "value": "rgb(200, 68, 220)" }, "dark": { "value": "rgb(186, 60, 206)" @@ -7131,7 +7534,7 @@ "prop": "--spectrum-fuchsia-subtle-background-color-default", "ref": "var(--spectrum-fuchsia-300)", "light": { - "value": "rgb(253, 233, 255)" + "value": "rgb(250, 211, 255)" }, "dark": { "value": "rgb(79, 0, 95)" @@ -7141,35 +7544,27 @@ "prop": "--spectrum-fuchsia-visual-color", "ref": "var(--spectrum-fuchsia-900)", "light": { - "value": "rgb(200, 68, 220)" + "value": "rgb(181, 57, 200)" }, "dark": { "value": "rgb(213, 73, 235)" } }, - "gradient-stop-1-genai": { - "prop": "--spectrum-gradient-stop-1-genai", - "value": 0 - }, - "gradient-stop-1-premium": { - "prop": "--spectrum-gradient-stop-1-premium", - "value": 0 - }, "gradient-stop-2-genai": { "prop": "--spectrum-gradient-stop-2-genai", - "value": 0.3333 + "value": "0.3333" }, "gradient-stop-2-premium": { "prop": "--spectrum-gradient-stop-2-premium", - "value": 0.6666 + "value": "0.6666" }, "gradient-stop-3-genai": { "prop": "--spectrum-gradient-stop-3-genai", - "value": 1 + "value": "1" }, "gradient-stop-3-premium": { "prop": "--spectrum-gradient-stop-3-premium", - "value": 1 + "value": "1" }, "gray-100": { "prop": "--spectrum-gray-100", @@ -7292,7 +7687,7 @@ "prop": "--spectrum-gray-background-color-default", "ref": "var(--spectrum-gray-500)", "light": { - "value": "rgb(80, 80, 80)" + "value": "rgb(143, 143, 143)" }, "dark": { "value": "rgb(109, 109, 109)" @@ -7302,7 +7697,7 @@ "prop": "--spectrum-gray-subtle-background-color-default", "ref": "var(--spectrum-gray-300)", "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(218, 218, 218)" }, "dark": { "value": "rgb(57, 57, 57)" @@ -7312,7 +7707,7 @@ "prop": "--spectrum-gray-visual-color", "ref": "var(--spectrum-gray-600)", "light": { - "value": "rgb(143, 143, 143)" + "value": "rgb(113, 113, 113)" }, "dark": { "value": "rgb(138, 138, 138)" @@ -7466,7 +7861,7 @@ "prop": "--spectrum-green-background-color-default", "ref": "var(--spectrum-green-800)", "light": { - "value": "rgb(5, 131, 78)" + "value": "rgb(7, 147, 85)" }, "dark": { "value": "rgb(6, 136, 80)" @@ -7476,7 +7871,7 @@ "prop": "--spectrum-green-subtle-background-color-default", "ref": "var(--spectrum-green-300)", "light": { - "value": "rgb(215, 247, 225)" + "value": "rgb(173, 238, 197)" }, "dark": { "value": "rgb(0, 51, 38)" @@ -7486,7 +7881,7 @@ "prop": "--spectrum-green-visual-color", "ref": "var(--spectrum-green-800)", "light": { - "value": "rgb(11, 164, 93)" + "value": "rgb(7, 147, 85)" }, "dark": { "value": "rgb(6, 136, 80)" @@ -7504,7 +7899,7 @@ "heading-cjk-emphasized-font-weight": { "prop": "--spectrum-heading-cjk-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-cjk-font-family": { "prop": "--spectrum-heading-cjk-font-family", @@ -7519,7 +7914,7 @@ "heading-cjk-font-weight": { "prop": "--spectrum-heading-cjk-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "heading-cjk-heavy-emphasized-font-style": { "prop": "--spectrum-heading-cjk-heavy-emphasized-font-style", @@ -7529,7 +7924,7 @@ "heading-cjk-heavy-emphasized-font-weight": { "prop": "--spectrum-heading-cjk-heavy-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-cjk-heavy-font-style": { "prop": "--spectrum-heading-cjk-heavy-font-style", @@ -7539,7 +7934,7 @@ "heading-cjk-heavy-font-weight": { "prop": "--spectrum-heading-cjk-heavy-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "heading-cjk-heavy-strong-emphasized-font-style": { "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-style", @@ -7549,7 +7944,7 @@ "heading-cjk-heavy-strong-emphasized-font-weight": { "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-cjk-heavy-strong-font-style": { "prop": "--spectrum-heading-cjk-heavy-strong-font-style", @@ -7559,7 +7954,7 @@ "heading-cjk-heavy-strong-font-weight": { "prop": "--spectrum-heading-cjk-heavy-strong-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-cjk-light-emphasized-font-style": { "prop": "--spectrum-heading-cjk-light-emphasized-font-style", @@ -7569,7 +7964,7 @@ "heading-cjk-light-emphasized-font-weight": { "prop": "--spectrum-heading-cjk-light-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "heading-cjk-light-font-style": { "prop": "--spectrum-heading-cjk-light-font-style", @@ -7579,7 +7974,7 @@ "heading-cjk-light-font-weight": { "prop": "--spectrum-heading-cjk-light-font-weight", "ref": "var(--spectrum-light-font-weight)", - "value": "300" + "value": "light" }, "heading-cjk-light-strong-emphasized-font-style": { "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-style", @@ -7589,7 +7984,7 @@ "heading-cjk-light-strong-emphasized-font-weight": { "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "heading-cjk-light-strong-font-style": { "prop": "--spectrum-heading-cjk-light-strong-font-style", @@ -7599,12 +7994,12 @@ "heading-cjk-light-strong-font-weight": { "prop": "--spectrum-heading-cjk-light-strong-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "heading-cjk-line-height": { "prop": "--spectrum-heading-cjk-line-height", "ref": "var(--spectrum-cjk-line-height-100)", - "value": 1.5 + "value": "1.5" }, "heading-cjk-size-l": { "prop": "--spectrum-heading-cjk-size-l", @@ -7704,7 +8099,7 @@ "heading-cjk-strong-emphasized-font-weight": { "prop": "--spectrum-heading-cjk-strong-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-cjk-strong-font-style": { "prop": "--spectrum-heading-cjk-strong-font-style", @@ -7714,7 +8109,7 @@ "heading-cjk-strong-font-weight": { "prop": "--spectrum-heading-cjk-strong-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-color": { "prop": "--spectrum-heading-color", @@ -7729,15 +8124,15 @@ "heading-line-height": { "prop": "--spectrum-heading-line-height", "ref": "var(--spectrum-line-height-100)", - "value": 1.3 + "value": "1.3" }, "heading-margin-bottom-multiplier": { "prop": "--spectrum-heading-margin-bottom-multiplier", - "value": 0.25 + "value": "0.25" }, "heading-margin-top-multiplier": { "prop": "--spectrum-heading-margin-top-multiplier", - "value": 0.88888889 + "value": "0.88888889" }, "heading-sans-serif-emphasized-font-style": { "prop": "--spectrum-heading-sans-serif-emphasized-font-style", @@ -7747,12 +8142,12 @@ "heading-sans-serif-emphasized-font-weight": { "prop": "--spectrum-heading-sans-serif-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "heading-sans-serif-font-family": { "prop": "--spectrum-heading-sans-serif-font-family", "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" + "value": "Adobe Clean Spectrum VF" }, "heading-sans-serif-font-style": { "prop": "--spectrum-heading-sans-serif-font-style", @@ -7762,7 +8157,7 @@ "heading-sans-serif-font-weight": { "prop": "--spectrum-heading-sans-serif-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "heading-sans-serif-heavy-emphasized-font-style": { "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-style", @@ -7772,7 +8167,7 @@ "heading-sans-serif-heavy-emphasized-font-weight": { "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-sans-serif-heavy-font-style": { "prop": "--spectrum-heading-sans-serif-heavy-font-style", @@ -7782,7 +8177,7 @@ "heading-sans-serif-heavy-font-weight": { "prop": "--spectrum-heading-sans-serif-heavy-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-sans-serif-heavy-strong-emphasized-font-style": { "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style", @@ -7792,7 +8187,7 @@ "heading-sans-serif-heavy-strong-emphasized-font-weight": { "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-sans-serif-heavy-strong-font-style": { "prop": "--spectrum-heading-sans-serif-heavy-strong-font-style", @@ -7802,7 +8197,7 @@ "heading-sans-serif-heavy-strong-font-weight": { "prop": "--spectrum-heading-sans-serif-heavy-strong-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-sans-serif-light-emphasized-font-style": { "prop": "--spectrum-heading-sans-serif-light-emphasized-font-style", @@ -7812,7 +8207,7 @@ "heading-sans-serif-light-emphasized-font-weight": { "prop": "--spectrum-heading-sans-serif-light-emphasized-font-weight", "ref": "var(--spectrum-light-font-weight)", - "value": "300" + "value": "light" }, "heading-sans-serif-light-font-style": { "prop": "--spectrum-heading-sans-serif-light-font-style", @@ -7822,7 +8217,7 @@ "heading-sans-serif-light-font-weight": { "prop": "--spectrum-heading-sans-serif-light-font-weight", "ref": "var(--spectrum-light-font-weight)", - "value": "300" + "value": "light" }, "heading-sans-serif-light-strong-emphasized-font-style": { "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-style", @@ -7832,7 +8227,7 @@ "heading-sans-serif-light-strong-emphasized-font-weight": { "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "heading-sans-serif-light-strong-font-style": { "prop": "--spectrum-heading-sans-serif-light-strong-font-style", @@ -7842,7 +8237,7 @@ "heading-sans-serif-light-strong-font-weight": { "prop": "--spectrum-heading-sans-serif-light-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "heading-sans-serif-strong-emphasized-font-style": { "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-style", @@ -7852,7 +8247,7 @@ "heading-sans-serif-strong-emphasized-font-weight": { "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-sans-serif-strong-font-style": { "prop": "--spectrum-heading-sans-serif-strong-font-style", @@ -7862,7 +8257,7 @@ "heading-sans-serif-strong-font-weight": { "prop": "--spectrum-heading-sans-serif-strong-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-serif-emphasized-font-style": { "prop": "--spectrum-heading-serif-emphasized-font-style", @@ -7872,7 +8267,7 @@ "heading-serif-emphasized-font-weight": { "prop": "--spectrum-heading-serif-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "heading-serif-font-family": { "prop": "--spectrum-heading-serif-font-family", @@ -7887,7 +8282,7 @@ "heading-serif-font-weight": { "prop": "--spectrum-heading-serif-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "heading-serif-heavy-emphasized-font-style": { "prop": "--spectrum-heading-serif-heavy-emphasized-font-style", @@ -7897,7 +8292,7 @@ "heading-serif-heavy-emphasized-font-weight": { "prop": "--spectrum-heading-serif-heavy-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-serif-heavy-font-style": { "prop": "--spectrum-heading-serif-heavy-font-style", @@ -7907,7 +8302,7 @@ "heading-serif-heavy-font-weight": { "prop": "--spectrum-heading-serif-heavy-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-serif-heavy-strong-emphasized-font-style": { "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-style", @@ -7917,7 +8312,7 @@ "heading-serif-heavy-strong-emphasized-font-weight": { "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-serif-heavy-strong-font-style": { "prop": "--spectrum-heading-serif-heavy-strong-font-style", @@ -7927,7 +8322,7 @@ "heading-serif-heavy-strong-font-weight": { "prop": "--spectrum-heading-serif-heavy-strong-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-serif-light-emphasized-font-style": { "prop": "--spectrum-heading-serif-light-emphasized-font-style", @@ -7937,7 +8332,7 @@ "heading-serif-light-emphasized-font-weight": { "prop": "--spectrum-heading-serif-light-emphasized-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "heading-serif-light-font-style": { "prop": "--spectrum-heading-serif-light-font-style", @@ -7947,7 +8342,7 @@ "heading-serif-light-font-weight": { "prop": "--spectrum-heading-serif-light-font-weight", "ref": "var(--spectrum-regular-font-weight)", - "value": "400" + "value": "regular" }, "heading-serif-light-strong-emphasized-font-style": { "prop": "--spectrum-heading-serif-light-strong-emphasized-font-style", @@ -7957,7 +8352,7 @@ "heading-serif-light-strong-emphasized-font-weight": { "prop": "--spectrum-heading-serif-light-strong-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "heading-serif-light-strong-font-style": { "prop": "--spectrum-heading-serif-light-strong-font-style", @@ -7967,7 +8362,7 @@ "heading-serif-light-strong-font-weight": { "prop": "--spectrum-heading-serif-light-strong-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "heading-serif-strong-emphasized-font-style": { "prop": "--spectrum-heading-serif-strong-emphasized-font-style", @@ -7977,7 +8372,7 @@ "heading-serif-strong-emphasized-font-weight": { "prop": "--spectrum-heading-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-serif-strong-font-style": { "prop": "--spectrum-heading-serif-strong-font-style", @@ -7987,7 +8382,7 @@ "heading-serif-strong-font-weight": { "prop": "--spectrum-heading-serif-strong-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "heading-size-l": { "prop": "--spectrum-heading-size-l", @@ -8127,7 +8522,7 @@ "prop": "--spectrum-icon-color-blue-background", "ref": "var(--spectrum-blue-300)", "light": { - "value": "rgb(229, 240, 254)" + "value": "rgb(203, 226, 254)" }, "dark": { "value": "rgb(12, 33, 117)" @@ -8137,7 +8532,7 @@ "prop": "--spectrum-icon-color-blue-primary-default", "ref": "var(--spectrum-blue-800)", "light": { - "value": "rgb(59, 99, 251)" + "value": "rgb(75, 117, 255)" }, "dark": { "value": "rgb(64, 105, 253)" @@ -8147,7 +8542,7 @@ "prop": "--spectrum-icon-color-blue-primary-down", "ref": "var(--spectrum-blue-1000)", "light": { - "value": "rgb(29, 62, 207)" + "value": "rgb(39, 77, 234)" }, "dark": { "value": "rgb(105, 149, 254)" @@ -8157,7 +8552,7 @@ "prop": "--spectrum-icon-color-blue-primary-hover", "ref": "var(--spectrum-blue-900)", "light": { - "value": "rgb(39, 77, 234)" + "value": "rgb(59, 99, 251)" }, "dark": { "value": "rgb(86, 129, 255)" @@ -8166,48 +8561,48 @@ "icon-color-brown-background": { "prop": "--spectrum-icon-color-brown-background", "ref": "var(--spectrum-brown-400)", - "light": { - "value": "rgb(247, 238, 225)" - }, "dark": { "value": "rgb(78, 55, 19)" + }, + "light": { + "value": "rgb(229, 200, 157)" } }, "icon-color-brown-primary-default": { "prop": "--spectrum-icon-color-brown-primary-default", "ref": "var(--spectrum-brown-700)", - "light": { - "value": "rgb(154, 123, 77)" - }, "dark": { "value": "rgb(132, 104, 61)" + }, + "light": { + "value": "rgb(171, 138, 90)" } }, "icon-color-brown-primary-down": { "prop": "--spectrum-icon-color-brown-primary-down", "ref": "var(--spectrum-brown-900)", - "light": { - "value": "rgb(119, 91, 50)" - }, "dark": { "value": "rgb(163, 132, 84)" + }, + "light": { + "value": "rgb(139, 109, 66)" } }, "icon-color-brown-primary-hover": { "prop": "--spectrum-icon-color-brown-primary-hover", "ref": "var(--spectrum-brown-800)", - "light": { - "value": "rgb(139, 109, 66)" - }, "dark": { "value": "rgb(143, 114, 69)" + }, + "light": { + "value": "rgb(154, 123, 77)" } }, "icon-color-celery-background": { "prop": "--spectrum-icon-color-celery-background", "ref": "var(--spectrum-celery-400)", "light": { - "value": "rgb(235, 255, 220)" + "value": "rgb(129, 228, 58)" }, "dark": { "value": "rgb(31, 67, 4)" @@ -8217,7 +8612,7 @@ "prop": "--spectrum-icon-color-celery-primary-default", "ref": "var(--spectrum-celery-900)", "light": { - "value": "rgb(82, 161, 25)" + "value": "rgb(64, 129, 17)" }, "dark": { "value": "rgb(78, 154, 23)" @@ -8227,7 +8622,7 @@ "prop": "--spectrum-icon-color-celery-primary-down", "ref": "var(--spectrum-celery-1100)", "light": { - "value": "rgb(64, 129, 17)" + "value": "rgb(44, 92, 9)" }, "dark": { "value": "rgb(100, 190, 35)" @@ -8237,7 +8632,7 @@ "prop": "--spectrum-icon-color-celery-primary-hover", "ref": "var(--spectrum-celery-1000)", "light": { - "value": "rgb(72, 144, 20)" + "value": "rgb(52, 109, 12)" }, "dark": { "value": "rgb(88, 172, 28)" @@ -8247,7 +8642,7 @@ "prop": "--spectrum-icon-color-chartreuse-background", "ref": "var(--spectrum-chartreuse-400)", "light": { - "value": "rgb(234, 246, 173)" + "value": "rgb(182, 219, 0)" }, "dark": { "value": "rgb(53, 63, 0)" @@ -8257,7 +8652,7 @@ "prop": "--spectrum-icon-color-chartreuse-primary-default", "ref": "var(--spectrum-chartreuse-1000)", "light": { - "value": "rgb(143, 172, 0)" + "value": "rgb(86, 103, 0)" }, "dark": { "value": "rgb(136, 164, 0)" @@ -8267,7 +8662,7 @@ "prop": "--spectrum-icon-color-chartreuse-primary-down", "ref": "var(--spectrum-chartreuse-1200)", "light": { - "value": "rgb(114, 137, 0)" + "value": "rgb(60, 71, 0)" }, "dark": { "value": "rgb(169, 203, 0)" @@ -8277,7 +8672,7 @@ "prop": "--spectrum-icon-color-chartreuse-primary-hover", "ref": "var(--spectrum-chartreuse-1100)", "light": { - "value": "rgb(128, 153, 0)" + "value": "rgb(73, 87, 0)" }, "dark": { "value": "rgb(151, 181, 0)" @@ -8286,11 +8681,11 @@ "icon-color-cinnamon-background": { "prop": "--spectrum-icon-color-cinnamon-background", "ref": "var(--spectrum-cinnamon-300)", - "light": { - "value": "rgb(249, 236, 229)" - }, "dark": { "value": "rgb(79, 28, 7)" + }, + "light": { + "value": "rgb(244, 218, 203)" } }, "icon-color-cinnamon-primary-default": { @@ -8327,7 +8722,7 @@ "prop": "--spectrum-icon-color-cyan-background", "ref": "var(--spectrum-cyan-400)", "light": { - "value": "rgb(238, 250, 254)" + "value": "rgb(138, 213, 255)" }, "dark": { "value": "rgb(0, 64, 88)" @@ -8397,7 +8792,7 @@ "prop": "--spectrum-icon-color-fuchsia-primary-default", "ref": "var(--spectrum-fuchsia-700)", "light": { - "value": "rgb(181, 57, 200)" + "value": "rgb(223, 77, 245)" }, "dark": { "value": "rgb(173, 51, 192)" @@ -8407,7 +8802,7 @@ "prop": "--spectrum-icon-color-fuchsia-primary-down", "ref": "var(--spectrum-fuchsia-900)", "light": { - "value": "rgb(135, 27, 154)" + "value": "rgb(181, 57, 200)" }, "dark": { "value": "rgb(213, 73, 235)" @@ -8417,7 +8812,7 @@ "prop": "--spectrum-icon-color-fuchsia-primary-hover", "ref": "var(--spectrum-fuchsia-800)", "light": { - "value": "rgb(156, 40, 175)" + "value": "rgb(200, 68, 220)" }, "dark": { "value": "rgb(186, 60, 206)" @@ -8427,7 +8822,7 @@ "prop": "--spectrum-icon-color-green-background", "ref": "var(--spectrum-green-400)", "light": { - "value": "rgb(237, 252, 241)" + "value": "rgb(107, 227, 162)" }, "dark": { "value": "rgb(0, 68, 48)" @@ -8467,7 +8862,7 @@ "prop": "--spectrum-icon-color-indigo-background", "ref": "var(--spectrum-indigo-100)", "light": { - "value": "rgb(235, 238, 255)" + "value": "rgb(247, 248, 255)" }, "dark": { "value": "rgb(30, 0, 93)" @@ -8477,7 +8872,7 @@ "prop": "--spectrum-icon-color-indigo-primary-default", "ref": "var(--spectrum-indigo-700)", "light": { - "value": "rgb(113, 85, 250)" + "value": "rgb(132, 128, 254)" }, "dark": { "value": "rgb(109, 75, 248)" @@ -8487,7 +8882,7 @@ "prop": "--spectrum-icon-color-indigo-primary-down", "ref": "var(--spectrum-indigo-900)", "light": { - "value": "rgb(84, 36, 219)" + "value": "rgb(113, 85, 250)" }, "dark": { "value": "rgb(128, 119, 254)" @@ -8497,22 +8892,16 @@ "prop": "--spectrum-icon-color-indigo-primary-hover", "ref": "var(--spectrum-indigo-800)", "light": { - "value": "rgb(99, 56, 238)" - }, - "dark": { - "value": "rgb(116, 91, 252)" - } - }, - "icon-color-informative": { - "prop": "--spectrum-icon-color-informative", - "ref": "var(--spectrum-informative-color-900)", - "light": { - "value": "rgb(75, 117, 255)" + "value": "rgb(122, 106, 253)" }, "dark": { - "value": "rgb(86, 129, 255)" + "value": "rgb(116, 91, 252)" } }, + "icon-color-informative": { + "prop": "--spectrum-icon-color-informative", + "ref": "var(--spectrum-informative-visual-color)" + }, "icon-color-inverse": { "prop": "--spectrum-icon-color-inverse", "ref": "var(--spectrum-gray-50)", @@ -8547,7 +8936,7 @@ "prop": "--spectrum-icon-color-magenta-primary-default", "ref": "var(--spectrum-magenta-700)", "light": { - "value": "rgb(217, 35, 97)" + "value": "rgb(255, 72, 133)" }, "dark": { "value": "rgb(207, 31, 92)" @@ -8557,7 +8946,7 @@ "prop": "--spectrum-icon-color-magenta-primary-down", "ref": "var(--spectrum-magenta-900)", "light": { - "value": "rgb(163, 5, 62)" + "value": "rgb(217, 35, 97)" }, "dark": { "value": "rgb(255, 51, 119)" @@ -8567,7 +8956,7 @@ "prop": "--spectrum-icon-color-magenta-primary-hover", "ref": "var(--spectrum-magenta-800)", "light": { - "value": "rgb(186, 22, 80)" + "value": "rgb(240, 45, 110)" }, "dark": { "value": "rgb(224, 38, 101)" @@ -8575,39 +8964,21 @@ }, "icon-color-negative": { "prop": "--spectrum-icon-color-negative", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } + "ref": "var(--spectrum-negative-visual-color)" }, "icon-color-neutral": { "prop": "--spectrum-icon-color-neutral", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } + "ref": "var(--spectrum-neutral-visual-color)" }, "icon-color-notice": { "prop": "--spectrum-icon-color-notice", - "ref": "var(--spectrum-notice-color-900)", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } + "ref": "var(--spectrum-notice-visual-color)" }, "icon-color-orange-background": { "prop": "--spectrum-icon-color-orange-background", "ref": "var(--spectrum-orange-300)", "light": { - "value": "rgb(255, 236, 207)" + "value": "rgb(255, 218, 158)" }, "dark": { "value": "rgb(80, 27, 0)" @@ -8617,7 +8988,7 @@ "prop": "--spectrum-icon-color-orange-primary-default", "ref": "var(--spectrum-orange-900)", "light": { - "value": "rgb(232, 106, 0)" + "value": "rgb(194, 78, 0)" }, "dark": { "value": "rgb(224, 100, 0)" @@ -8627,7 +8998,7 @@ "prop": "--spectrum-icon-color-orange-primary-down", "ref": "var(--spectrum-orange-1100)", "light": { - "value": "rgb(194, 78, 0)" + "value": "rgb(144, 51, 0)" }, "dark": { "value": "rgb(255, 137, 0)" @@ -8637,7 +9008,7 @@ "prop": "--spectrum-icon-color-orange-primary-hover", "ref": "var(--spectrum-orange-1000)", "light": { - "value": "rgb(212, 91, 0)" + "value": "rgb(167, 62, 0)" }, "dark": { "value": "rgb(243, 117, 0)" @@ -8656,72 +9027,48 @@ "icon-color-pink-primary-default": { "prop": "--spectrum-icon-color-pink-primary-default", "ref": "var(--spectrum-pink-700)", - "light": { - "value": "rgb(228, 52, 163)" - }, "dark": { "value": "rgb(196, 39, 138)" + }, + "light": { + "value": "rgb(242, 76, 184)" } }, "icon-color-pink-primary-down": { "prop": "--spectrum-icon-color-pink-primary-down", "ref": "var(--spectrum-pink-900)", - "light": { - "value": "rgb(176, 31, 123)" - }, "dark": { "value": "rgb(236, 67, 175)" + }, + "light": { + "value": "rgb(206, 42, 146)" } }, "icon-color-pink-primary-hover": { "prop": "--spectrum-icon-color-pink-primary-hover", "ref": "var(--spectrum-pink-800)", - "light": { - "value": "rgb(206, 42, 146)" - }, "dark": { "value": "rgb(213, 45, 151)" + }, + "light": { + "value": "rgb(228, 52, 163)" } }, "icon-color-positive": { "prop": "--spectrum-icon-color-positive", - "ref": "var(--spectrum-positive-color-900)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } + "ref": "var(--spectrum-positive-visual-color)" }, "icon-color-primary-default": { "prop": "--spectrum-icon-color-primary-default", - "ref": "var(--spectrum-neutral-content-color-default)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } + "ref": "var(--spectrum-neutral-content-color-default)" }, "icon-color-primary-down": { "prop": "--spectrum-icon-color-primary-down", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } + "ref": "var(--spectrum-neutral-content-color-down)" }, "icon-color-primary-hover": { "prop": "--spectrum-icon-color-primary-hover", - "ref": "var(--spectrum-neutral-content-color-hover)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } + "ref": "var(--spectrum-neutral-content-color-hover)" }, "icon-color-purple-background": { "prop": "--spectrum-icon-color-purple-background", @@ -8737,7 +9084,7 @@ "prop": "--spectrum-icon-color-purple-primary-default", "ref": "var(--spectrum-purple-700)", "light": { - "value": "rgb(154, 71, 226)" + "value": "rgb(178, 114, 235)" }, "dark": { "value": "rgb(148, 62, 224)" @@ -8747,7 +9094,7 @@ "prop": "--spectrum-icon-color-purple-primary-down", "ref": "var(--spectrum-purple-900)", "light": { - "value": "rgb(115, 13, 204)" + "value": "rgb(154, 71, 226)" }, "dark": { "value": "rgb(173, 105, 233)" @@ -8757,7 +9104,7 @@ "prop": "--spectrum-icon-color-purple-primary-hover", "ref": "var(--spectrum-purple-800)", "light": { - "value": "rgb(134, 40, 217)" + "value": "rgb(166, 92, 231)" }, "dark": { "value": "rgb(157, 78, 228)" @@ -8767,7 +9114,7 @@ "prop": "--spectrum-icon-color-red-background", "ref": "var(--spectrum-red-300)", "light": { - "value": "rgb(255, 235, 232)" + "value": "rgb(255, 214, 209)" }, "dark": { "value": "rgb(87, 17, 7)" @@ -8777,7 +9124,7 @@ "prop": "--spectrum-icon-color-red-primary-default", "ref": "var(--spectrum-red-700)", "light": { - "value": "rgb(215, 50, 32)" + "value": "rgb(255, 81, 61)" }, "dark": { "value": "rgb(205, 46, 29)" @@ -8787,7 +9134,7 @@ "prop": "--spectrum-icon-color-red-primary-down", "ref": "var(--spectrum-red-900)", "light": { - "value": "rgb(156, 33, 19)" + "value": "rgb(215, 50, 32)" }, "dark": { "value": "rgb(252, 67, 46)" @@ -8797,7 +9144,7 @@ "prop": "--spectrum-icon-color-red-primary-hover", "ref": "var(--spectrum-red-800)", "light": { - "value": "rgb(183, 40, 24)" + "value": "rgb(240, 56, 35)" }, "dark": { "value": "rgb(223, 52, 34)" @@ -8807,7 +9154,7 @@ "prop": "--spectrum-icon-color-seafoam-background", "ref": "var(--spectrum-seafoam-400)", "light": { - "value": "rgb(211, 246, 234)" + "value": "rgb(92, 225, 194)" }, "dark": { "value": "rgb(0, 67, 59)" @@ -8846,88 +9193,88 @@ "icon-color-silver-background": { "prop": "--spectrum-icon-color-silver-background", "ref": "var(--spectrum-silver-400)", - "light": { - "value": "rgb(239, 239, 239)" - }, "dark": { "value": "rgb(59, 59, 59)" + }, + "light": { + "value": "rgb(204, 204, 204)" } }, "icon-color-silver-primary-default": { "prop": "--spectrum-icon-color-silver-primary-default", "ref": "var(--spectrum-silver-800)", - "light": { - "value": "rgb(143, 143, 143)" - }, "dark": { "value": "rgb(118, 118, 118)" + }, + "light": { + "value": "rgb(128, 128, 128)" } }, "icon-color-silver-primary-down": { "prop": "--spectrum-icon-color-silver-primary-down", "ref": "var(--spectrum-silver-1000)", - "light": { - "value": "rgb(114, 114, 114)" - }, "dark": { "value": "rgb(152, 152, 152)" + }, + "light": { + "value": "rgb(96, 96, 96)" } }, "icon-color-silver-primary-hover": { "prop": "--spectrum-icon-color-silver-primary-hover", "ref": "var(--spectrum-silver-900)", - "light": { - "value": "rgb(128, 128, 128)" - }, "dark": { "value": "rgb(137, 137, 137)" + }, + "light": { + "value": "rgb(114, 114, 114)" } }, "icon-color-turquoise-background": { "prop": "--spectrum-icon-color-turquoise-background", "ref": "var(--spectrum-turquoise-400)", - "light": { - "value": "rgb(209, 245, 245)" - }, "dark": { "value": "rgb(0, 66, 72)" + }, + "light": { + "value": "rgb(111, 221, 228)" } }, "icon-color-turquoise-primary-default": { "prop": "--spectrum-icon-color-turquoise-primary-default", "ref": "var(--spectrum-turquoise-800)", - "light": { - "value": "rgb(12, 158, 171)" - }, "dark": { "value": "rgb(9, 131, 142)" + }, + "light": { + "value": "rgb(10, 141, 153)" } }, "icon-color-turquoise-primary-down": { "prop": "--spectrum-icon-color-turquoise-primary-down", "ref": "var(--spectrum-turquoise-1000)", - "light": { - "value": "rgb(8, 126, 137)" - }, "dark": { "value": "rgb(13, 168, 182)" + }, + "light": { + "value": "rgb(5, 107, 116)" } }, "icon-color-turquoise-primary-hover": { "prop": "--spectrum-icon-color-turquoise-primary-hover", "ref": "var(--spectrum-turquoise-900)", - "light": { - "value": "rgb(10, 141, 153)" - }, "dark": { "value": "rgb(11, 151, 164)" + }, + "light": { + "value": "rgb(8, 126, 137)" } }, "icon-color-yellow-background": { "prop": "--spectrum-icon-color-yellow-background", "ref": "var(--spectrum-yellow-400)", "light": { - "value": "rgb(255, 248, 204)" + "value": "rgb(245, 199, 0)" }, "dark": { "value": "rgb(83, 52, 0)" @@ -8937,7 +9284,7 @@ "prop": "--spectrum-icon-color-yellow-primary-default", "ref": "var(--spectrum-yellow-1200)", "light": { - "value": "rgb(245, 199, 0)" + "value": "rgb(93, 59, 0)" }, "dark": { "value": "rgb(235, 183, 0)" @@ -8947,7 +9294,7 @@ "prop": "--spectrum-icon-color-yellow-primary-down", "ref": "var(--spectrum-yellow-1400)", "light": { - "value": "rgb(210, 149, 0)" + "value": "rgb(56, 35, 0)" }, "dark": { "value": "rgb(255, 230, 86)" @@ -8957,7 +9304,7 @@ "prop": "--spectrum-icon-color-yellow-primary-hover", "ref": "var(--spectrum-yellow-1300)", "light": { - "value": "rgb(230, 175, 0)" + "value": "rgb(75, 47, 0)" }, "dark": { "value": "rgb(249, 206, 0)" @@ -8965,23 +9312,11 @@ }, "illustrated-message-body-size": { "prop": "--spectrum-illustrated-message-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } + "ref": "var(--spectrum-illustrated-message-large-body-font-size)" }, "illustrated-message-cjk-title-size": { "prop": "--spectrum-illustrated-message-cjk-title-size", - "ref": "var(--spectrum-title-cjk-size-xl)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } + "ref": "var(--spectrum-illustrated-message-large-cjk-title-font-size)" }, "illustrated-message-horizontal-maximum-width": { "prop": "--spectrum-illustrated-message-horizontal-maximum-width", @@ -8991,7 +9326,7 @@ "prop": "--spectrum-illustrated-message-large-body-font-size", "ref": "var(--spectrum-body-size-xs)", "desktop": { - "value": "14px" + "value": "12px" }, "mobile": { "value": "15px" @@ -8999,23 +9334,11 @@ }, "illustrated-message-large-cjk-title-font-size": { "prop": "--spectrum-illustrated-message-large-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-xl)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } + "ref": "var(--spectrum-title-cjk-size-xl)" }, "illustrated-message-large-title-font-size": { "prop": "--spectrum-illustrated-message-large-title-font-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } + "ref": "var(--spectrum-title-size-xl)" }, "illustrated-message-maximum-width": { "prop": "--spectrum-illustrated-message-maximum-width", @@ -9026,7 +9349,7 @@ "prop": "--spectrum-illustrated-message-medium-body-font-size", "ref": "var(--spectrum-body-size-xs)", "desktop": { - "value": "14px" + "value": "12px" }, "mobile": { "value": "15px" @@ -9034,23 +9357,11 @@ }, "illustrated-message-medium-cjk-title-font-size": { "prop": "--spectrum-illustrated-message-medium-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-l)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "19px" - } + "ref": "var(--spectrum-title-cjk-size-l)" }, "illustrated-message-medium-title-font-size": { "prop": "--spectrum-illustrated-message-medium-title-font-size", - "ref": "var(--spectrum-title-size-l)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } + "ref": "var(--spectrum-title-size-l)" }, "illustrated-message-small-body-font-size": { "prop": "--spectrum-illustrated-message-small-body-font-size", @@ -9064,33 +9375,15 @@ }, "illustrated-message-small-cjk-title-font-size": { "prop": "--spectrum-illustrated-message-small-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-s)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } + "ref": "var(--spectrum-title-cjk-size-s)" }, "illustrated-message-small-title-font-size": { "prop": "--spectrum-illustrated-message-small-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-title-size-s)" }, "illustrated-message-title-size": { "prop": "--spectrum-illustrated-message-title-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } + "ref": "var(--spectrum-illustrated-message-large-title-font-size)" }, "illustrated-message-vertical-maximum-width": { "prop": "--spectrum-illustrated-message-vertical-maximum-width", @@ -9425,7 +9718,7 @@ "prop": "--spectrum-indigo-background-color-default", "ref": "var(--spectrum-indigo-800)", "light": { - "value": "rgb(113, 85, 250)" + "value": "rgb(122, 106, 253)" }, "dark": { "value": "rgb(116, 91, 252)" @@ -9435,7 +9728,7 @@ "prop": "--spectrum-indigo-subtle-background-color-default", "ref": "var(--spectrum-indigo-300)", "light": { - "value": "rgb(235, 238, 255)" + "value": "rgb(216, 222, 255)" }, "dark": { "value": "rgb(47, 0, 140)" @@ -9445,7 +9738,7 @@ "prop": "--spectrum-indigo-visual-color", "ref": "var(--spectrum-indigo-900)", "light": { - "value": "rgb(122, 106, 253)" + "value": "rgb(113, 85, 250)" }, "dark": { "value": "rgb(128, 119, 254)" @@ -9453,43 +9746,19 @@ }, "informative-background-color-default": { "prop": "--spectrum-informative-background-color-default", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } + "ref": "var(--spectrum-informative-color-800)" }, "informative-background-color-down": { "prop": "--spectrum-informative-background-color-down", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } + "ref": "var(--spectrum-informative-color-700)" }, "informative-background-color-hover": { "prop": "--spectrum-informative-background-color-hover", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } + "ref": "var(--spectrum-informative-color-700)" }, "informative-background-color-key-focus": { "prop": "--spectrum-informative-background-color-key-focus", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } + "ref": "var(--spectrum-informative-color-700)" }, "informative-color-100": { "prop": "--spectrum-informative-color-100", @@ -9655,7 +9924,7 @@ "prop": "--spectrum-informative-subtle-background-color-default", "ref": "var(--spectrum-informative-color-300)", "light": { - "value": "rgb(229, 240, 254)" + "value": "rgb(203, 226, 254)" }, "dark": { "value": "rgb(12, 33, 117)" @@ -9665,7 +9934,7 @@ "prop": "--spectrum-informative-visual-color", "ref": "var(--spectrum-informative-color-900)", "light": { - "value": "rgb(75, 117, 255)" + "value": "rgb(59, 99, 251)" }, "dark": { "value": "rgb(86, 129, 255)" @@ -9685,16 +9954,15 @@ }, "light-font-weight": { "prop": "--spectrum-light-font-weight", - "ref": "light", - "value": "300" + "value": "light" }, "line-height-100": { "prop": "--spectrum-line-height-100", - "value": 1.3 + "value": "1.3" }, "line-height-200": { "prop": "--spectrum-line-height-200", - "value": 1.5 + "value": "1.5" }, "line-height-font-size-100": { "prop": "--spectrum-line-height-font-size-100", @@ -10088,7 +10356,7 @@ "prop": "--spectrum-magenta-background-color-default", "ref": "var(--spectrum-magenta-800)", "light": { - "value": "rgb(217, 35, 97)" + "value": "rgb(240, 45, 110)" }, "dark": { "value": "rgb(224, 38, 101)" @@ -10098,7 +10366,7 @@ "prop": "--spectrum-magenta-subtle-background-color-default", "ref": "var(--spectrum-magenta-300)", "light": { - "value": "rgb(255, 232, 240)" + "value": "rgb(255, 213, 227)" }, "dark": { "value": "rgb(93, 0, 34)" @@ -10108,7 +10376,7 @@ "prop": "--spectrum-magenta-visual-color", "ref": "var(--spectrum-magenta-900)", "light": { - "value": "rgb(240, 45, 110)" + "value": "rgb(217, 35, 97)" }, "dark": { "value": "rgb(255, 51, 119)" @@ -10116,14 +10384,13 @@ }, "medium-font-weight": { "prop": "--spectrum-medium-font-weight", - "ref": "medium", - "value": "500" + "value": "medium" }, "menu-item-background-color-default": { "prop": "--spectrum-menu-item-background-color-default", "ref": "var(--spectrum-gray-200)", "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(225, 225, 225)" }, "dark": { "value": "rgb(50, 50, 50)" @@ -10133,7 +10400,7 @@ "prop": "--spectrum-menu-item-background-color-disabled", "ref": "var(--spectrum-gray-200)", "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(225, 225, 225)" }, "dark": { "value": "rgb(50, 50, 50)" @@ -10143,7 +10410,7 @@ "prop": "--spectrum-menu-item-background-color-down", "ref": "var(--spectrum-gray-200)", "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(225, 225, 225)" }, "dark": { "value": "rgb(50, 50, 50)" @@ -10153,7 +10420,7 @@ "prop": "--spectrum-menu-item-background-color-hover", "ref": "var(--spectrum-gray-200)", "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(225, 225, 225)" }, "dark": { "value": "rgb(50, 50, 50)" @@ -10163,7 +10430,7 @@ "prop": "--spectrum-menu-item-background-color-keyboard-focus", "ref": "var(--spectrum-gray-200)", "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(225, 225, 225)" }, "dark": { "value": "rgb(50, 50, 50)" @@ -10459,103 +10726,43 @@ }, "negative-background-color-default": { "prop": "--spectrum-negative-background-color-default", - "ref": "var(--spectrum-negative-color-800)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } + "ref": "var(--spectrum-negative-color-800)" }, "negative-background-color-down": { "prop": "--spectrum-negative-background-color-down", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } + "ref": "var(--spectrum-negative-color-700)" }, "negative-background-color-hover": { "prop": "--spectrum-negative-background-color-hover", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } + "ref": "var(--spectrum-negative-color-700)" }, "negative-background-color-key-focus": { "prop": "--spectrum-negative-background-color-key-focus", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } + "ref": "var(--spectrum-negative-color-700)" }, "negative-border-color-default": { "prop": "--spectrum-negative-border-color-default", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } + "ref": "var(--spectrum-negative-color-900)" }, "negative-border-color-down": { "prop": "--spectrum-negative-border-color-down", - "ref": "var(--spectrum-negative-color-1100)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } + "ref": "var(--spectrum-negative-color-1100)" }, "negative-border-color-focus": { "prop": "--spectrum-negative-border-color-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } + "ref": "var(--spectrum-negative-color-1000)" }, "negative-border-color-focus-hover": { "prop": "--spectrum-negative-border-color-focus-hover", - "ref": "var(--spectrum-negative-border-color-down)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } + "ref": "var(--spectrum-negative-border-color-down)" }, "negative-border-color-hover": { "prop": "--spectrum-negative-border-color-hover", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } + "ref": "var(--spectrum-negative-color-1000)" }, "negative-border-color-key-focus": { "prop": "--spectrum-negative-border-color-key-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } + "ref": "var(--spectrum-negative-color-1000)" }, "negative-color-100": { "prop": "--spectrum-negative-color-100", @@ -10759,13 +10966,7 @@ }, "negative-subdued-background-color-default": { "prop": "--spectrum-negative-subdued-background-color-default", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } + "ref": "var(--spectrum-negative-subtle-background-color-default)" }, "negative-subdued-background-color-down": { "prop": "--spectrum-negative-subdued-background-color-down", @@ -10801,7 +11002,7 @@ "prop": "--spectrum-negative-subtle-background-color-default", "ref": "var(--spectrum-negative-color-300)", "light": { - "value": "rgb(255, 235, 232)" + "value": "rgb(255, 214, 209)" }, "dark": { "value": "rgb(87, 17, 7)" @@ -10811,7 +11012,7 @@ "prop": "--spectrum-negative-visual-color", "ref": "var(--spectrum-negative-color-900)", "light": { - "value": "rgb(240, 56, 35)" + "value": "rgb(215, 50, 32)" }, "dark": { "value": "rgb(252, 67, 46)" @@ -10961,7 +11162,7 @@ "prop": "--spectrum-neutral-subdued-background-color-default", "ref": "var(--spectrum-gray-500)", "light": { - "value": "rgb(80, 80, 80)" + "value": "rgb(143, 143, 143)" }, "dark": { "value": "rgb(109, 109, 109)" @@ -10971,7 +11172,7 @@ "prop": "--spectrum-neutral-subdued-background-color-down", "ref": "var(--spectrum-gray-400)", "light": { - "value": "rgb(41, 41, 41)" + "value": "rgb(198, 198, 198)" }, "dark": { "value": "rgb(68, 68, 68)" @@ -10981,7 +11182,7 @@ "prop": "--spectrum-neutral-subdued-background-color-hover", "ref": "var(--spectrum-gray-400)", "light": { - "value": "rgb(41, 41, 41)" + "value": "rgb(198, 198, 198)" }, "dark": { "value": "rgb(68, 68, 68)" @@ -10991,7 +11192,7 @@ "prop": "--spectrum-neutral-subdued-background-color-key-focus", "ref": "var(--spectrum-gray-400)", "light": { - "value": "rgb(41, 41, 41)" + "value": "rgb(198, 198, 198)" }, "dark": { "value": "rgb(68, 68, 68)" @@ -11051,7 +11252,7 @@ "prop": "--spectrum-neutral-subtle-background-color-default", "ref": "var(--spectrum-gray-300)", "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(218, 218, 218)" }, "dark": { "value": "rgb(57, 57, 57)" @@ -11061,7 +11262,7 @@ "prop": "--spectrum-neutral-visual-color", "ref": "var(--spectrum-gray-600)", "light": { - "value": "rgb(143, 143, 143)" + "value": "rgb(113, 113, 113)" }, "dark": { "value": "rgb(138, 138, 138)" @@ -11069,13 +11270,7 @@ }, "notice-background-color-default": { "prop": "--spectrum-notice-background-color-default", - "ref": "var(--spectrum-notice-color-600)", - "dark": { - "value": "rgb(224, 100, 0)" - }, - "light": { - "value": "rgb(252, 125, 0)" - } + "ref": "var(--spectrum-notice-color-600)" }, "notice-color-100": { "prop": "--spectrum-notice-color-100", @@ -11241,7 +11436,7 @@ "prop": "--spectrum-notice-subtle-background-color-default", "ref": "var(--spectrum-notice-color-300)", "light": { - "value": "rgb(255, 236, 207)" + "value": "rgb(255, 218, 158)" }, "dark": { "value": "rgb(80, 27, 0)" @@ -11251,7 +11446,7 @@ "prop": "--spectrum-notice-visual-color", "ref": "var(--spectrum-notice-color-900)", "light": { - "value": "rgb(212, 91, 0)" + "value": "rgb(194, 78, 0)" }, "dark": { "value": "rgb(224, 100, 0)" @@ -11259,7 +11454,7 @@ }, "number-field-minimum-width-multiplier": { "prop": "--spectrum-number-field-minimum-width-multiplier", - "value": 1.25 + "value": "1.25" }, "number-field-visual-to-in-field-stepper-extra-large": { "prop": "--spectrum-number-field-visual-to-in-field-stepper-extra-large", @@ -11337,7 +11532,7 @@ "prop": "--spectrum-opacity-checkerboard-square-dark", "ref": "var(--spectrum-gray-800)", "light": { - "value": "rgb(225, 225, 225)" + "value": "rgb(41, 41, 41)" }, "dark": { "value": "rgb(219, 219, 219)" @@ -11528,7 +11723,7 @@ "prop": "--spectrum-orange-background-color-default", "ref": "var(--spectrum-orange-900)", "light": { - "value": "rgb(252, 125, 0)" + "value": "rgb(194, 78, 0)" }, "dark": { "value": "rgb(224, 100, 0)" @@ -11538,7 +11733,7 @@ "prop": "--spectrum-orange-subtle-background-color-default", "ref": "var(--spectrum-orange-300)", "light": { - "value": "rgb(255, 236, 207)" + "value": "rgb(255, 218, 158)" }, "dark": { "value": "rgb(80, 27, 0)" @@ -11548,7 +11743,7 @@ "prop": "--spectrum-orange-visual-color", "ref": "var(--spectrum-orange-900)", "light": { - "value": "rgb(232, 106, 0)" + "value": "rgb(194, 78, 0)" }, "dark": { "value": "rgb(224, 100, 0)" @@ -11584,7 +11779,7 @@ }, "picker-minimum-width-multiplier": { "prop": "--spectrum-picker-minimum-width-multiplier", - "value": 2 + "value": "2" }, "picker-visual-to-disclosure-icon-extra-large": { "prop": "--spectrum-picker-visual-to-disclosure-icon-extra-large", @@ -11769,40 +11964,39 @@ "pink-background-color-default": { "prop": "--spectrum-pink-background-color-default", "ref": "var(--spectrum-pink-800)", - "light": { - "value": "rgb(206, 42, 146)" - }, "dark": { "value": "rgb(213, 45, 151)" + }, + "light": { + "value": "rgb(228, 52, 163)" } }, "pink-subtle-background-color-default": { "prop": "--spectrum-pink-subtle-background-color-default", "ref": "var(--spectrum-pink-300)", - "light": { - "value": "rgb(255, 232, 247)" - }, "dark": { "value": "rgb(90, 0, 57)" + }, + "light": { + "value": "rgb(255, 211, 240)" } }, "pink-visual-color": { "prop": "--spectrum-pink-visual-color", "ref": "var(--spectrum-pink-900)", - "light": { - "value": "rgb(228, 52, 163)" - }, "dark": { "value": "rgb(236, 67, 175)" + }, + "light": { + "value": "rgb(206, 42, 146)" } }, "popover-border-color": { "prop": "--spectrum-popover-border-color", + "ref": "var(--spectrum-gray-400)", "light": { - "ref": "var(--spectrum-transparent-white-25)", - "value": "rgba(255, 255, 255, 0)" + "value": "rgb(198, 198, 198)" }, - "ref": "var(--spectrum-gray-400)", "dark": { "value": "rgb(68, 68, 68)" } @@ -11836,43 +12030,19 @@ }, "positive-background-color-default": { "prop": "--spectrum-positive-background-color-default", - "ref": "var(--spectrum-positive-color-800)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } + "ref": "var(--spectrum-positive-color-800)" }, "positive-background-color-down": { "prop": "--spectrum-positive-background-color-down", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } + "ref": "var(--spectrum-positive-color-700)" }, "positive-background-color-hover": { "prop": "--spectrum-positive-background-color-hover", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } + "ref": "var(--spectrum-positive-color-700)" }, "positive-background-color-key-focus": { "prop": "--spectrum-positive-background-color-key-focus", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } + "ref": "var(--spectrum-positive-color-700)" }, "positive-color-100": { "prop": "--spectrum-positive-color-100", @@ -12038,7 +12208,7 @@ "prop": "--spectrum-positive-subtle-background-color-default", "ref": "var(--spectrum-positive-color-300)", "light": { - "value": "rgb(215, 247, 225)" + "value": "rgb(173, 238, 197)" }, "dark": { "value": "rgb(0, 51, 38)" @@ -12048,7 +12218,7 @@ "prop": "--spectrum-positive-visual-color", "ref": "var(--spectrum-positive-color-900)", "light": { - "value": "rgb(7, 147, 85)" + "value": "rgb(5, 131, 78)" }, "dark": { "value": "rgb(9, 157, 89)" @@ -12300,7 +12470,7 @@ "prop": "--spectrum-purple-background-color-default", "ref": "var(--spectrum-purple-800)", "light": { - "value": "rgb(154, 71, 226)" + "value": "rgb(166, 92, 231)" }, "dark": { "value": "rgb(157, 78, 228)" @@ -12310,7 +12480,7 @@ "prop": "--spectrum-purple-subtle-background-color-default", "ref": "var(--spectrum-purple-300)", "light": { - "value": "rgb(244, 235, 252)" + "value": "rgb(235, 218, 249)" }, "dark": { "value": "rgb(64, 0, 122)" @@ -12320,7 +12490,7 @@ "prop": "--spectrum-purple-visual-color", "ref": "var(--spectrum-purple-900)", "light": { - "value": "rgb(166, 92, 231)" + "value": "rgb(154, 71, 226)" }, "dark": { "value": "rgb(173, 105, 233)" @@ -12623,7 +12793,7 @@ "prop": "--spectrum-red-background-color-default", "ref": "var(--spectrum-red-800)", "light": { - "value": "rgb(215, 50, 32)" + "value": "rgb(240, 56, 35)" }, "dark": { "value": "rgb(223, 52, 34)" @@ -12633,7 +12803,7 @@ "prop": "--spectrum-red-subtle-background-color-default", "ref": "var(--spectrum-red-300)", "light": { - "value": "rgb(255, 235, 232)" + "value": "rgb(255, 214, 209)" }, "dark": { "value": "rgb(87, 17, 7)" @@ -12643,7 +12813,7 @@ "prop": "--spectrum-red-visual-color", "ref": "var(--spectrum-red-700)", "light": { - "value": "rgb(240, 56, 35)" + "value": "rgb(255, 81, 61)" }, "dark": { "value": "rgb(205, 46, 29)" @@ -12651,12 +12821,11 @@ }, "regular-font-weight": { "prop": "--spectrum-regular-font-weight", - "ref": "regular", - "value": "400" + "value": "regular" }, "sans-serif-font-family": { "prop": "--spectrum-sans-serif-font-family", - "value": "Adobe Clean" + "value": "Adobe Clean Spectrum VF" }, "seafoam-100": { "prop": "--spectrum-seafoam-100", @@ -12806,7 +12975,7 @@ "prop": "--spectrum-seafoam-background-color-default", "ref": "var(--spectrum-seafoam-800)", "light": { - "value": "rgb(7, 129, 109)" + "value": "rgb(9, 144, 120)" }, "dark": { "value": "rgb(8, 134, 112)" @@ -12816,7 +12985,7 @@ "prop": "--spectrum-seafoam-subtle-background-color-default", "ref": "var(--spectrum-seafoam-300)", "light": { - "value": "rgb(211, 246, 234)" + "value": "rgb(169, 237, 216)" }, "dark": { "value": "rgb(0, 50, 44)" @@ -12826,7 +12995,7 @@ "prop": "--spectrum-seafoam-visual-color", "ref": "var(--spectrum-seafoam-800)", "light": { - "value": "rgb(11, 162, 134)" + "value": "rgb(9, 144, 120)" }, "dark": { "value": "rgb(8, 134, 112)" @@ -12834,7 +13003,7 @@ }, "search-field-minimum-width-multiplier": { "prop": "--spectrum-search-field-minimum-width-multiplier", - "value": 4 + "value": "4" }, "segmented-control-item-height": { "prop": "--spectrum-segmented-control-item-height", @@ -13260,31 +13429,31 @@ "silver-background-color-default": { "prop": "--spectrum-silver-background-color-default", "ref": "var(--spectrum-silver-800)", - "light": { - "value": "rgb(114, 114, 114)" - }, "dark": { "value": "rgb(118, 118, 118)" + }, + "light": { + "value": "rgb(128, 128, 128)" } }, "silver-subtle-background-color-default": { "prop": "--spectrum-silver-subtle-background-color-default", "ref": "var(--spectrum-silver-300)", - "light": { - "value": "rgb(239, 239, 239)" - }, "dark": { "value": "rgb(44, 44, 44)" + }, + "light": { + "value": "rgb(223, 223, 223)" } }, "silver-visual-color": { "prop": "--spectrum-silver-visual-color", "ref": "var(--spectrum-silver-900)", - "light": { - "value": "rgb(128, 128, 128)" - }, "dark": { "value": "rgb(137, 137, 137)" + }, + "light": { + "value": "rgb(114, 114, 114)" } }, "single-calendar-popover-minimum-height": { @@ -13828,13 +13997,7 @@ }, "stack-item-selected-background-color-emphasized": { "prop": "--spectrum-stack-item-selected-background-color-emphasized", - "ref": "var(--spectrum-accent-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } + "ref": "var(--spectrum-accent-background-color-default)" }, "stack-item-selected-background-color-hover": { "prop": "--spectrum-stack-item-selected-background-color-hover", @@ -13894,7 +14057,7 @@ "prop": "--spectrum-standard-dialog-body-font-size", "ref": "var(--spectrum-body-size-s)", "desktop": { - "value": "16px" + "value": "14px" }, "mobile": { "value": "17px" @@ -13918,13 +14081,7 @@ }, "standard-dialog-title-font-size": { "prop": "--spectrum-standard-dialog-title-font-size", - "ref": "var(--spectrum-title-size-xl)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "24px" - } + "ref": "var(--spectrum-title-size-xl)" }, "standard-panel-edge-to-close-button-compact": { "prop": "--spectrum-standard-panel-edge-to-close-button-compact", @@ -13968,13 +14125,7 @@ }, "standard-panel-title-font-size": { "prop": "--spectrum-standard-panel-title-font-size", - "ref": "var(--spectrum-title-size-s)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } + "ref": "var(--spectrum-title-size-s)" }, "standard-panel-top-to-close-button-compact": { "prop": "--spectrum-standard-panel-top-to-close-button-compact", @@ -14299,7 +14450,7 @@ }, "swatch-rectangle-width-multiplier": { "prop": "--spectrum-swatch-rectangle-width-multiplier", - "value": 2 + "value": "2" }, "swatch-size-extra-small": { "prop": "--spectrum-swatch-size-extra-small", @@ -15762,13 +15913,7 @@ }, "table-selected-row-background-color": { "prop": "--spectrum-table-selected-row-background-color", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } + "ref": "var(--spectrum-informative-background-color-default)" }, "table-selected-row-background-color-non-emphasized": { "prop": "--spectrum-table-selected-row-background-color-non-emphasized", @@ -16090,7 +16235,7 @@ }, "tag-maximum-width-multiplier": { "prop": "--spectrum-tag-maximum-width-multiplier", - "value": 7 + "value": "7" }, "tag-minimum-width-large": { "prop": "--spectrum-tag-minimum-width-large", @@ -16112,7 +16257,7 @@ }, "tag-minimum-width-multiplier": { "prop": "--spectrum-tag-minimum-width-multiplier", - "value": 1 + "value": "1" }, "tag-minimum-width-small": { "prop": "--spectrum-tag-minimum-width-small", @@ -16217,7 +16362,7 @@ }, "text-field-minimum-width-multiplier": { "prop": "--spectrum-text-field-minimum-width-multiplier", - "value": 1.5 + "value": "1.5" }, "text-to-control-100": { "prop": "--spectrum-text-to-control-100", @@ -16464,7 +16609,7 @@ }, "time-field-minimum-width": { "prop": "--spectrum-time-field-minimum-width", - "value": 2.5 + "value": "2.5" }, "time-field-text-to-visual": { "prop": "--spectrum-time-field-text-to-visual", @@ -16478,7 +16623,7 @@ "title-cjk-emphasized-font-weight": { "prop": "--spectrum-title-cjk-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "title-cjk-font-family": { "prop": "--spectrum-title-cjk-font-family", @@ -16493,12 +16638,12 @@ "title-cjk-font-weight": { "prop": "--spectrum-title-cjk-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "title-cjk-line-height": { "prop": "--spectrum-title-cjk-line-height", "ref": "var(--spectrum-cjk-line-height-100)", - "value": 1.5 + "value": "1.5" }, "title-cjk-size-l": { "prop": "--spectrum-title-cjk-size-l", @@ -16578,7 +16723,7 @@ "title-cjk-strong-emphasized-font-weight": { "prop": "--spectrum-title-cjk-strong-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "title-cjk-strong-font-style": { "prop": "--spectrum-title-cjk-strong-font-style", @@ -16588,7 +16733,7 @@ "title-cjk-strong-font-weight": { "prop": "--spectrum-title-cjk-strong-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "title-color": { "prop": "--spectrum-title-color", @@ -16603,15 +16748,15 @@ "title-line-height": { "prop": "--spectrum-title-line-height", "ref": "var(--spectrum-line-height-100)", - "value": 1.3 + "value": "1.3" }, "title-margin-bottom-multiplier": { "prop": "--spectrum-title-margin-bottom-multiplier", - "value": 0.25 + "value": "0.25" }, "title-margin-top-multiplier": { "prop": "--spectrum-title-margin-top-multiplier", - "value": 0.88888889 + "value": "0.88888889" }, "title-sans-serif-emphasized-font-style": { "prop": "--spectrum-title-sans-serif-emphasized-font-style", @@ -16621,12 +16766,12 @@ "title-sans-serif-emphasized-font-weight": { "prop": "--spectrum-title-sans-serif-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "title-sans-serif-font-family": { "prop": "--spectrum-title-sans-serif-font-family", "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" + "value": "Adobe Clean Spectrum VF" }, "title-sans-serif-font-style": { "prop": "--spectrum-title-sans-serif-font-style", @@ -16636,7 +16781,7 @@ "title-sans-serif-font-weight": { "prop": "--spectrum-title-sans-serif-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "title-sans-serif-strong-emphasized-font-style": { "prop": "--spectrum-title-sans-serif-strong-emphasized-font-style", @@ -16646,7 +16791,7 @@ "title-sans-serif-strong-emphasized-font-weight": { "prop": "--spectrum-title-sans-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "title-sans-serif-strong-font-style": { "prop": "--spectrum-title-sans-serif-strong-font-style", @@ -16656,7 +16801,7 @@ "title-sans-serif-strong-font-weight": { "prop": "--spectrum-title-sans-serif-strong-font-weight", "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" + "value": "extra-bold" }, "title-serif-emphasized-font-style": { "prop": "--spectrum-title-serif-emphasized-font-style", @@ -16666,7 +16811,7 @@ "title-serif-emphasized-font-weight": { "prop": "--spectrum-title-serif-emphasized-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "title-serif-font-family": { "prop": "--spectrum-title-serif-font-family", @@ -16681,7 +16826,7 @@ "title-serif-font-weight": { "prop": "--spectrum-title-serif-font-weight", "ref": "var(--spectrum-bold-font-weight)", - "value": "700" + "value": "bold" }, "title-serif-strong-emphasized-font-style": { "prop": "--spectrum-title-serif-strong-emphasized-font-style", @@ -16691,7 +16836,7 @@ "title-serif-strong-emphasized-font-weight": { "prop": "--spectrum-title-serif-strong-emphasized-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "title-serif-strong-font-style": { "prop": "--spectrum-title-serif-strong-font-style", @@ -16701,7 +16846,7 @@ "title-serif-strong-font-weight": { "prop": "--spectrum-title-serif-strong-font-weight", "ref": "var(--spectrum-black-font-weight)", - "value": "900" + "value": "black" }, "title-size-l": { "prop": "--spectrum-title-size-l", @@ -17050,6 +17195,11 @@ }, "tree-view-item-to-item": { "prop": "--spectrum-tree-view-item-to-item", + "ref": "var(--spectrum-tree-view-item-to-item-default)", + "value": "-1px" + }, + "tree-view-item-to-item-default": { + "prop": "--spectrum-tree-view-item-to-item-default", "value": "-1px" }, "tree-view-item-to-item-detached": { @@ -17113,13 +17263,7 @@ }, "tree-view-selected-row-background-color-emphasized": { "prop": "--spectrum-tree-view-selected-row-background-color-emphasized", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } + "ref": "var(--spectrum-informative-background-color-default)" }, "tree-view-selected-row-background-default": { "prop": "--spectrum-tree-view-selected-row-background-default", @@ -17349,31 +17493,31 @@ "turquoise-background-color-default": { "prop": "--spectrum-turquoise-background-color-default", "ref": "var(--spectrum-turquoise-800)", - "light": { - "value": "rgb(8, 126, 137)" - }, "dark": { "value": "rgb(9, 131, 142)" + }, + "light": { + "value": "rgb(10, 141, 153)" } }, "turquoise-subtle-background-color-default": { "prop": "--spectrum-turquoise-subtle-background-color-default", "ref": "var(--spectrum-turquoise-300)", - "light": { - "value": "rgb(209, 245, 245)" - }, "dark": { "value": "rgb(0, 49, 54)" + }, + "light": { + "value": "rgb(169, 236, 237)" } }, "turquoise-visual-color": { "prop": "--spectrum-turquoise-visual-color", "ref": "var(--spectrum-turquoise-900)", - "light": { - "value": "rgb(10, 141, 153)" - }, "dark": { "value": "rgb(11, 151, 164)" + }, + "light": { + "value": "rgb(8, 126, 137)" } }, "user-card-minimum-height-extra-large": { @@ -17619,7 +17763,7 @@ "prop": "--spectrum-yellow-background-color-default", "ref": "var(--spectrum-yellow-1100)", "light": { - "value": "rgb(245, 199, 0)" + "value": "rgb(114, 72, 0)" }, "dark": { "value": "rgb(218, 159, 0)" @@ -17629,7 +17773,7 @@ "prop": "--spectrum-yellow-subtle-background-color-default", "ref": "var(--spectrum-yellow-300)", "light": { - "value": "rgb(255, 241, 151)" + "value": "rgb(255, 222, 44)" }, "dark": { "value": "rgb(61, 39, 0)" @@ -17639,7 +17783,7 @@ "prop": "--spectrum-yellow-visual-color", "ref": "var(--spectrum-yellow-1100)", "light": { - "value": "rgb(210, 149, 0)" + "value": "rgb(114, 72, 0)" }, "dark": { "value": "rgb(218, 159, 0)" diff --git a/tokens/package.json b/tokens/package.json index fae6f786ee5..6b01afe1930 100644 --- a/tokens/package.json +++ b/tokens/package.json @@ -24,7 +24,7 @@ "main": "dist/css/index.css", "module": "style-dictionary.config.js", "devDependencies": { - "@adobe/spectrum-tokens": "^13.11.0", + "@adobe/spectrum-tokens": "^13.12.0", "@adobe/token-diff-generator": "^2.0.0", "@spectrum-tools/postcss-rgb-mapping": "1.1.0", "deepmerge": "^4.3.1", diff --git a/tokens/style-dictionary.config.js b/tokens/style-dictionary.config.js index 98c9e43ca90..10fea929959 100644 --- a/tokens/style-dictionary.config.js +++ b/tokens/style-dictionary.config.js @@ -64,7 +64,7 @@ export default { format: "css/sets", options: { showFileHeader: false, outputReferences: true }, destination: "global-vars.css", - filter: (token, platform) => { + filter: (token) => { const tokenSets = token.path.filter((_, idx, array) => array[idx - 1] == "sets"); if (tokenSets.includes("wireframe")) return false; if (tokenSets.length === 0) return true; diff --git a/tokens/utilities/css-sets-formatter.js b/tokens/utilities/css-sets-formatter.js index 24030ff5d47..b60b1887728 100644 --- a/tokens/utilities/css-sets-formatter.js +++ b/tokens/utilities/css-sets-formatter.js @@ -1,70 +1,50 @@ -import { usesReferences } from "style-dictionary/utils"; - -export const generateNameArray = (token, prefix) => { - let name = prefix ? [prefix] : []; - const cleanTokenPath = []; - for (let i = 0; i < token.path.length; i++) { - if (token.path[i] === "sets") { - i++; - } - else { - cleanTokenPath.push(token.path[i]); - } - } - name = name.concat(cleanTokenPath); - return name; -}; - -/** - * @description Formats the value of a token for CSS - * @param {import('style-dictionary').Token} token - * @param {import('style-dictionary').PlatformConfig} platform - * @returns {string[]} - */ -const valueFormatter = (value, prefix) => { - if (!value) return; - - /* @todo resolve for the new typography objects */ - if (typeof value === "object") { - return Object.keys(value).map(key => valueFormatter(key, prefix))?.flat(); - } - - if (!usesReferences(value)) return [String(value)]; - - const resultAr = String(value).substring(1, value.length - 1).split("."); - if (prefix) resultAr.splice(0, 0, prefix); - - return [`var(--${resultAr.join("-")})`]; -}; +import { valueFormatter } from "./shared-logic.js"; /** * The format function to split out the token set data into distinct CSS variables * @type {import('style-dictionary/types').FormatFn} format */ -const format = ({ dictionary, platform, options }) => { - let selector = '.spectrum'; +export const format = ({ dictionary, platform, options }) => { + const { prefix } = platform; + let selector = ":root"; const context = options.sets?.[0]; - const resultAr = []; + const definitions = []; dictionary.allTokens.forEach((token) => { if (!token) return; - const name = generateNameArray(token, platform.prefix); - const values = valueFormatter(token.original?.value ?? token.value, platform.prefix); + const values = valueFormatter(token.original?.value ?? token?.value, { path: token.path, prefix }); if (!values || values.length === 0) return; - if (name[1]?.startsWith("android-")) { - return; - } - resultAr.push(...values.map(value => ` --${name.join("-")}: ${value};`)); + values.forEach(({ key, prop, value, ref, ...sets }) => { + if (key.includes("android")) return; + // If there are no default values, check for contextual values + if (!value) { + if (context && sets[context]) definitions.push(`${prop}: ${sets[context]};`); + else if (sets.light) definitions.push(`${prop}: ${sets.light};`); + else if (sets.desktop) definitions.push(`${prop}: ${sets.desktop};`); + else if (ref) definitions.push(`${prop}: ${ref};`); + } + else definitions.push(`${prop}: ${value};`); + }); }); - const mediaQuery = context === 'dark' ? '@media (prefers-color-scheme: dark) {\n' : ''; - if (context && ['desktop', 'light', 'dark'].every(c => context !== c)) selector = `.spectrum--${context === 'mobile' ? 'large' : context}`; + if (context) { + switch (context) { + case "mobile": + selector = ".spectrum--large"; + break; + case "desktop": + selector = ".spectrum--medium"; + break; + default: + selector = `.spectrum--${context}`; + } + } - return `${mediaQuery}${selector} {\n${resultAr.join("\n")}\n}\n${mediaQuery ? '}\n' : ''}`; + return `${selector} { ${definitions.join(" ")} }`; }; format.nested = true; diff --git a/tokens/utilities/data-json-formatter.js b/tokens/utilities/data-json-formatter.js index 9956bb895d4..1b8cc98ddc5 100644 --- a/tokens/utilities/data-json-formatter.js +++ b/tokens/utilities/data-json-formatter.js @@ -1,70 +1,38 @@ -import { format as JSONSetsFormat } from "./json-sets-formatter.js"; +import { valueFormatter, varToRef } from "./shared-logic.js"; -export const format = ({ dictionary, platform, file, options }) => { - const prefix = platform.prefix ? platform.prefix : false; +export const format = ({ dictionary, platform }) => { + const { prefix } = platform; let result = {}; - const jsonSets = JSON.parse( - JSONSetsFormat({ dictionary, platform, file, options }) - ); + dictionary.allTokens.forEach((token) => { + if (!token) return; - const convertRef = (ref) => { - return typeof ref === "string" ? ref.replace(/\{(.*?)\}/g, `var(--${prefix}-$1)`) : ref; - }; + const context = token.attributes?.sets?.[0]; - const deconstructSets = (obj, scope = undefined) => { - let ret = obj; - Object.entries(obj.sets ?? {}).forEach(([context, data]) => { - if (context === "wireframe") return; - if (typeof scope !== "undefined" && scope !== context) return; + const values = valueFormatter(token.original?.value ?? token.value, { path: token.path, prefix, context }); + if (!values || values.length === 0) return; - delete data.uuid; - - if (data.ref) { - data.ref = convertRef(data.ref); - - if (String(data.ref) === String(data.value)) { - delete data.ref; - } - } - - if (data.sets) { - data = deconstructSets(data, context); - - ret = { - ...ret, - ...data - }; - } - else { - ret[context] = data; - } - - delete ret.sets; + values.forEach(({ key, ...data }) => { + if (key.includes("android")) return; + result[key] = { + ...(result[key] ?? {}), + ...data, + }; }); - - delete ret.uuid; - if (ret.ref) ret.ref = convertRef(ret.ref); - - if (ret.ref === ret.value) { - delete ret.ref; - } - - return ret; - }; - - Object.keys(jsonSets).forEach((tokenName) => { - const tokenValue = jsonSets[tokenName]; - - // Add the property to the results object - result[tokenName] = { - prop: (prefix)? `--${prefix}-${tokenName}` : `--${tokenName}`, - ...(deconstructSets(tokenValue) ?? {}), - }; }); // Sort the result alphabetically by keys result = Object.entries(result).sort().reduce((acc, [key, value]) => { + if (value.ref && !value.value) { + const subKey = varToRef(value.ref, prefix); + const subValue = result[subKey]; + if (subValue) { + Object.entries(subValue).forEach(([k, v]) => { + if (["ref", "prop"].includes(k)) return; + value[k] = v; + }); + } + } acc[key] = value; return acc; }, {}); diff --git a/tokens/utilities/json-sets-formatter.js b/tokens/utilities/json-sets-formatter.js deleted file mode 100644 index d4132cd7cfa..00000000000 --- a/tokens/utilities/json-sets-formatter.js +++ /dev/null @@ -1,51 +0,0 @@ -import merge from "deepmerge"; -import { usesReferences } from "style-dictionary/utils"; - -const isObject = (item) => { - return typeof item === "object" && !Array.isArray(item) && item !== null; -}; - -const pathToObj = (pathAr, value) => - pathAr.reduceRight((value, key) => ({ [key]: value }), value); - -const isASet = (value) => { - return isObject(value) && "sets" in value; -}; - -const getValue = (token, dictionary) => { - if (usesReferences(token)) { - const ref = token.original.value; - if (isASet(token.value)) { - const sets = {}; - for (const setName in token.value.sets) { - sets[setName] = getValue(token.value.sets[setName], dictionary); - } - const uuidObj = (Object.hasOwn(token, "uuid")) ? {uuid: token.uuid}: {}; - return { ref, sets, ...uuidObj }; - } - else { - const uuidObj = (Object.hasOwn(token, "uuid")) ? {uuid: token.uuid}: {}; - return { ref, value: token.value, ...uuidObj }; - } - } - else { - const uuidObj = (Object.hasOwn(token, "uuid")) ? {uuid: token.uuid}: {}; - return { value: token.value, ...uuidObj }; - } -}; - -export const format = ({ dictionary }) => { - let resultObj = {}; - dictionary.allTokens.forEach((token) => { - const value = getValue(token, dictionary); - resultObj = merge(resultObj, pathToObj(token.path, value)); - }); - return JSON.stringify(resultObj, null, 2); -}; - -format.nested = true; - -export default { - name: "json/sets", - format, -}; diff --git a/tokens/utilities/shared-logic.js b/tokens/utilities/shared-logic.js new file mode 100644 index 00000000000..4d3f26f36aa --- /dev/null +++ b/tokens/utilities/shared-logic.js @@ -0,0 +1,68 @@ +import { kebabCase } from "lodash-es"; +import { usesReferences } from "style-dictionary/utils"; + +const isObject = (item) => { + return typeof item === "object" && !Array.isArray(item) && item !== null; +}; + +const isASet = (value) => { + return isObject(value) && "sets" in value; +}; + +const generateNameArray = (parts) => { + const name = []; + for (let i = 0; i < parts.length; i++) { + if (parts[i] === "sets") i++; + else name.push(parts[i]); + } + return name; +}; + +export const refToVarFunction = (ref, prefix) => { + return typeof ref === "string" ? ref.replace(/\{(.*?)\}/g, `var(--${prefix ? `${prefix}-` : ""}$1)`) : ref; +}; + +export const varToRef = (varName, prefix) => { + const regex = new RegExp(`var\\(--${prefix ? `${prefix}-` : ""}(.*?)\\)$`); + return varName.replace(regex, "$1").replace(/^--/, ""); +}; + +/** + * @description Formats the value of a token for CSS + * @returns {string[]} + */ +export const valueFormatter = (value, options = {}) => { + if (!value) return; + + const { path = [], prefix, context, subtype } = options; + + if (subtype) path.push(subtype); + + const parts = generateNameArray(path); + + const ret = { + key: parts.join("-"), + prop: ["-", prefix, ...parts].filter(Boolean).join("-"), + }; + + if (isObject(value)) { + if (isASet(value)) { + Object.entries(value.sets).forEach(([set, data]) => { + ret[set] = valueFormatter(data, options); + }); + + return [ret]; + } + else return Object.entries(value).map(([k, v]) => { + return valueFormatter(v, { ...options, subtype: kebabCase(k) }); + })?.flat(); + } + + if (!usesReferences(value)) { + if (context) ret[context] = { value: String(value) }; + else ret.value = String(value); + } + else ret.ref = refToVarFunction(String(value), prefix); + + return [ret]; +}; diff --git a/yarn.lock b/yarn.lock index 3927a804e03..9fc966f4fdf 100644 --- a/yarn.lock +++ b/yarn.lock @@ -187,10 +187,10 @@ __metadata: languageName: node linkType: hard -"@adobe/spectrum-tokens@npm:^13.11.0": - version: 13.11.0 - resolution: "@adobe/spectrum-tokens@npm:13.11.0" - checksum: 10c0/a14bfa6694f728142a2472beaa7dbc69855cad3e47a5f0af2070b9705b73996b109540150364862556d88422b600ff757fa35edfd3445aa8bd41eaee5bd5dde2 +"@adobe/spectrum-tokens@npm:^13.12.0": + version: 13.12.0 + resolution: "@adobe/spectrum-tokens@npm:13.12.0" + checksum: 10c0/3dea5e085b90ce53062c3a32ca43b4051156227448fa2db6551814ac8f751d329c7bcc1fa3a92ddcf680339a264ab5d96fe9a99f49158ded10971f674206a0c8 languageName: node linkType: hard @@ -5761,7 +5761,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/tokens@workspace:tokens" dependencies: - "@adobe/spectrum-tokens": "npm:^13.11.0" + "@adobe/spectrum-tokens": "npm:^13.12.0" "@adobe/token-diff-generator": "npm:^2.0.0" "@spectrum-tools/postcss-rgb-mapping": "npm:1.1.0" deepmerge: "npm:^4.3.1" From 1db78736084193eec96f0c338baadb52b0af337b Mon Sep 17 00:00:00 2001 From: castastrophe Date: Thu, 24 Jul 2025 11:45:15 -0400 Subject: [PATCH 5/5] chore: update compare tool to use next tag instead of latest --- package.json | 2 +- tasks/component-compare.js | 46 +- tokens/dist/json/tokens.json | 27032 +++++++++------- tokens/package.json | 1 + tokens/project.json | 2 +- tokens/style-dictionary.config.js | 4 +- .../utilities/css-font-open-type-transform.js | 1 + tokens/utilities/css-sets-formatter.js | 15 +- tokens/utilities/data-json-formatter.js | 38 +- tokens/utilities/shared-logic.js | 63 +- yarn.lock | 1 + 11 files changed, 14666 insertions(+), 12539 deletions(-) diff --git a/package.json b/package.json index 1981e06f60f..c8bcea03469 100644 --- a/package.json +++ b/package.json @@ -29,7 +29,7 @@ "cleaner": "nx run-many --target clean --projects", "compare": "cross-env NODE_ENV=production yarn bundle && yarn component:compare", "component:build": "node --no-warnings ./tasks/component-builder.js", - "component:compare": "node --no-warnings ./tasks/component-compare.js", + "component:compare": "node --no-warnings ./tasks/component-compare.js --tag next", "component:report": "node --no-warnings ./tasks/component-reporter.js", "dev": "cross-env NODE_ENV=development nx run storybook:build:docs", "docs:report": "yarn report", diff --git a/tasks/component-compare.js b/tasks/component-compare.js index 213627b2ac5..c110233cf99 100644 --- a/tasks/component-compare.js +++ b/tasks/component-compare.js @@ -145,6 +145,7 @@ async function generateDiff({ async function fetchPublishedComponent(packageName, { cacheLocation, outputLocation, + baseTag = "latest", }) { const warnings = []; let tag; @@ -157,10 +158,9 @@ async function fetchPublishedComponent(packageName, { warnings.push(err ?? `Failed to fetch ${packageName.yellow} from npm.\n`); })) ?? {}; - // If the component exists on npm, fetch the latest release data - // @todo what is the fallback if there isn't a latest tag? - if (npmData["dist-tags"]?.latest) { - tag = npmData["dist-tags"]?.latest; + // If the component exists on npm, fetch the base release data + if (npmData["dist-tags"]?.[baseTag]) { + tag = npmData["dist-tags"]?.[baseTag]; } if (!tag) return; @@ -206,12 +206,13 @@ async function processComponent( cwd, output = pathing.output, cacheLocation = pathing.cache, - } + tag, + } = {} ) { if (!component) return Promise.reject("No component specified."); cleanAndMkdir(join(output, "diffs", component)); - cleanAndMkdir(join(pathing.latest, component)); + cleanAndMkdir(join(pathing.base, component)); const pkgPath = require.resolve(`@spectrum-css/${component}/package.json`) ?? join(cwd, component, "package.json"); const pkg = pkgPath && existsSync(pkgPath) @@ -248,25 +249,26 @@ async function processComponent( ); } - let tag = "latest"; + let foundTag; if (pkg?.name) { const npmResults = await fetchPublishedComponent(pkg.name, { cacheLocation, - outputLocation: join(pathing.latest, component), + outputLocation: join(pathing.base, component), + baseTag: tag, }); if (npmResults?.tag) { - tag = npmResults.tag; + foundTag = npmResults.tag; } if (npmResults?.warnings?.length > 0) { warnings.push(...npmResults.warnings); } - if (existsSync(join(pathing.latest, component))) { + if (existsSync(join(pathing.base, component))) { const files = (await fg("**/*.css", { - cwd: join(pathing.latest, component), + cwd: join(pathing.base, component), })) ?? []; if (files.length > 0) found++; @@ -292,7 +294,7 @@ async function processComponent( processFile( filename, join(cwd, component, "dist"), - join(pathing.latest, component) + join(pathing.base, component) ) ) ).then((results) => { @@ -304,7 +306,7 @@ async function processComponent( return { component, warnings, - tag, + tag: foundTag, pkg, fileMap, }; @@ -353,7 +355,7 @@ async function processFile(filename, localPath, comparePath) { async function main( components, output, - { skipCache = false } = {} + { skipCache = false, tag = "latest" } = {} ) { if (!components || components.length === 0) { components = getAllComponentNames(false); @@ -364,7 +366,7 @@ async function main( pathing.output = output; pathing.cache = join(output, "packages"); - pathing.latest = join(output, "latest"); + pathing.base = join(output, "base"); /** Setup the folder structure */ cleanAndMkdir(pathing.output); @@ -373,7 +375,7 @@ async function main( // unless we want to re-fetch the tarballs cleanAndMkdir(pathing.cache, skipCache); - cleanAndMkdir(pathing.latest); + cleanAndMkdir(pathing.base); const promises = []; // Copy the bundled CSS to the output directory @@ -391,7 +393,7 @@ async function main( /** * Each component will report on it's file structure locally when compared - * against it's latest tag on npm; then a console report will be logged and + * against the base tag on npm; then a console report will be logged and * a visual diff generated for each file that has changed. */ const results = await Promise.all([ @@ -399,6 +401,7 @@ async function main( return processComponent(component, { output: pathing.output, cacheLocation: pathing.cache, + tag, }).catch((err) => Promise.resolve({ component, @@ -435,7 +438,7 @@ async function main( for (const { component, warnings = [], - tag, + tag: foundTag, pkg = {}, fileMap = new Map(), } of results) { @@ -453,7 +456,7 @@ async function main( componentData.set(component, { pkg, - tag, + tag: foundTag, files: fileMap, }); @@ -471,7 +474,7 @@ async function main( // Write a table of the file sizes to the console for easy comparison cliOutput.push( - writeConsoleTable(["Filename", "Local", `Tag v${tag}`], { min: 15, max: maxColumnWidth + 5}) + writeConsoleTable(["Filename", "Local", `Tag v${foundTag}`], { min: 15, max: maxColumnWidth + 5}) ); files.forEach(async (file) => { @@ -552,9 +555,10 @@ let { _: components, output = join(dirs.root, ".diff-output"), cache = true, + tag = "latest", // @todo allow to run against local main or published versions } = yargs(hideBin(process.argv)).argv; -main(components, output, { skipCache: !cache }).then((code) => { +main(components, output, { skipCache: !cache, tag }).then((code) => { process.exit(code); }); diff --git a/tokens/dist/json/tokens.json b/tokens/dist/json/tokens.json index aaf9364af39..248082cb290 100644 --- a/tokens/dist/json/tokens.json +++ b/tokens/dist/json/tokens.json @@ -1,17792 +1,19874 @@ { - "accent-background-color-default": { - "prop": "--spectrum-accent-background-color-default", - "ref": "var(--spectrum-accent-color-800)" + "focus-indicator-color": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-focus-indicator-color" }, - "accent-background-color-down": { - "prop": "--spectrum-accent-background-color-down", - "ref": "var(--spectrum-accent-color-700)" + "static-white-focus-indicator-color": { + "value": "rgb(255, 255, 255)", + "prop": "--spectrum-static-white-focus-indicator-color" }, - "accent-background-color-hover": { - "prop": "--spectrum-accent-background-color-hover", - "ref": "var(--spectrum-accent-color-700)" + "static-black-focus-indicator-color": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-static-black-focus-indicator-color" }, - "accent-background-color-key-focus": { - "prop": "--spectrum-accent-background-color-key-focus", - "ref": "var(--spectrum-accent-color-700)" + "overlay-color": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-overlay-color" }, - "accent-color-100": { - "prop": "--spectrum-accent-color-100", - "ref": "var(--spectrum-blue-100)", + "overlay-opacity": { "light": { - "value": "rgb(245, 249, 255)" + "value": "0.4" }, + "prop": "--spectrum-overlay-opacity", "dark": { - "value": "rgb(14, 23, 63)" + "value": "0.6" } }, - "accent-color-1000": { - "prop": "--spectrum-accent-color-1000", - "ref": "var(--spectrum-blue-1000)", + "drop-shadow-color": { "light": { - "value": "rgb(39, 77, 234)" + "value": "rgba(0, 0, 0, 0.12)" }, "dark": { - "value": "rgb(105, 149, 254)" - } + "value": "rgba(0, 0, 0, 0.36)" + }, + "wireframe": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "prop": "--spectrum-drop-shadow-color" }, - "accent-color-1100": { - "prop": "--spectrum-accent-color-1100", - "ref": "var(--spectrum-blue-1100)", + "opacity-disabled": { + "value": "0.3", + "prop": "--spectrum-opacity-disabled" + }, + "background-base-color": { + "dark": { + "value": "rgb(17, 17, 17)" + }, "light": { - "value": "rgb(29, 62, 207)" + "value": "rgb(255, 255, 255)" }, - "dark": { - "value": "rgb(124, 169, 252)" - } + "wireframe": { + "value": "rgb(254, 254, 255)" + }, + "prop": "--spectrum-background-base-color" }, - "accent-color-1200": { - "prop": "--spectrum-accent-color-1200", - "ref": "var(--spectrum-blue-1200)", + "background-layer-1-color": { "light": { - "value": "rgb(21, 50, 173)" + "value": "rgb(248, 248, 248)" }, "dark": { - "value": "rgb(152, 192, 252)" - } + "value": "rgb(27, 27, 27)" + }, + "wireframe": { + "value": "rgb(246, 248, 253)" + }, + "prop": "--spectrum-background-layer-1-color" }, - "accent-color-1300": { - "prop": "--spectrum-accent-color-1300", - "ref": "var(--spectrum-blue-1300)", + "background-layer-2-color": { + "dark": { + "dark": { + "value": "rgb(34, 34, 34)" + } + }, "light": { - "value": "rgb(16, 40, 140)" + "dark": { + "value": "rgb(243, 243, 243)" + } }, - "dark": { - "value": "rgb(181, 213, 253)" - } + "wireframe": { + "dark": { + "value": "rgb(241, 244, 251)" + } + }, + "prop": "--spectrum-background-layer-2-color" }, - "accent-color-1400": { - "prop": "--spectrum-accent-color-1400", - "ref": "var(--spectrum-blue-1400)", + "neutral-background-color-default": { "light": { - "value": "rgb(12, 31, 105)" + "value": "rgb(41, 41, 41)" }, "dark": { - "value": "rgb(213, 231, 254)" - } + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-neutral-background-color-default" }, - "accent-color-1500": { - "prop": "--spectrum-accent-color-1500", - "ref": "var(--spectrum-blue-1500)", + "neutral-background-color-hover": { + "light": { + "value": "rgb(19, 19, 19)" + }, "dark": { - "value": "rgb(238, 245, 255)" + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" }, + "prop": "--spectrum-neutral-background-color-hover" + }, + "neutral-background-color-down": { "light": { - "value": "rgb(14, 24, 67)" - } + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-neutral-background-color-down" }, - "accent-color-1600": { - "prop": "--spectrum-accent-color-1600", - "ref": "var(--spectrum-blue-1600)", + "neutral-background-color-key-focus": { + "light": { + "value": "rgb(19, 19, 19)" + }, "dark": { - "value": "rgb(255, 255, 255)" + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" }, + "prop": "--spectrum-neutral-background-color-key-focus" + }, + "neutral-background-color-selected-default": { "light": { - "value": "rgb(7, 11, 30)" - } + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-neutral-background-color-selected-default" }, - "accent-color-200": { - "prop": "--spectrum-accent-color-200", - "ref": "var(--spectrum-blue-200)", + "neutral-background-color-selected-hover": { "light": { - "value": "rgb(229, 240, 254)" + "value": "rgb(19, 19, 19)" }, "dark": { - "value": "rgb(15, 28, 82)" - } + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-neutral-background-color-selected-hover" }, - "accent-color-300": { - "prop": "--spectrum-accent-color-300", - "ref": "var(--spectrum-blue-300)", + "neutral-background-color-selected-down": { "light": { - "value": "rgb(203, 226, 254)" + "value": "rgb(19, 19, 19)" }, "dark": { - "value": "rgb(12, 33, 117)" - } + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-neutral-background-color-selected-down" }, - "accent-color-400": { - "prop": "--spectrum-accent-color-400", - "ref": "var(--spectrum-blue-400)", + "neutral-background-color-selected-key-focus": { "light": { - "value": "rgb(172, 207, 253)" + "value": "rgb(19, 19, 19)" }, "dark": { - "value": "rgb(18, 45, 154)" - } + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-neutral-background-color-selected-key-focus" }, - "accent-color-500": { - "prop": "--spectrum-accent-color-500", - "ref": "var(--spectrum-blue-500)", + "neutral-subdued-background-color-default": { "light": { - "value": "rgb(142, 185, 252)" + "dark": { + "value": "rgb(143, 143, 143)" + } }, "dark": { - "value": "rgb(26, 58, 195)" - } + "dark": { + "value": "rgb(109, 109, 109)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(108, 142, 217)" + } + }, + "prop": "--spectrum-neutral-subdued-background-color-default" }, - "accent-color-600": { - "prop": "--spectrum-accent-color-600", - "ref": "var(--spectrum-blue-600)", + "neutral-subdued-background-color-hover": { "light": { - "value": "rgb(114, 158, 253)" + "dark": { + "value": "rgb(198, 198, 198)" + } }, "dark": { - "value": "rgb(37, 73, 229)" - } + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(180, 199, 239)" + } + }, + "prop": "--spectrum-neutral-subdued-background-color-hover" }, - "accent-color-700": { - "prop": "--spectrum-accent-color-700", - "ref": "var(--spectrum-blue-700)", + "neutral-subdued-background-color-down": { "light": { - "value": "rgb(93, 137, 255)" + "dark": { + "value": "rgb(198, 198, 198)" + } }, "dark": { - "value": "rgb(52, 91, 248)" - } + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(180, 199, 239)" + } + }, + "prop": "--spectrum-neutral-subdued-background-color-down" }, - "accent-color-800": { - "prop": "--spectrum-accent-color-800", - "ref": "var(--spectrum-blue-800)", + "neutral-subdued-background-color-key-focus": { "light": { - "value": "rgb(75, 117, 255)" + "dark": { + "value": "rgb(198, 198, 198)" + } }, "dark": { - "value": "rgb(64, 105, 253)" - } + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(180, 199, 239)" + } + }, + "prop": "--spectrum-neutral-subdued-background-color-key-focus" }, - "accent-color-900": { - "prop": "--spectrum-accent-color-900", - "ref": "var(--spectrum-blue-900)", + "neutral-subdued-content-color-selected": { "light": { - "value": "rgb(59, 99, 251)" + "value": "rgb(41, 41, 41)" }, "dark": { - "value": "rgb(86, 129, 255)" - } + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-neutral-subdued-content-color-selected" }, - "accent-content-color-default": { - "prop": "--spectrum-accent-content-color-default", - "ref": "var(--spectrum-accent-color-900)", + "accent-background-color-default": { "light": { - "value": "rgb(59, 99, 251)" + "dark": { + "value": "rgb(75, 117, 255)" + } }, "dark": { - "value": "rgb(86, 129, 255)" - } + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-accent-background-color-default" }, - "accent-content-color-down": { - "prop": "--spectrum-accent-content-color-down", - "ref": "var(--spectrum-accent-color-1000)", + "accent-background-color-hover": { "light": { - "value": "rgb(39, 77, 234)" + "dark": { + "value": "rgb(93, 137, 255)" + } }, "dark": { - "value": "rgb(105, 149, 254)" - } + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-accent-background-color-hover" }, - "accent-content-color-hover": { - "prop": "--spectrum-accent-content-color-hover", - "ref": "var(--spectrum-accent-color-1000)", + "accent-background-color-down": { "light": { - "value": "rgb(39, 77, 234)" + "dark": { + "value": "rgb(93, 137, 255)" + } }, "dark": { - "value": "rgb(105, 149, 254)" - } + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-accent-background-color-down" }, - "accent-content-color-key-focus": { - "prop": "--spectrum-accent-content-color-key-focus", - "ref": "var(--spectrum-accent-color-1000)", + "accent-background-color-key-focus": { "light": { - "value": "rgb(39, 77, 234)" + "dark": { + "value": "rgb(93, 137, 255)" + } }, "dark": { - "value": "rgb(105, 149, 254)" - } + "dark": { + "value": "rgb(52, 91, 248)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-accent-background-color-key-focus" }, "accent-content-color-selected": { - "prop": "--spectrum-accent-content-color-selected", - "ref": "var(--spectrum-accent-content-color-down)", "light": { "value": "rgb(39, 77, 234)" }, "dark": { "value": "rgb(105, 149, 254)" - } + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-accent-content-color-selected" }, - "accent-subtle-background-color-default": { - "prop": "--spectrum-accent-subtle-background-color-default", - "ref": "var(--spectrum-accent-color-300)", + "informative-background-color-default": { "light": { - "value": "rgb(203, 226, 254)" + "dark": { + "value": "rgb(75, 117, 255)" + } }, "dark": { - "value": "rgb(12, 33, 117)" - } + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-informative-background-color-default" }, - "accent-visual-color": { - "prop": "--spectrum-accent-visual-color", - "ref": "var(--spectrum-accent-color-900)", + "informative-background-color-hover": { "light": { - "value": "rgb(59, 99, 251)" + "dark": { + "value": "rgb(93, 137, 255)" + } }, "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "accordion-bottom-to-text-compact-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-compact-extra-large", - "desktop": { - "value": "8px" + "dark": { + "value": "rgb(52, 91, 248)" + } }, - "mobile": { - "value": "10px" - } - }, - "accordion-bottom-to-text-compact-large": { - "prop": "--spectrum-accordion-bottom-to-text-compact-large", - "desktop": { - "value": "8px" + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } }, - "mobile": { - "value": "9px" - } + "prop": "--spectrum-informative-background-color-hover" }, - "accordion-bottom-to-text-compact-medium": { - "prop": "--spectrum-accordion-bottom-to-text-compact-medium", - "desktop": { - "value": "5px" + "informative-background-color-down": { + "light": { + "dark": { + "value": "rgb(93, 137, 255)" + } }, - "mobile": { - "value": "8px" - } - }, - "accordion-bottom-to-text-compact-small": { - "prop": "--spectrum-accordion-bottom-to-text-compact-small", - "desktop": { - "value": "2px" + "dark": { + "dark": { + "value": "rgb(52, 91, 248)" + } }, - "mobile": { - "value": "4px" - } + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-informative-background-color-down" }, - "accordion-bottom-to-text-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-extra-large", - "desktop": { - "value": "12px" + "informative-background-color-key-focus": { + "light": { + "dark": { + "value": "rgb(93, 137, 255)" + } }, - "mobile": { - "value": "15px" - } - }, - "accordion-bottom-to-text-large": { - "prop": "--spectrum-accordion-bottom-to-text-large", - "desktop": { - "value": "11px" + "dark": { + "dark": { + "value": "rgb(52, 91, 248)" + } }, - "mobile": { - "value": "14px" - } + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-informative-background-color-key-focus" }, - "accordion-bottom-to-text-medium": { - "prop": "--spectrum-accordion-bottom-to-text-medium", - "desktop": { - "value": "9px" + "negative-background-color-default": { + "light": { + "dark": { + "value": "rgb(240, 56, 35)" + } }, - "mobile": { - "value": "13px" - } + "dark": { + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-negative-background-color-default" }, - "accordion-bottom-to-text-regular-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-regular-extra-large", - "ref": "var(--spectrum-accordion-bottom-to-text-extra-large)", - "desktop": { - "value": "12px" + "negative-background-color-hover": { + "light": { + "dark": { + "value": "rgb(255, 81, 61)" + } }, - "mobile": { - "value": "15px" - } + "dark": { + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-negative-background-color-hover" }, - "accordion-bottom-to-text-regular-large": { - "prop": "--spectrum-accordion-bottom-to-text-regular-large", - "ref": "var(--spectrum-accordion-bottom-to-text-large)", - "desktop": { - "value": "11px" + "negative-background-color-down": { + "light": { + "dark": { + "value": "rgb(255, 81, 61)" + } }, - "mobile": { - "value": "14px" - } + "dark": { + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-negative-background-color-down" }, - "accordion-bottom-to-text-regular-medium": { - "prop": "--spectrum-accordion-bottom-to-text-regular-medium", - "ref": "var(--spectrum-accordion-bottom-to-text-medium)", - "desktop": { - "value": "9px" + "negative-background-color-key-focus": { + "light": { + "dark": { + "value": "rgb(255, 81, 61)" + } }, - "mobile": { - "value": "13px" - } + "dark": { + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-negative-background-color-key-focus" }, - "accordion-bottom-to-text-regular-small": { - "prop": "--spectrum-accordion-bottom-to-text-regular-small", - "ref": "var(--spectrum-accordion-bottom-to-text-small)", - "desktop": { - "value": "7px" + "positive-background-color-default": { + "light": { + "dark": { + "value": "rgb(7, 147, 85)" + } }, - "mobile": { - "value": "9px" - } + "dark": { + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-positive-background-color-default" }, - "accordion-bottom-to-text-small": { - "prop": "--spectrum-accordion-bottom-to-text-small", - "desktop": { - "value": "7px" + "positive-background-color-hover": { + "light": { + "dark": { + "value": "rgb(11, 164, 93)" + } }, - "mobile": { - "value": "9px" - } + "dark": { + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-positive-background-color-hover" }, - "accordion-bottom-to-text-spacious-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-extra-large", - "desktop": { - "value": "16px" + "positive-background-color-down": { + "light": { + "dark": { + "value": "rgb(11, 164, 93)" + } }, - "mobile": { - "value": "21px" - } + "dark": { + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-positive-background-color-down" }, - "accordion-bottom-to-text-spacious-large": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-large", - "desktop": { - "value": "16px" + "positive-background-color-key-focus": { + "light": { + "dark": { + "value": "rgb(11, 164, 93)" + } }, - "mobile": { - "value": "19px" - } + "dark": { + "dark": { + "value": "rgb(4, 124, 75)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-positive-background-color-key-focus" }, - "accordion-bottom-to-text-spacious-medium": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-medium", - "desktop": { - "value": "13px" + "notice-background-color-default": { + "light": { + "light": { + "value": "rgb(252, 125, 0)" + } }, - "mobile": { - "value": "18px" - } + "dark": { + "light": { + "value": "rgb(162, 59, 0)" + } + }, + "wireframe": { + "light": { + "value": "rgb(135, 160, 215)" + } + }, + "prop": "--spectrum-notice-background-color-default" }, - "accordion-bottom-to-text-spacious-small": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-small", - "desktop": { - "value": "11px" + "disabled-background-color": { + "light": { + "value": "rgb(233, 233, 233)" }, - "mobile": { - "value": "15px" - } + "dark": { + "value": "rgb(44, 44, 44)" + }, + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-disabled-background-color" }, - "accordion-content-area-bottom-to-content": { - "prop": "--spectrum-accordion-content-area-bottom-to-content", - "desktop": { - "value": "16px" + "disabled-static-white-background-color": { + "value": "rgba(255, 255, 255, 0.11)", + "prop": "--spectrum-disabled-static-white-background-color" + }, + "disabled-static-black-background-color": { + "value": "rgba(0, 0, 0, 0.09)", + "prop": "--spectrum-disabled-static-black-background-color" + }, + "gray-background-color-default": { + "light": { + "dark": { + "value": "rgb(143, 143, 143)" + } }, - "mobile": { - "value": "20px" - } + "dark": { + "dark": { + "value": "rgb(109, 109, 109)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(108, 142, 217)" + } + }, + "prop": "--spectrum-gray-background-color-default" }, - "accordion-content-area-edge-to-content-extra-large": { - "prop": "--spectrum-accordion-content-area-edge-to-content-extra-large", - "desktop": { - "value": "15px" + "red-background-color-default": { + "light": { + "dark": { + "value": "rgb(240, 56, 35)" + } }, - "mobile": { - "value": "19px" - } + "dark": { + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-red-background-color-default" }, - "accordion-content-area-edge-to-content-large": { - "prop": "--spectrum-accordion-content-area-edge-to-content-large", - "desktop": { - "value": "12px" + "orange-background-color-default": { + "light": { + "dark": { + "value": "rgb(194, 78, 0)" + } }, - "mobile": { - "value": "15px" - } + "dark": { + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-orange-background-color-default" }, - "accordion-content-area-edge-to-content-medium": { - "prop": "--spectrum-accordion-content-area-edge-to-content-medium", - "desktop": { - "value": "9px" + "yellow-background-color-default": { + "light": { + "dark": { + "value": "rgb(114, 72, 0)" + } }, - "mobile": { - "value": "11px" - } + "dark": { + "dark": { + "value": "rgb(218, 159, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(52, 79, 140)" + } + }, + "prop": "--spectrum-yellow-background-color-default" }, - "accordion-content-area-edge-to-content-small": { - "prop": "--spectrum-accordion-content-area-edge-to-content-small", - "desktop": { - "value": "8px" + "chartreuse-background-color-default": { + "light": { + "dark": { + "value": "rgb(86, 103, 0)" + } }, - "mobile": { - "value": "10px" - } + "dark": { + "dark": { + "value": "rgb(136, 164, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(61, 94, 165)" + } + }, + "prop": "--spectrum-chartreuse-background-color-default" }, - "accordion-content-area-top-to-content": { - "prop": "--spectrum-accordion-content-area-top-to-content", - "desktop": { - "value": "8px" + "celery-background-color-default": { + "light": { + "dark": { + "value": "rgb(64, 129, 17)" + } }, - "mobile": { - "value": "10px" - } + "dark": { + "dark": { + "value": "rgb(78, 154, 23)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-celery-background-color-default" }, - "accordion-disclosure-indicator-to-text": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text", - "value": "0px" + "green-background-color-default": { + "light": { + "dark": { + "value": "rgb(7, 147, 85)" + } + }, + "dark": { + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-green-background-color-default" }, - "accordion-disclosure-indicator-to-text-extra-large": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-extra-large", - "desktop": { - "value": "17px" + "seafoam-background-color-default": { + "light": { + "dark": { + "value": "rgb(9, 144, 120)" + } }, - "mobile": { - "value": "22px" - } + "dark": { + "dark": { + "value": "rgb(8, 134, 112)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-seafoam-background-color-default" }, - "accordion-disclosure-indicator-to-text-large": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-large", - "desktop": { - "value": "14px" + "cyan-background-color-default": { + "light": { + "dark": { + "value": "rgb(18, 134, 205)" + } }, - "mobile": { - "value": "17px" - } + "dark": { + "dark": { + "value": "rgb(13, 125, 186)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-cyan-background-color-default" }, - "accordion-disclosure-indicator-to-text-medium": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-medium", - "desktop": { - "value": "11px" + "blue-background-color-default": { + "light": { + "dark": { + "value": "rgb(75, 117, 255)" + } }, - "mobile": { - "value": "13px" - } + "dark": { + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-blue-background-color-default" }, - "accordion-disclosure-indicator-to-text-small": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text-small", - "desktop": { - "value": "7px" + "indigo-background-color-default": { + "light": { + "dark": { + "value": "rgb(122, 106, 253)" + } }, - "mobile": { - "value": "9px" - } - }, - "accordion-edge-to-content-area-extra-large": { - "prop": "--spectrum-accordion-edge-to-content-area-extra-large", - "value": "17px" + "dark": { + "dark": { + "value": "rgb(116, 91, 252)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-indigo-background-color-default" }, - "accordion-edge-to-content-area-large": { - "prop": "--spectrum-accordion-edge-to-content-area-large", - "value": "14px" + "purple-background-color-default": { + "light": { + "dark": { + "value": "rgb(166, 92, 231)" + } + }, + "dark": { + "dark": { + "value": "rgb(157, 78, 228)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-purple-background-color-default" }, - "accordion-edge-to-content-area-medium": { - "prop": "--spectrum-accordion-edge-to-content-area-medium", - "value": "11px" + "fuchsia-background-color-default": { + "light": { + "dark": { + "value": "rgb(200, 68, 220)" + } + }, + "dark": { + "dark": { + "value": "rgb(186, 60, 206)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-fuchsia-background-color-default" }, - "accordion-edge-to-content-area-small": { - "prop": "--spectrum-accordion-edge-to-content-area-small", - "value": "7px" + "magenta-background-color-default": { + "light": { + "dark": { + "value": "rgb(240, 45, 110)" + } + }, + "dark": { + "dark": { + "value": "rgb(224, 38, 101)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-magenta-background-color-default" }, - "accordion-edge-to-disclosure-indicator": { - "prop": "--spectrum-accordion-edge-to-disclosure-indicator", - "value": "0px" + "background-opacity-default": { + "value": "0", + "prop": "--spectrum-background-opacity-default" }, - "accordion-edge-to-text": { - "prop": "--spectrum-accordion-edge-to-text", - "value": "0px" + "background-opacity-hover": { + "value": "0.1", + "prop": "--spectrum-background-opacity-hover" }, - "accordion-focus-indicator-gap": { - "prop": "--spectrum-accordion-focus-indicator-gap", - "value": "2px" + "background-opacity-down": { + "value": "0.1", + "prop": "--spectrum-background-opacity-down" }, - "accordion-item-to-divider": { - "prop": "--spectrum-accordion-item-to-divider", - "value": "0px" + "background-opacity-key-focus": { + "value": "0.1", + "prop": "--spectrum-background-opacity-key-focus" }, - "accordion-minimum-width": { - "prop": "--spectrum-accordion-minimum-width", - "desktop": { - "value": "200px" + "neutral-content-color-default": { + "light": { + "value": "rgb(41, 41, 41)" }, - "mobile": { - "value": "250px" - } - }, - "accordion-small-top-to-text-spacious": { - "prop": "--spectrum-accordion-small-top-to-text-spacious", - "desktop": { - "value": "9px" + "dark": { + "value": "rgb(219, 219, 219)" }, - "mobile": { - "value": "12px" - } - }, - "accordion-top-to-text-compact-extra-large": { - "prop": "--spectrum-accordion-top-to-text-compact-extra-large", - "desktop": { - "value": "8px" + "wireframe": { + "value": "rgb(25, 46, 93)" }, - "mobile": { - "value": "11px" - } + "prop": "--spectrum-neutral-content-color-default" }, - "accordion-top-to-text-compact-large": { - "prop": "--spectrum-accordion-top-to-text-compact-large", - "desktop": { - "value": "8px" + "neutral-content-color-hover": { + "light": { + "value": "rgb(19, 19, 19)" }, - "mobile": { - "value": "14px" - } - }, - "accordion-top-to-text-compact-medium": { - "prop": "--spectrum-accordion-top-to-text-compact-medium", - "value": "5px" - }, - "accordion-top-to-text-compact-small": { - "prop": "--spectrum-accordion-top-to-text-compact-small", - "desktop": { - "value": "3px" + "dark": { + "value": "rgb(242, 242, 242)" }, - "mobile": { - "value": "4px" - } - }, - "accordion-top-to-text-extra-large": { - "prop": "--spectrum-accordion-top-to-text-extra-large", - "desktop": { - "value": "13px" + "wireframe": { + "value": "rgb(10, 19, 39)" }, - "mobile": { - "value": "17px" - } + "prop": "--spectrum-neutral-content-color-hover" }, - "accordion-top-to-text-large": { - "prop": "--spectrum-accordion-top-to-text-large", - "desktop": { - "value": "12px" + "neutral-content-color-down": { + "light": { + "value": "rgb(19, 19, 19)" }, - "mobile": { - "value": "16px" - } - }, - "accordion-top-to-text-medium": { - "prop": "--spectrum-accordion-top-to-text-medium", - "desktop": { - "value": "9px" + "dark": { + "value": "rgb(242, 242, 242)" }, - "mobile": { - "value": "10px" - } - }, - "accordion-top-to-text-regular-extra-large": { - "prop": "--spectrum-accordion-top-to-text-regular-extra-large", - "ref": "var(--spectrum-accordion-top-to-text-extra-large)", - "desktop": { - "value": "13px" + "wireframe": { + "value": "rgb(10, 19, 39)" }, - "mobile": { - "value": "17px" - } + "prop": "--spectrum-neutral-content-color-down" }, - "accordion-top-to-text-regular-large": { - "prop": "--spectrum-accordion-top-to-text-regular-large", - "ref": "var(--spectrum-accordion-top-to-text-large)", - "desktop": { - "value": "12px" + "neutral-content-color-focus-hover": { + "light": { + "value": "rgb(19, 19, 19)" }, - "mobile": { - "value": "16px" - } - }, - "accordion-top-to-text-regular-medium": { - "prop": "--spectrum-accordion-top-to-text-regular-medium", - "ref": "var(--spectrum-accordion-top-to-text-medium)", - "desktop": { - "value": "9px" + "dark": { + "value": "rgb(242, 242, 242)" }, - "mobile": { - "value": "10px" - } - }, - "accordion-top-to-text-regular-small": { - "prop": "--spectrum-accordion-top-to-text-regular-small", - "ref": "var(--spectrum-accordion-top-to-text-small)", - "desktop": { - "value": "7px" + "wireframe": { + "value": "rgb(10, 19, 39)" }, - "mobile": { - "value": "10px" - } + "prop": "--spectrum-neutral-content-color-focus-hover" }, - "accordion-top-to-text-small": { - "prop": "--spectrum-accordion-top-to-text-small", - "desktop": { - "value": "7px" + "neutral-content-color-focus": { + "light": { + "value": "rgb(19, 19, 19)" }, - "mobile": { - "value": "10px" - } - }, - "accordion-top-to-text-spacious-extra-large": { - "prop": "--spectrum-accordion-top-to-text-spacious-extra-large", - "desktop": { - "value": "17px" + "dark": { + "value": "rgb(242, 242, 242)" }, - "mobile": { - "value": "21px" - } - }, - "accordion-top-to-text-spacious-large": { - "prop": "--spectrum-accordion-top-to-text-spacious-large", - "desktop": { - "value": "16px" + "wireframe": { + "value": "rgb(10, 19, 39)" }, - "mobile": { - "value": "19px" - } + "prop": "--spectrum-neutral-content-color-focus" }, - "accordion-top-to-text-spacious-medium": { - "prop": "--spectrum-accordion-top-to-text-spacious-medium", - "desktop": { - "value": "13px" + "neutral-content-color-key-focus": { + "light": { + "value": "rgb(19, 19, 19)" }, - "mobile": { - "value": "15px" - } - }, - "accordion-top-to-text-spacious-small": { - "prop": "--spectrum-accordion-top-to-text-spacious-small", - "desktop": { - "value": "11px" + "dark": { + "value": "rgb(242, 242, 242)" }, - "mobile": { - "value": "15px" - } + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-neutral-content-color-key-focus" }, - "action-bar-border-color": { - "prop": "--spectrum-action-bar-border-color", - "ref": "var(--spectrum-gray-400)", + "neutral-subdued-content-color-default": { "light": { - "value": "rgb(198, 198, 198)" + "value": "rgb(80, 80, 80)" }, "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "action-bar-bottom-to-content-area": { - "prop": "--spectrum-action-bar-bottom-to-content-area", - "ref": "var(--spectrum-spacing-200)", - "value": "12px" + "value": "rgb(175, 175, 175)" + }, + "wireframe": { + "value": "rgb(44, 77, 149)" + }, + "prop": "--spectrum-neutral-subdued-content-color-default" }, - "action-bar-close-button-to-counter": { - "prop": "--spectrum-action-bar-close-button-to-counter", - "ref": "var(--spectrum-text-to-control-50)", - "desktop": { - "value": "4px" + "neutral-subdued-content-color-hover": { + "light": { + "value": "rgb(41, 41, 41)" }, - "mobile": { - "value": "5px" - } + "dark": { + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-neutral-subdued-content-color-hover" }, - "action-bar-counter-font-size": { - "prop": "--spectrum-action-bar-counter-font-size", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "neutral-subdued-content-color-down": { + "light": { + "value": "rgb(41, 41, 41)" }, - "mobile": { - "value": "17px" - } + "dark": { + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-neutral-subdued-content-color-down" }, - "action-bar-edge-to-content-area": { - "prop": "--spectrum-action-bar-edge-to-content-area", - "ref": "var(--spectrum-spacing-100)", - "value": "8px" + "neutral-subdued-content-color-key-focus": { + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-neutral-subdued-content-color-key-focus" }, - "action-bar-height": { - "prop": "--spectrum-action-bar-height", - "ref": "var(--spectrum-component-height-400)", - "desktop": { - "value": "56px" + "accent-content-color-default": { + "light": { + "value": "rgb(59, 99, 251)" }, - "mobile": { - "value": "70px" - } + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-accent-content-color-default" }, - "action-bar-label-to-action-group-area": { - "prop": "--spectrum-action-bar-label-to-action-group-area", - "ref": "var(--spectrum-spacing-300)", - "value": "16px" + "accent-content-color-hover": { + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-accent-content-color-hover" }, - "action-bar-minimum-width": { - "prop": "--spectrum-action-bar-minimum-width", - "value": "176px" + "accent-content-color-down": { + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-accent-content-color-down" }, - "action-bar-top-to-content-area": { - "prop": "--spectrum-action-bar-top-to-content-area", - "ref": "var(--spectrum-spacing-200)", - "value": "12px" + "accent-content-color-key-focus": { + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-accent-content-color-key-focus" }, - "action-bar-top-to-item-counter": { - "prop": "--spectrum-action-bar-top-to-item-counter", - "ref": "var(--spectrum-component-top-to-text-300)", - "desktop": { - "value": "12px" + "negative-content-color-default": { + "light": { + "value": "rgb(215, 50, 32)" }, - "mobile": { - "value": "15px" - } + "dark": { + "value": "rgb(252, 67, 46)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-negative-content-color-default" }, - "action-button-edge-to-hold-icon-extra-large": { - "prop": "--spectrum-action-button-edge-to-hold-icon-extra-large", - "desktop": { - "value": "6px" + "negative-content-color-hover": { + "light": { + "value": "rgb(183, 40, 24)" }, - "mobile": { - "value": "7px" - } + "dark": { + "value": "rgb(255, 103, 86)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-negative-content-color-hover" }, - "action-button-edge-to-hold-icon-extra-small": { - "prop": "--spectrum-action-button-edge-to-hold-icon-extra-small", - "value": "3px" + "negative-content-color-down": { + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-negative-content-color-down" }, - "action-button-edge-to-hold-icon-large": { - "prop": "--spectrum-action-button-edge-to-hold-icon-large", - "desktop": { - "value": "5px" + "negative-content-color-key-focus": { + "light": { + "value": "rgb(183, 40, 24)" }, - "mobile": { - "value": "6px" - } + "dark": { + "value": "rgb(255, 103, 86)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-negative-content-color-key-focus" }, - "action-button-edge-to-hold-icon-medium": { - "prop": "--spectrum-action-button-edge-to-hold-icon-medium", - "desktop": { - "value": "4px" + "disabled-content-color": { + "light": { + "value": "rgb(198, 198, 198)" }, - "mobile": { - "value": "5px" - } + "dark": { + "value": "rgb(68, 68, 68)" + }, + "wireframe": { + "value": "rgb(180, 199, 239)" + }, + "prop": "--spectrum-disabled-content-color" }, - "action-button-edge-to-hold-icon-small": { - "prop": "--spectrum-action-button-edge-to-hold-icon-small", - "value": "3px" + "disabled-static-white-content-color": { + "value": "rgba(255, 255, 255, 0.21)", + "prop": "--spectrum-disabled-static-white-content-color" }, - "add-icon-size-100": { - "prop": "--spectrum-add-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } + "disabled-static-black-content-color": { + "value": "rgba(0, 0, 0, 0.22)", + "prop": "--spectrum-disabled-static-black-content-color" }, - "add-icon-size-200": { - "prop": "--spectrum-add-icon-size-200", - "desktop": { - "value": "12px" + "neutral-visual-color": { + "light": { + "dark": { + "value": "rgb(113, 113, 113)" + } }, - "mobile": { - "value": "14px" - } + "dark": { + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(72, 110, 194)" + } + }, + "prop": "--spectrum-neutral-visual-color" }, - "add-icon-size-300": { - "prop": "--spectrum-add-icon-size-300", - "desktop": { - "value": "12px" + "accent-visual-color": { + "light": { + "dark": { + "value": "rgb(59, 99, 251)" + } }, - "mobile": { - "value": "16px" - } + "dark": { + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-accent-visual-color" }, - "add-icon-size-50": { - "prop": "--spectrum-add-icon-size-50", - "desktop": { - "value": "8px" + "informative-visual-color": { + "light": { + "dark": { + "value": "rgb(59, 99, 251)" + } }, - "mobile": { - "value": "10px" - } + "dark": { + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-informative-visual-color" }, - "add-icon-size-75": { - "prop": "--spectrum-add-icon-size-75", - "desktop": { - "value": "8px" + "negative-visual-color": { + "light": { + "dark": { + "value": "rgb(215, 50, 32)" + } }, - "mobile": { - "value": "10px" - } + "dark": { + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-negative-visual-color" }, - "alert-banner-bottom-to-text": { - "prop": "--spectrum-alert-banner-bottom-to-text", - "desktop": { - "value": "20px" + "notice-visual-color": { + "light": { + "dark": { + "value": "rgb(194, 78, 0)" + } }, - "mobile": { - "value": "22px" - } + "dark": { + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-notice-visual-color" }, - "alert-banner-minimum-height": { - "prop": "--spectrum-alert-banner-minimum-height", - "desktop": { - "value": "56px" + "positive-visual-color": { + "light": { + "dark": { + "value": "rgb(5, 131, 78)" + } }, - "mobile": { - "value": "64px" - } + "dark": { + "dark": { + "value": "rgb(9, 157, 89)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-positive-visual-color" }, - "alert-banner-to-bottom-text": { - "prop": "--spectrum-alert-banner-to-bottom-text", - "ref": "var(--spectrum-alert-banner-bottom-to-text)", - "desktop": { - "value": "20px" + "gray-visual-color": { + "light": { + "dark": { + "value": "rgb(113, 113, 113)" + } }, - "mobile": { - "value": "22px" - } + "dark": { + "dark": { + "value": "rgb(138, 138, 138)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(72, 110, 194)" + } + }, + "prop": "--spectrum-gray-visual-color" }, - "alert-banner-to-top-text": { - "prop": "--spectrum-alert-banner-to-top-text", - "ref": "var(--spectrum-alert-banner-top-to-text)", - "desktop": { - "value": "18px" + "red-visual-color": { + "light": { + "dark": { + "value": "rgb(255, 81, 61)" + } }, - "mobile": { - "value": "21px" - } + "dark": { + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-red-visual-color" }, - "alert-banner-to-top-workflow-icon": { - "prop": "--spectrum-alert-banner-to-top-workflow-icon", - "ref": "var(--spectrum-alert-banner-top-to-workflow-icon)", - "desktop": { - "value": "18px" + "orange-visual-color": { + "light": { + "dark": { + "value": "rgb(194, 78, 0)" + } }, - "mobile": { - "value": "20px" - } + "dark": { + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-orange-visual-color" }, - "alert-banner-top-to-alert-icon": { - "prop": "--spectrum-alert-banner-top-to-alert-icon", - "desktop": { - "value": "37px" + "yellow-visual-color": { + "light": { + "dark": { + "value": "rgb(114, 72, 0)" + } }, - "mobile": { - "value": "29px" - } + "dark": { + "dark": { + "value": "rgb(218, 159, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(52, 79, 140)" + } + }, + "prop": "--spectrum-yellow-visual-color" }, - "alert-banner-top-to-text": { - "prop": "--spectrum-alert-banner-top-to-text", - "desktop": { - "value": "18px" + "chartreuse-visual-color": { + "light": { + "dark": { + "value": "rgb(102, 122, 0)" + } }, - "mobile": { - "value": "21px" - } + "dark": { + "dark": { + "value": "rgb(122, 147, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-chartreuse-visual-color" }, - "alert-banner-top-to-workflow-icon": { - "prop": "--spectrum-alert-banner-top-to-workflow-icon", - "desktop": { - "value": "18px" + "celery-visual-color": { + "light": { + "dark": { + "value": "rgb(72, 144, 20)" + } }, - "mobile": { - "value": "20px" - } + "dark": { + "dark": { + "value": "rgb(66, 134, 18)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-celery-visual-color" }, - "alert-banner-width": { - "prop": "--spectrum-alert-banner-width", - "desktop": { - "value": "832px" + "green-visual-color": { + "light": { + "dark": { + "value": "rgb(7, 147, 85)" + } }, - "mobile": { - "value": "680px" - } + "dark": { + "dark": { + "value": "rgb(6, 136, 80)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-green-visual-color" }, - "alert-dialog-description-font-size": { - "prop": "--spectrum-alert-dialog-description-font-size", - "ref": "var(--spectrum-body-size-s)" - }, - "alert-dialog-description-size": { - "prop": "--spectrum-alert-dialog-description-size", - "ref": "var(--spectrum-alert-dialog-description-font-size)" - }, - "alert-dialog-maximum-width": { - "prop": "--spectrum-alert-dialog-maximum-width", - "value": "480px" + "seafoam-visual-color": { + "light": { + "dark": { + "value": "rgb(9, 144, 120)" + } + }, + "dark": { + "dark": { + "value": "rgb(8, 134, 112)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-seafoam-visual-color" }, - "alert-dialog-minimum-width": { - "prop": "--spectrum-alert-dialog-minimum-width", - "value": "288px" + "cyan-visual-color": { + "light": { + "dark": { + "value": "rgb(11, 120, 179)" + } + }, + "dark": { + "dark": { + "value": "rgb(24, 142, 220)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-cyan-visual-color" }, - "alert-dialog-title-font-size": { - "prop": "--spectrum-alert-dialog-title-font-size", - "ref": "var(--spectrum-title-size-xl)" + "blue-visual-color": { + "light": { + "dark": { + "value": "rgb(59, 99, 251)" + } + }, + "dark": { + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-blue-visual-color" }, - "alert-dialog-title-size": { - "prop": "--spectrum-alert-dialog-title-size", - "ref": "var(--spectrum-alert-dialog-title-font-size)" + "indigo-visual-color": { + "light": { + "dark": { + "value": "rgb(113, 85, 250)" + } + }, + "dark": { + "dark": { + "value": "rgb(128, 119, 254)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-indigo-visual-color" }, - "arrow-icon-size-100": { - "prop": "--spectrum-arrow-icon-size-100", - "desktop": { - "value": "10px" + "purple-visual-color": { + "light": { + "dark": { + "value": "rgb(154, 71, 226)" + } }, - "mobile": { - "value": "14px" - } + "dark": { + "dark": { + "value": "rgb(173, 105, 233)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-purple-visual-color" }, - "arrow-icon-size-200": { - "prop": "--spectrum-arrow-icon-size-200", - "desktop": { - "value": "12px" + "fuchsia-visual-color": { + "light": { + "dark": { + "value": "rgb(181, 57, 200)" + } }, - "mobile": { - "value": "16px" - } + "dark": { + "dark": { + "value": "rgb(213, 73, 235)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-fuchsia-visual-color" }, - "arrow-icon-size-300": { - "prop": "--spectrum-arrow-icon-size-300", - "desktop": { - "value": "14px" + "magenta-visual-color": { + "light": { + "dark": { + "value": "rgb(217, 35, 97)" + } }, - "mobile": { - "value": "16px" - } + "dark": { + "dark": { + "value": "rgb(255, 51, 119)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-magenta-visual-color" }, - "arrow-icon-size-400": { - "prop": "--spectrum-arrow-icon-size-400", - "desktop": { - "value": "16px" + "disabled-border-color": { + "light": { + "value": "rgb(218, 218, 218)" }, - "mobile": { - "value": "18px" - } + "dark": { + "value": "rgb(57, 57, 57)" + }, + "wireframe": { + "value": "rgb(207, 219, 245)" + }, + "prop": "--spectrum-disabled-border-color" }, - "arrow-icon-size-500": { - "prop": "--spectrum-arrow-icon-size-500", - "desktop": { - "value": "18px" + "disabled-static-white-border-color": { + "value": "rgba(255, 255, 255, 0.17)", + "prop": "--spectrum-disabled-static-white-border-color" + }, + "disabled-static-black-border-color": { + "value": "rgba(0, 0, 0, 0.15)", + "prop": "--spectrum-disabled-static-black-border-color" + }, + "negative-border-color-default": { + "light": { + "value": "rgb(215, 50, 32)" }, - "mobile": { - "value": "22px" - } + "dark": { + "value": "rgb(252, 67, 46)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-negative-border-color-default" }, - "arrow-icon-size-600": { - "prop": "--spectrum-arrow-icon-size-600", - "desktop": { - "value": "20px" + "negative-border-color-hover": { + "light": { + "value": "rgb(183, 40, 24)" }, - "mobile": { - "value": "24px" - } + "dark": { + "value": "rgb(255, 103, 86)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-negative-border-color-hover" }, - "arrow-icon-size-75": { - "prop": "--spectrum-arrow-icon-size-75", - "desktop": { - "value": "10px" + "negative-border-color-down": { + "light": { + "value": "rgb(156, 33, 19)" }, - "mobile": { - "value": "12px" - } + "dark": { + "value": "rgb(255, 134, 120)" + }, + "wireframe": { + "value": "rgb(52, 79, 140)" + }, + "prop": "--spectrum-negative-border-color-down" }, - "asterisk-icon-size-100": { - "prop": "--spectrum-asterisk-icon-size-100", - "desktop": { - "value": "8px" + "negative-border-color-focus-hover": { + "light": { + "value": "rgb(156, 33, 19)" }, - "mobile": { - "value": "10px" - } + "dark": { + "value": "rgb(255, 134, 120)" + }, + "wireframe": { + "value": "rgb(52, 79, 140)" + }, + "prop": "--spectrum-negative-border-color-focus-hover" }, - "asterisk-icon-size-200": { - "prop": "--spectrum-asterisk-icon-size-200", - "desktop": { - "value": "10px" + "negative-border-color-focus": { + "light": { + "value": "rgb(183, 40, 24)" }, - "mobile": { - "value": "12px" - } + "dark": { + "value": "rgb(255, 103, 86)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-negative-border-color-focus" }, - "asterisk-icon-size-300": { - "prop": "--spectrum-asterisk-icon-size-300", - "desktop": { - "value": "10px" + "negative-border-color-key-focus": { + "light": { + "value": "rgb(183, 40, 24)" }, - "mobile": { - "value": "12px" - } + "dark": { + "value": "rgb(255, 103, 86)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-negative-border-color-key-focus" }, - "asterisk-icon-size-75": { - "prop": "--spectrum-asterisk-icon-size-75", - "value": "8px" + "background-elevated-color": { + "light": { + "light": { + "value": "rgb(255, 255, 255)" + } + }, + "dark": { + "light": { + "value": "rgb(17, 17, 17)" + } + }, + "wireframe": { + "light": { + "value": "rgb(254, 254, 255)" + } + }, + "prop": "--spectrum-background-elevated-color" }, - "avatar-border-color": { - "prop": "--spectrum-avatar-border-color", - "ref": "var(--spectrum-gray-25)", + "background-pasteboard-color": { "dark": { - "value": "rgb(17, 17, 17)" + "light": { + "value": "rgb(44, 44, 44)" + } }, "light": { - "value": "rgb(255, 255, 255)" - } - }, - "avatar-border-width": { - "prop": "--spectrum-avatar-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" + "light": { + "value": "rgb(233, 233, 233)" + } + }, + "wireframe": { + "light": { + "value": "rgb(228, 234, 249)" + } + }, + "prop": "--spectrum-background-pasteboard-color" }, - "avatar-group-size-100": { - "prop": "--spectrum-avatar-group-size-100", - "ref": "var(--spectrum-avatar-size-100)", - "desktop": { - "value": "24px" + "brown-visual-color": { + "dark": { + "dark": { + "value": "rgb(163, 132, 84)" + } }, - "mobile": { - "value": "28px" - } + "light": { + "dark": { + "value": "rgb(139, 109, 66)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-brown-visual-color" }, - "avatar-group-size-200": { - "prop": "--spectrum-avatar-group-size-200", - "ref": "var(--spectrum-avatar-size-200)", - "desktop": { - "value": "28px" + "cinnamon-visual-color": { + "dark": { + "dark": { + "value": "rgb(192, 119, 80)" + } }, - "mobile": { - "value": "32px" - } + "light": { + "dark": { + "value": "rgb(170, 94, 56)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-cinnamon-visual-color" }, - "avatar-group-size-300": { - "prop": "--spectrum-avatar-group-size-300", - "ref": "var(--spectrum-avatar-size-300)", - "desktop": { - "value": "32px" + "pink-visual-color": { + "dark": { + "dark": { + "value": "rgb(236, 67, 175)" + } }, - "mobile": { - "value": "36px" - } + "light": { + "dark": { + "value": "rgb(206, 42, 146)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-pink-visual-color" }, - "avatar-group-size-400": { - "prop": "--spectrum-avatar-group-size-400", - "ref": "var(--spectrum-avatar-size-400)", - "desktop": { - "value": "36px" + "silver-visual-color": { + "dark": { + "dark": { + "value": "rgb(137, 137, 137)" + } }, - "mobile": { - "value": "40px" - } + "light": { + "dark": { + "value": "rgb(114, 114, 114)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-silver-visual-color" }, - "avatar-group-size-50": { - "prop": "--spectrum-avatar-group-size-50", - "ref": "var(--spectrum-avatar-size-50)", - "desktop": { - "value": "16px" + "turquoise-visual-color": { + "dark": { + "dark": { + "value": "rgb(11, 151, 164)" + } }, - "mobile": { - "value": "20px" - } + "light": { + "dark": { + "value": "rgb(8, 126, 137)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-turquoise-visual-color" }, - "avatar-group-size-500": { - "prop": "--spectrum-avatar-group-size-500", - "ref": "var(--spectrum-avatar-size-500)", - "desktop": { - "value": "40px" + "brown-background-color-default": { + "dark": { + "dark": { + "value": "rgb(143, 114, 69)" + } }, - "mobile": { - "value": "44px" - } + "light": { + "dark": { + "value": "rgb(154, 123, 77)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-brown-background-color-default" }, - "avatar-group-size-75": { - "prop": "--spectrum-avatar-group-size-75", - "ref": "var(--spectrum-avatar-size-75)", - "desktop": { - "value": "20px" + "cinnamon-background-color-default": { + "dark": { + "dark": { + "value": "rgb(176, 98, 59)" + } }, - "mobile": { - "value": "24px" - } - }, - "avatar-opacity-disabled": { - "prop": "--spectrum-avatar-opacity-disabled", - "ref": "var(--spectrum-opacity-disabled)", - "value": "0.3" - }, - "avatar-size-100": { - "prop": "--spectrum-avatar-size-100", - "desktop": { - "value": "24px" + "light": { + "dark": { + "value": "rgb(184, 109, 70)" + } }, - "mobile": { - "value": "28px" - } - }, - "avatar-size-1000": { - "prop": "--spectrum-avatar-size-1000", - "desktop": { - "value": "64px" + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } }, - "mobile": { - "value": "72px" - } + "prop": "--spectrum-cinnamon-background-color-default" }, - "avatar-size-1100": { - "prop": "--spectrum-avatar-size-1100", - "desktop": { - "value": "72px" + "pink-background-color-default": { + "dark": { + "dark": { + "value": "rgb(213, 45, 151)" + } }, - "mobile": { - "value": "80px" - } - }, - "avatar-size-1200": { - "prop": "--spectrum-avatar-size-1200", - "desktop": { - "value": "80px" + "light": { + "dark": { + "value": "rgb(228, 52, 163)" + } }, - "mobile": { - "value": "88px" - } - }, - "avatar-size-1300": { - "prop": "--spectrum-avatar-size-1300", - "desktop": { - "value": "88px" + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } }, - "mobile": { - "value": "96px" - } + "prop": "--spectrum-pink-background-color-default" }, - "avatar-size-1400": { - "prop": "--spectrum-avatar-size-1400", - "desktop": { - "value": "96px" + "silver-background-color-default": { + "dark": { + "dark": { + "value": "rgb(118, 118, 118)" + } }, - "mobile": { - "value": "104px" - } - }, - "avatar-size-1500": { - "prop": "--spectrum-avatar-size-1500", - "desktop": { - "value": "104px" + "light": { + "dark": { + "value": "rgb(128, 128, 128)" + } }, - "mobile": { - "value": "112px" - } - }, - "avatar-size-200": { - "prop": "--spectrum-avatar-size-200", - "desktop": { - "value": "28px" + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } }, - "mobile": { - "value": "32px" - } + "prop": "--spectrum-silver-background-color-default" }, - "avatar-size-300": { - "prop": "--spectrum-avatar-size-300", - "desktop": { - "value": "32px" + "turquoise-background-color-default": { + "dark": { + "dark": { + "value": "rgb(9, 131, 142)" + } }, - "mobile": { - "value": "36px" - } - }, - "avatar-size-400": { - "prop": "--spectrum-avatar-size-400", - "desktop": { - "value": "36px" + "light": { + "dark": { + "value": "rgb(10, 141, 153)" + } }, - "mobile": { - "value": "40px" - } - }, - "avatar-size-50": { - "prop": "--spectrum-avatar-size-50", - "desktop": { - "value": "16px" + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } }, - "mobile": { - "value": "20px" - } + "prop": "--spectrum-turquoise-background-color-default" }, - "avatar-size-500": { - "prop": "--spectrum-avatar-size-500", - "desktop": { - "value": "40px" + "title-color": { + "light": { + "value": "rgb(19, 19, 19)" }, - "mobile": { - "value": "44px" - } - }, - "avatar-size-600": { - "prop": "--spectrum-avatar-size-600", - "desktop": { - "value": "44px" + "dark": { + "value": "rgb(242, 242, 242)" }, - "mobile": { - "value": "48px" - } - }, - "avatar-size-700": { - "prop": "--spectrum-avatar-size-700", - "desktop": { - "value": "48px" + "wireframe": { + "value": "rgb(10, 19, 39)" }, - "mobile": { - "value": "52px" - } + "prop": "--spectrum-title-color" }, - "avatar-size-75": { - "prop": "--spectrum-avatar-size-75", - "desktop": { - "value": "20px" + "drop-shadow-color-100": { + "light": { + "value": "rgba(0, 0, 0, 0.12)" }, - "mobile": { - "value": "24px" + "prop": "--spectrum-drop-shadow-color-100", + "dark": { + "value": "rgba(0, 0, 0, 0.36)" } }, - "avatar-size-800": { - "prop": "--spectrum-avatar-size-800", - "desktop": { - "value": "52px" + "drop-shadow-color-200": { + "light": { + "value": "rgba(0, 0, 0, 0.16)" }, - "mobile": { - "value": "56px" + "prop": "--spectrum-drop-shadow-color-200", + "dark": { + "value": "rgba(0, 0, 0, 0.48)" } }, - "avatar-size-900": { - "prop": "--spectrum-avatar-size-900", - "desktop": { - "value": "56px" + "drop-shadow-color-300": { + "light": { + "value": "rgba(0, 0, 0, 0.2)" }, - "mobile": { - "value": "64px" + "prop": "--spectrum-drop-shadow-color-300", + "dark": { + "value": "rgba(0, 0, 0, 0.6)" } }, - "avatar-to-avatar-100": { - "prop": "--spectrum-avatar-to-avatar-100", - "desktop": { - "value": "-6px" + "drop-shadow-emphasized-default-color": { + "light": { + "value": "rgba(0, 0, 0, 0.12)" }, - "mobile": { - "value": "-7px" - } - }, - "avatar-to-avatar-200": { - "prop": "--spectrum-avatar-to-avatar-200", - "desktop": { - "value": "-7px" + "dark": { + "value": "rgba(0, 0, 0, 0.36)" }, - "mobile": { - "value": "-8px" - } - }, - "avatar-to-avatar-300": { - "prop": "--spectrum-avatar-to-avatar-300", - "desktop": { - "value": "-8px" + "wireframe": { + "value": "rgba(0, 0, 0, 0.12)" }, - "mobile": { - "value": "-9px" - } + "prop": "--spectrum-drop-shadow-emphasized-default-color" }, - "avatar-to-avatar-400": { - "prop": "--spectrum-avatar-to-avatar-400", - "desktop": { - "value": "-9px" + "drop-shadow-emphasized-hover-color": { + "light": { + "value": "rgba(0, 0, 0, 0.16)" }, - "mobile": { - "value": "-10px" - } - }, - "avatar-to-avatar-50": { - "prop": "--spectrum-avatar-to-avatar-50", - "desktop": { - "value": "-4px" + "dark": { + "value": "rgba(0, 0, 0, 0.48)" }, - "mobile": { - "value": "-5px" - } - }, - "avatar-to-avatar-500": { - "prop": "--spectrum-avatar-to-avatar-500", - "desktop": { - "value": "-10px" + "wireframe": { + "value": "rgba(0, 0, 0, 0.16)" }, - "mobile": { - "value": "-11px" - } + "prop": "--spectrum-drop-shadow-emphasized-hover-color" }, - "avatar-to-avatar-75": { - "prop": "--spectrum-avatar-to-avatar-75", - "desktop": { - "value": "-5px" + "drop-shadow-elevated-color": { + "light": { + "value": "rgba(0, 0, 0, 0.16)" }, - "mobile": { - "value": "-6px" - } - }, - "background-base-color": { - "prop": "--spectrum-background-base-color", - "ref": "var(--spectrum-gray-25)", "dark": { - "value": "rgb(17, 17, 17)" + "value": "rgba(0, 0, 0, 0.48)" }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "background-elevated-color": { - "prop": "--spectrum-background-elevated-color", - "ref": "var(--spectrum-gray-25)", - "dark": { - "value": "rgb(17, 17, 17)" + "wireframe": { + "value": "rgba(0, 0, 0, 0.16)" }, - "light": { - "value": "rgb(255, 255, 255)" - } + "prop": "--spectrum-drop-shadow-elevated-color" }, - "background-layer-1-color": { - "prop": "--spectrum-background-layer-1-color", - "ref": "var(--spectrum-gray-50)", + "neutral-subtle-background-color-default": { "light": { - "value": "rgb(248, 248, 248)" + "dark": { + "value": "rgb(218, 218, 218)" + } }, "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "background-layer-2-color": { - "prop": "--spectrum-background-layer-2-color", - "ref": "var(--spectrum-gray-75)", - "light": { - "value": "rgb(243, 243, 243)" + "dark": { + "value": "rgb(57, 57, 57)" + } }, - "dark": { - "value": "rgb(34, 34, 34)" - } - }, - "background-opacity-default": { - "prop": "--spectrum-background-opacity-default", - "value": "0" - }, - "background-opacity-down": { - "prop": "--spectrum-background-opacity-down", - "value": "0.1" + "wireframe": { + "dark": { + "value": "rgb(207, 219, 245)" + } + }, + "prop": "--spectrum-neutral-subtle-background-color-default" }, - "background-opacity-hover": { - "prop": "--spectrum-background-opacity-hover", - "value": "0.1" + "static-black-text-color": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-static-black-text-color" }, - "background-opacity-key-focus": { - "prop": "--spectrum-background-opacity-key-focus", - "value": "0.1" + "static-white-text-color": { + "value": "rgb(255, 255, 255)", + "prop": "--spectrum-static-white-text-color" }, - "background-pasteboard-color": { - "prop": "--spectrum-background-pasteboard-color", - "ref": "var(--spectrum-gray-100)", + "track-color": { "light": { - "value": "rgb(233, 233, 233)" + "value": "rgb(218, 218, 218)" }, "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "bar-panel-gripper-color": { - "prop": "--spectrum-bar-panel-gripper-color", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "value": "rgb(57, 57, 57)" }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "bar-panel-gripper-color-drag": { - "prop": "--spectrum-bar-panel-gripper-color-drag", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "wireframe": { + "value": "rgb(207, 219, 245)" }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "bar-panel-maximum-width": { - "prop": "--spectrum-bar-panel-maximum-width", - "value": "72px" - }, - "bar-panel-minimum-width": { - "prop": "--spectrum-bar-panel-minimum-width", - "value": "40px" + "prop": "--spectrum-track-color" }, - "bar-panel-spacing-extra-spacious": { - "prop": "--spectrum-bar-panel-spacing-extra-spacious", - "value": "20px" + "static-black-track-color": { + "value": "rgba(0, 0, 0, 0.15)", + "prop": "--spectrum-static-black-track-color" }, - "bar-panel-width": { - "prop": "--spectrum-bar-panel-width", - "value": "56px" + "static-white-track-color": { + "value": "rgba(255, 255, 255, 0.17)", + "prop": "--spectrum-static-white-track-color" }, - "black": { - "prop": "--spectrum-black", - "value": "rgb(0, 0, 0)" + "static-black-track-indicator-color": { + "value": "rgba(0, 0, 0, 0.93)", + "prop": "--spectrum-static-black-track-indicator-color" }, - "black-font-weight": { - "prop": "--spectrum-black-font-weight", - "value": "black" + "static-white-track-indicator-color": { + "value": "rgba(255, 255, 255, 0.94)", + "prop": "--spectrum-static-white-track-indicator-color" }, - "blue-100": { - "prop": "--spectrum-blue-100", + "drop-shadow-dragged-color": { "light": { - "value": "rgb(245, 249, 255)" + "value": "rgba(0, 0, 0, 0.2)" }, "dark": { - "value": "rgb(14, 23, 63)" - } + "value": "rgba(0, 0, 0, 0.6)" + }, + "wireframe": { + "value": "rgba(0, 0, 0, 0.2)" + }, + "prop": "--spectrum-drop-shadow-dragged-color" }, - "blue-1000": { - "prop": "--spectrum-blue-1000", + "gray-subtle-background-color-default": { "light": { - "value": "rgb(39, 77, 234)" + "dark": { + "value": "rgb(218, 218, 218)" + } }, "dark": { - "value": "rgb(105, 149, 254)" - } + "dark": { + "value": "rgb(57, 57, 57)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(207, 219, 245)" + } + }, + "prop": "--spectrum-gray-subtle-background-color-default" }, - "blue-1100": { - "prop": "--spectrum-blue-1100", + "blue-subtle-background-color-default": { "light": { - "value": "rgb(29, 62, 207)" + "dark": { + "value": "rgb(203, 226, 254)" + } }, "dark": { - "value": "rgb(124, 169, 252)" - } + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-blue-subtle-background-color-default" }, - "blue-1200": { - "prop": "--spectrum-blue-1200", + "green-subtle-background-color-default": { "light": { - "value": "rgb(21, 50, 173)" + "dark": { + "value": "rgb(173, 238, 197)" + } }, "dark": { - "value": "rgb(152, 192, 252)" - } + "dark": { + "value": "rgb(0, 51, 38)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-green-subtle-background-color-default" }, - "blue-1300": { - "prop": "--spectrum-blue-1300", + "orange-subtle-background-color-default": { "light": { - "value": "rgb(16, 40, 140)" + "dark": { + "value": "rgb(255, 218, 158)" + } }, "dark": { - "value": "rgb(181, 213, 253)" - } + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-orange-subtle-background-color-default" }, - "blue-1400": { - "prop": "--spectrum-blue-1400", + "red-subtle-background-color-default": { "light": { - "value": "rgb(12, 31, 105)" + "dark": { + "value": "rgb(255, 214, 209)" + } }, "dark": { - "value": "rgb(213, 231, 254)" - } + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-red-subtle-background-color-default" }, - "blue-1500": { - "prop": "--spectrum-blue-1500", + "brown-subtle-background-color-default": { "dark": { - "value": "rgb(238, 245, 255)" + "dark": { + "value": "rgb(58, 40, 14)" + } }, "light": { - "value": "rgb(14, 24, 67)" - } + "dark": { + "value": "rgb(239, 221, 195)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-brown-subtle-background-color-default" }, - "blue-1600": { - "prop": "--spectrum-blue-1600", + "cinnamon-subtle-background-color-default": { "dark": { - "value": "rgb(255, 255, 255)" + "dark": { + "value": "rgb(79, 28, 7)" + } }, "light": { - "value": "rgb(7, 11, 30)" - } + "dark": { + "value": "rgb(244, 218, 203)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-cinnamon-subtle-background-color-default" }, - "blue-200": { - "prop": "--spectrum-blue-200", + "celery-subtle-background-color-default": { "light": { - "value": "rgb(229, 240, 254)" + "dark": { + "value": "rgb(157, 247, 92)" + } }, "dark": { - "value": "rgb(15, 28, 82)" - } + "dark": { + "value": "rgb(21, 51, 1)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-celery-subtle-background-color-default" }, - "blue-300": { - "prop": "--spectrum-blue-300", + "chartreuse-subtle-background-color-default": { "light": { - "value": "rgb(203, 226, 254)" + "dark": { + "value": "rgb(208, 236, 70)" + } }, "dark": { - "value": "rgb(12, 33, 117)" - } + "dark": { + "value": "rgb(39, 47, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-chartreuse-subtle-background-color-default" }, - "blue-400": { - "prop": "--spectrum-blue-400", + "cyan-subtle-background-color-default": { "light": { - "value": "rgb(172, 207, 253)" + "dark": { + "value": "rgb(183, 231, 252)" + } }, "dark": { - "value": "rgb(18, 45, 154)" - } + "dark": { + "value": "rgb(0, 48, 65)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-cyan-subtle-background-color-default" }, - "blue-500": { - "prop": "--spectrum-blue-500", + "fuchsia-subtle-background-color-default": { "light": { - "value": "rgb(142, 185, 252)" + "dark": { + "value": "rgb(250, 211, 255)" + } }, "dark": { - "value": "rgb(26, 58, 195)" - } + "dark": { + "value": "rgb(79, 0, 95)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-fuchsia-subtle-background-color-default" }, - "blue-600": { - "prop": "--spectrum-blue-600", + "indigo-subtle-background-color-default": { "light": { - "value": "rgb(114, 158, 253)" + "dark": { + "value": "rgb(216, 222, 255)" + } }, "dark": { - "value": "rgb(37, 73, 229)" - } + "dark": { + "value": "rgb(47, 0, 140)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-indigo-subtle-background-color-default" }, - "blue-700": { - "prop": "--spectrum-blue-700", + "magenta-subtle-background-color-default": { "light": { - "value": "rgb(93, 137, 255)" + "dark": { + "value": "rgb(255, 213, 227)" + } }, "dark": { - "value": "rgb(52, 91, 248)" - } + "dark": { + "value": "rgb(93, 0, 34)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-magenta-subtle-background-color-default" }, - "blue-800": { - "prop": "--spectrum-blue-800", + "pink-subtle-background-color-default": { + "dark": { + "dark": { + "value": "rgb(90, 0, 57)" + } + }, "light": { - "value": "rgb(75, 117, 255)" + "dark": { + "value": "rgb(255, 211, 240)" + } }, - "dark": { - "value": "rgb(64, 105, 253)" - } + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-pink-subtle-background-color-default" }, - "blue-900": { - "prop": "--spectrum-blue-900", + "purple-subtle-background-color-default": { "light": { - "value": "rgb(59, 99, 251)" + "dark": { + "value": "rgb(235, 218, 249)" + } }, "dark": { - "value": "rgb(86, 129, 255)" - } + "dark": { + "value": "rgb(64, 0, 122)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-purple-subtle-background-color-default" }, - "blue-background-color-default": { - "prop": "--spectrum-blue-background-color-default", - "ref": "var(--spectrum-blue-800)", + "seafoam-subtle-background-color-default": { "light": { - "value": "rgb(75, 117, 255)" + "dark": { + "value": "rgb(169, 237, 216)" + } }, "dark": { - "value": "rgb(64, 105, 253)" - } + "dark": { + "value": "rgb(0, 50, 44)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-seafoam-subtle-background-color-default" }, - "blue-subtle-background-color-default": { - "prop": "--spectrum-blue-subtle-background-color-default", - "ref": "var(--spectrum-blue-300)", + "silver-subtle-background-color-default": { + "dark": { + "dark": { + "value": "rgb(44, 44, 44)" + } + }, "light": { - "value": "rgb(203, 226, 254)" + "dark": { + "value": "rgb(223, 223, 223)" + } }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-silver-subtle-background-color-default" + }, + "turquoise-subtle-background-color-default": { "dark": { - "value": "rgb(12, 33, 117)" - } + "dark": { + "value": "rgb(0, 49, 54)" + } + }, + "light": { + "dark": { + "value": "rgb(169, 236, 237)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-turquoise-subtle-background-color-default" }, - "blue-visual-color": { - "prop": "--spectrum-blue-visual-color", - "ref": "var(--spectrum-blue-900)", + "yellow-subtle-background-color-default": { "light": { - "value": "rgb(59, 99, 251)" + "dark": { + "value": "rgb(255, 222, 44)" + } }, "dark": { - "value": "rgb(86, 129, 255)" - } + "dark": { + "value": "rgb(61, 39, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-yellow-subtle-background-color-default" }, - "body-cjk-emphasized-font-style": { - "prop": "--spectrum-body-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "swatch-border-color": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(0, 0, 0)" + }, + "wireframe": { + "value": "rgb(0, 0, 0)" + }, + "prop": "--spectrum-swatch-border-color" }, - "body-cjk-emphasized-font-weight": { - "prop": "--spectrum-body-cjk-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "swatch-border-opacity": { + "value": "0.42", + "prop": "--spectrum-swatch-border-opacity" }, - "body-cjk-font-family": { - "prop": "--spectrum-body-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" + "swatch-disabled-icon-border-color": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-swatch-disabled-icon-border-color" }, - "body-cjk-font-style": { - "prop": "--spectrum-body-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "swatch-disabled-icon-border-opacity": { + "value": "0.42", + "prop": "--spectrum-swatch-disabled-icon-border-opacity" }, - "body-cjk-font-weight": { - "prop": "--spectrum-body-cjk-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" + "thumbnail-border-color": { + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-thumbnail-border-color" }, - "body-cjk-line-height": { - "prop": "--spectrum-body-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-200)", - "value": "1.7" + "thumbnail-border-opacity": { + "value": "0.1", + "prop": "--spectrum-thumbnail-border-opacity" }, - "body-cjk-size-l": { - "prop": "--spectrum-body-cjk-size-l", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } + "thumbnail-opacity-disabled": { + "value": "0.3", + "prop": "--spectrum-thumbnail-opacity-disabled" }, - "body-cjk-size-m": { - "prop": "--spectrum-body-cjk-size-m", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } + "opacity-checkerboard-square-light": { + "value": "rgb(255, 255, 255)", + "prop": "--spectrum-opacity-checkerboard-square-light" }, - "body-cjk-size-s": { - "prop": "--spectrum-body-cjk-size-s", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "opacity-checkerboard-square-dark": { + "light": { + "dark": { + "value": "rgb(41, 41, 41)" + } }, - "mobile": { - "value": "15px" - } - }, - "body-cjk-size-xl": { - "prop": "--spectrum-body-cjk-size-xl", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" + "dark": { + "dark": { + "value": "rgb(219, 219, 219)" + } }, - "mobile": { - "value": "22px" - } - }, - "body-cjk-size-xs": { - "prop": "--spectrum-body-cjk-size-xs", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" + "wireframe": { + "dark": { + "value": "rgb(25, 46, 93)" + } }, - "mobile": { - "value": "13px" - } + "prop": "--spectrum-opacity-checkerboard-square-dark" }, - "body-cjk-size-xxl": { - "prop": "--spectrum-body-cjk-size-xxl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" + "avatar-opacity-disabled": { + "value": "0.3", + "prop": "--spectrum-avatar-opacity-disabled" + }, + "color-area-border-color": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "24px" - } + "light": { + "value": "rgb(0, 0, 0)" + }, + "wireframe": { + "value": "rgb(0, 0, 0)" + }, + "prop": "--spectrum-color-area-border-color" }, - "body-cjk-size-xxs": { - "prop": "--spectrum-body-cjk-size-xxs", - "ref": "var(--spectrum-font-size-25)", - "desktop": { - "value": "10px" + "color-area-border-opacity": { + "value": "0.1", + "prop": "--spectrum-color-area-border-opacity" + }, + "color-slider-border-color": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "12px" - } + "light": { + "value": "rgb(0, 0, 0)" + }, + "wireframe": { + "value": "rgb(0, 0, 0)" + }, + "prop": "--spectrum-color-slider-border-color" }, - "body-cjk-size-xxxl": { - "prop": "--spectrum-body-cjk-size-xxxl", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" + "color-slider-border-opacity": { + "value": "0.1", + "prop": "--spectrum-color-slider-border-opacity" + }, + "color-loupe-drop-shadow-color": { + "light": { + "value": "rgba(0, 0, 0, 0.16)" }, - "mobile": { - "value": "27px" - } + "dark": { + "value": "rgba(0, 0, 0, 0.48)" + }, + "wireframe": { + "value": "rgba(0, 0, 0, 0.16)" + }, + "prop": "--spectrum-color-loupe-drop-shadow-color" }, - "body-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-body-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "color-loupe-drop-shadow-y": { + "value": "2px", + "prop": "--spectrum-color-loupe-drop-shadow-y" }, - "body-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-body-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "color-loupe-drop-shadow-blur": { + "value": "8px", + "prop": "--spectrum-color-loupe-drop-shadow-blur" }, - "body-cjk-strong-font-style": { - "prop": "--spectrum-body-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "color-loupe-inner-border": { + "value": "rgba(0, 0, 0, 0.12)", + "prop": "--spectrum-color-loupe-inner-border" }, - "body-cjk-strong-font-weight": { - "prop": "--spectrum-body-cjk-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "color-loupe-outer-border": { + "value": "rgb(255, 255, 255)", + "prop": "--spectrum-color-loupe-outer-border" }, - "body-color": { - "prop": "--spectrum-body-color", - "ref": "var(--spectrum-gray-800)", + "card-selection-background-color": { "light": { - "value": "rgb(41, 41, 41)" + "value": "rgba(255, 255, 255, 0.51)" }, + "prop": "--spectrum-card-selection-background-color", "dark": { - "value": "rgb(219, 219, 219)" + "value": "rgba(0, 0, 0, 0.56)" } }, - "body-line-height": { - "prop": "--spectrum-body-line-height", - "ref": "var(--spectrum-line-height-200)", - "value": "1.5" + "card-selection-background-color-opacity": { + "value": "0.95", + "prop": "--spectrum-card-selection-background-color-opacity" }, - "body-margin-multiplier": { - "prop": "--spectrum-body-margin-multiplier", - "value": "0.75" + "drop-zone-background-color": { + "light": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "dark": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "wireframe": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-drop-zone-background-color" }, - "body-sans-serif-emphasized-font-style": { - "prop": "--spectrum-body-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "drop-zone-background-color-opacity": { + "value": "0.1", + "prop": "--spectrum-drop-zone-background-color-opacity" }, - "body-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-body-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" + "drop-zone-background-color-opacity-filled": { + "value": "0.3", + "prop": "--spectrum-drop-zone-background-color-opacity-filled" }, - "body-sans-serif-font-family": { - "prop": "--spectrum-body-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" + "coach-mark-pagination-color": { + "light": { + "value": "rgb(113, 113, 113)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + }, + "wireframe": { + "value": "rgb(72, 110, 194)" + }, + "prop": "--spectrum-coach-mark-pagination-color" }, - "body-sans-serif-font-style": { - "prop": "--spectrum-body-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "color-handle-inner-border-color": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-color-handle-inner-border-color" }, - "body-sans-serif-font-weight": { - "prop": "--spectrum-body-sans-serif-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" + "color-handle-inner-border-opacity": { + "value": "0.42", + "prop": "--spectrum-color-handle-inner-border-opacity" }, - "body-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-body-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "color-handle-outer-border-color": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-color-handle-outer-border-color" }, - "body-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-body-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "color-handle-outer-border-opacity": { + "value": "0.42", + "prop": "--spectrum-color-handle-outer-border-opacity" }, - "body-sans-serif-strong-font-style": { - "prop": "--spectrum-body-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "color-handle-drop-shadow-color": { + "light": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "dark": { + "value": "rgba(0, 0, 0, 0.36)" + }, + "wireframe": { + "value": "rgba(0, 0, 0, 0.12)" + }, + "prop": "--spectrum-color-handle-drop-shadow-color" }, - "body-sans-serif-strong-font-weight": { - "prop": "--spectrum-body-sans-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "floating-action-button-drop-shadow-color": { + "value": "rgba(0, 0, 0, 0.15)", + "prop": "--spectrum-floating-action-button-drop-shadow-color" }, - "body-serif-emphasized-font-style": { - "prop": "--spectrum-body-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "floating-action-button-shadow-color": { + "value": "rgba(0, 0, 0, 0.15)", + "prop": "--spectrum-floating-action-button-shadow-color" }, - "body-serif-emphasized-font-weight": { - "prop": "--spectrum-body-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" + "table-row-hover-color": { + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-table-row-hover-color" }, - "body-serif-font-family": { - "prop": "--spectrum-body-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" + "table-row-hover-opacity": { + "value": "0.07", + "prop": "--spectrum-table-row-hover-opacity" }, - "body-serif-font-style": { - "prop": "--spectrum-body-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "table-selected-row-background-color": { + "light": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "dark": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "wireframe": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-table-selected-row-background-color" }, - "body-serif-font-weight": { - "prop": "--spectrum-body-serif-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" + "table-selected-row-background-opacity": { + "value": "0.1", + "prop": "--spectrum-table-selected-row-background-opacity" }, - "body-serif-strong-emphasized-font-style": { - "prop": "--spectrum-body-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "table-selected-row-background-color-non-emphasized": { + "light": { + "value": "rgb(41, 41, 41)" + }, + "dark": { + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-table-selected-row-background-color-non-emphasized" }, - "body-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-body-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "table-selected-row-background-opacity-non-emphasized": { + "value": "0.1", + "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized" }, - "body-serif-strong-font-style": { - "prop": "--spectrum-body-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "table-row-down-opacity": { + "value": "0.1", + "prop": "--spectrum-table-row-down-opacity" }, - "body-serif-strong-font-weight": { - "prop": "--spectrum-body-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "table-selected-row-background-opacity-hover": { + "value": "0.15", + "prop": "--spectrum-table-selected-row-background-opacity-hover" }, - "body-size-l": { - "prop": "--spectrum-body-size-l", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } + "table-selected-row-background-opacity-non-emphasized-hover": { + "value": "0.15", + "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized-hover" }, - "body-size-m": { - "prop": "--spectrum-body-size-m", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" + "menu-item-background-color-default": { + "light": { + "dark": { + "value": "rgb(225, 225, 225)" + } }, - "mobile": { - "value": "19px" - } - }, - "body-size-s": { - "prop": "--spectrum-body-size-s", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "dark": { + "dark": { + "value": "rgb(50, 50, 50)" + } }, - "mobile": { - "value": "17px" - } - }, - "body-size-xl": { - "prop": "--spectrum-body-size-xl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" + "wireframe": { + "dark": { + "value": "rgb(214, 224, 246)" + } }, - "mobile": { - "value": "24px" - } + "prop": "--spectrum-menu-item-background-color-default" }, - "body-size-xs": { - "prop": "--spectrum-body-size-xs", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "menu-item-background-color-hover": { + "light": { + "dark": { + "value": "rgb(225, 225, 225)" + } }, - "mobile": { - "value": "15px" - } - }, - "body-size-xxl": { - "prop": "--spectrum-body-size-xxl", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" + "dark": { + "dark": { + "value": "rgb(50, 50, 50)" + } }, - "mobile": { - "value": "27px" - } - }, - "body-size-xxs": { - "prop": "--spectrum-body-size-xxs", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" + "wireframe": { + "dark": { + "value": "rgb(214, 224, 246)" + } }, - "mobile": { - "value": "13px" - } + "prop": "--spectrum-menu-item-background-color-hover" }, - "body-size-xxxl": { - "prop": "--spectrum-body-size-xxxl", - "ref": "var(--spectrum-font-size-600)", - "desktop": { - "value": "25px" + "menu-item-background-color-down": { + "light": { + "dark": { + "value": "rgb(225, 225, 225)" + } }, - "mobile": { - "value": "31px" - } - }, - "bold-font-weight": { - "prop": "--spectrum-bold-font-weight", - "value": "bold" - }, - "border-width-100": { - "prop": "--spectrum-border-width-100", - "value": "1px" + "dark": { + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(214, 224, 246)" + } + }, + "prop": "--spectrum-menu-item-background-color-down" }, - "border-width-200": { - "prop": "--spectrum-border-width-200", - "value": "2px" + "menu-item-background-color-keyboard-focus": { + "light": { + "dark": { + "value": "rgb(225, 225, 225)" + } + }, + "dark": { + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(214, 224, 246)" + } + }, + "prop": "--spectrum-menu-item-background-color-keyboard-focus" }, - "border-width-400": { - "prop": "--spectrum-border-width-400", - "value": "4px" + "menu-item-background-color-disabled": { + "light": { + "dark": { + "value": "rgb(225, 225, 225)" + } + }, + "dark": { + "dark": { + "value": "rgb(50, 50, 50)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(214, 224, 246)" + } + }, + "prop": "--spectrum-menu-item-background-color-disabled" }, - "breadcrumbs-bottom-to-text": { - "prop": "--spectrum-breadcrumbs-bottom-to-text", - "ref": "var(--spectrum-component-bottom-to-text-200)", - "desktop": { - "value": "11px" + "popover-border-color": { + "light": { + "dark": { + "value": "rgb(198, 198, 198)" + } }, - "mobile": { - "value": "14px" + "prop": "--spectrum-popover-border-color", + "dark": { + "dark": { + "value": "rgb(68, 68, 68)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(180, 199, 239)" + } } }, - "breadcrumbs-bottom-to-text-compact": { - "prop": "--spectrum-breadcrumbs-bottom-to-text-compact", - "ref": "var(--spectrum-component-bottom-to-text-100)", - "desktop": { - "value": "9px" + "popover-border-opacity": { + "light": { + "value": "0" }, - "mobile": { - "value": "11px" + "prop": "--spectrum-popover-border-opacity", + "dark": { + "value": "1.0" } }, - "breadcrumbs-bottom-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-bottom-to-text-multiline", - "desktop": { - "value": "9px" + "coach-indicator-color": { + "light": { + "value": "rgb(75, 117, 255)" }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-end-edge-to-text": { - "prop": "--spectrum-breadcrumbs-end-edge-to-text", - "value": "0px" - }, - "breadcrumbs-height": { - "prop": "--spectrum-breadcrumbs-height", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" + "dark": { + "value": "rgb(64, 105, 253)" }, - "mobile": { - "value": "50px" - } - }, - "breadcrumbs-height-compact": { - "prop": "--spectrum-breadcrumbs-height-compact", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" + "wireframe": { + "value": "rgb(93, 127, 201)" }, - "mobile": { - "value": "40px" - } + "prop": "--spectrum-coach-indicator-color" }, - "breadcrumbs-height-multiline": { - "prop": "--spectrum-breadcrumbs-height-multiline", - "desktop": { - "value": "72px" + "swatch-group-border-color": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "90px" - } - }, - "breadcrumbs-separator-icon-to-bottom-text-multiline": { - "prop": "--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline", - "ref": "var(--spectrum-breadcrumbs-separator-to-bottom-text-multiline)", - "desktop": { - "value": "11px" + "light": { + "value": "rgb(0, 0, 0)" }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-separator-to-bottom-text-multiline": { - "prop": "--spectrum-breadcrumbs-separator-to-bottom-text-multiline", - "desktop": { - "value": "11px" + "wireframe": { + "value": "rgb(0, 0, 0)" }, - "mobile": { - "value": "15px" - } + "prop": "--spectrum-swatch-group-border-color" }, - "breadcrumbs-start-edge-to-text": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text", - "ref": "var(--spectrum-breadcrumbs-start-edge-to-text-large)", - "desktop": { - "value": "9px" + "avatar-border-color": { + "dark": { + "value": "rgb(17, 17, 17)" }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-start-edge-to-text-large": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text-large", - "desktop": { - "value": "9px" + "light": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-start-edge-to-text-medium": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text-medium", - "desktop": { - "value": "6px" + "wireframe": { + "value": "rgb(254, 254, 255)" }, - "mobile": { - "value": "8px" - } + "prop": "--spectrum-avatar-border-color" }, - "breadcrumbs-start-edge-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text-multiline", - "desktop": { - "value": "4px" + "standard-panel-gripper-color-drag": { + "light": { + "value": "rgb(41, 41, 41)" }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-start-edge-to-truncated-menu": { - "prop": "--spectrum-breadcrumbs-start-edge-to-truncated-menu", - "value": "0px" - }, - "breadcrumbs-text-to-separator-large": { - "prop": "--spectrum-breadcrumbs-text-to-separator-large", - "desktop": { - "value": "9px" + "dark": { + "value": "rgb(219, 219, 219)" }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-text-to-separator-medium": { - "prop": "--spectrum-breadcrumbs-text-to-separator-medium", - "desktop": { - "value": "6px" + "wireframe": { + "value": "rgb(25, 46, 93)" }, - "mobile": { - "value": "8px" - } + "prop": "--spectrum-standard-panel-gripper-color-drag" }, - "breadcrumbs-text-to-separator-multiline": { - "prop": "--spectrum-breadcrumbs-text-to-separator-multiline", - "desktop": { - "value": "4px" + "standard-panel-gripper-color": { + "light": { + "value": "rgb(225, 225, 225)" }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-top-text-to-bottom-text": { - "prop": "--spectrum-breadcrumbs-top-text-to-bottom-text", - "desktop": { - "value": "9px" + "dark": { + "value": "rgb(50, 50, 50)" }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-top-to-separator-icon": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon", - "ref": "var(--spectrum-breadcrumbs-top-to-separator-large)", - "desktop": { - "value": "15px" + "wireframe": { + "value": "rgb(214, 224, 246)" }, - "mobile": { - "value": "20px" - } + "prop": "--spectrum-standard-panel-gripper-color" }, - "breadcrumbs-top-to-separator-icon-compact": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon-compact", - "ref": "var(--spectrum-breadcrumbs-top-to-separator-medium)", - "desktop": { - "value": "11px" + "bar-panel-gripper-color": { + "light": { + "value": "rgb(225, 225, 225)" }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-top-to-separator-icon-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon-multiline", - "ref": "var(--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline)", - "desktop": { - "value": "11px" + "dark": { + "value": "rgb(50, 50, 50)" }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-top-to-separator-large": { - "prop": "--spectrum-breadcrumbs-top-to-separator-large", - "desktop": { - "value": "15px" + "wireframe": { + "value": "rgb(214, 224, 246)" }, - "mobile": { - "value": "20px" - } + "prop": "--spectrum-bar-panel-gripper-color" }, - "breadcrumbs-top-to-separator-medium": { - "prop": "--spectrum-breadcrumbs-top-to-separator-medium", - "desktop": { - "value": "11px" + "bar-panel-gripper-color-drag": { + "light": { + "value": "rgb(41, 41, 41)" }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-top-to-separator-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-separator-multiline", - "desktop": { - "value": "7px" + "dark": { + "value": "rgb(219, 219, 219)" }, - "mobile": { - "value": "10px" - } - }, - "breadcrumbs-top-to-text": { - "prop": "--spectrum-breadcrumbs-top-to-text", - "ref": "var(--spectrum-component-top-to-text-200)", - "desktop": { - "value": "9px" + "wireframe": { + "value": "rgb(25, 46, 93)" }, - "mobile": { - "value": "12px" - } + "prop": "--spectrum-bar-panel-gripper-color-drag" }, - "breadcrumbs-top-to-text-compact": { - "prop": "--spectrum-breadcrumbs-top-to-text-compact", - "ref": "var(--spectrum-component-top-to-text-100)", - "desktop": { - "value": "6px" + "select-box-selected-border-color": { + "light": { + "value": "rgb(41, 41, 41)" }, - "mobile": { - "value": "8px" - } - }, - "breadcrumbs-top-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-text-multiline", - "desktop": { - "value": "4px" + "dark": { + "value": "rgb(219, 219, 219)" }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-top-to-truncated-menu": { - "prop": "--spectrum-breadcrumbs-top-to-truncated-menu", - "value": "0px" - }, - "breadcrumbs-top-to-truncated-menu-compact": { - "prop": "--spectrum-breadcrumbs-top-to-truncated-menu-compact", - "ref": "var(--spectrum-breadcrumbs-top-to-truncated-menu)", - "value": "0px" - }, - "breadcrumbs-truncated-menu-to-bottom-text": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-bottom-text", - "desktop": { - "value": "4px" + "wireframe": { + "value": "rgb(25, 46, 93)" }, - "mobile": { - "value": "5px" - } + "prop": "--spectrum-select-box-selected-border-color" }, - "breadcrumbs-truncated-menu-to-separator": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator", - "value": "0px" + "tree-view-row-background-hover": { + "light": { + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + }, + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-tree-view-row-background-hover" }, - "breadcrumbs-truncated-menu-to-separator-icon": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator-icon", - "ref": "var(--spectrum-breadcrumbs-truncated-menu-to-separator)", - "value": "0px" + "tree-view-selected-row-background-color-emphasized": { + "light": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "dark": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "wireframe": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-tree-view-selected-row-background-color-emphasized" }, - "brown-100": { - "prop": "--spectrum-brown-100", + "tree-view-selected-row-background-default": { + "light": { + "value": "rgb(233, 233, 233)" + }, "dark": { - "value": "rgb(35, 24, 8)" + "value": "rgb(44, 44, 44)" }, + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-tree-view-selected-row-background-default" + }, + "tree-view-selected-row-background-hover": { "light": { - "value": "rgb(252, 247, 242)" - } + "value": "rgb(233, 233, 233)" + }, + "dark": { + "value": "rgb(44, 44, 44)" + }, + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-tree-view-selected-row-background-hover" }, - "brown-1000": { - "prop": "--spectrum-brown-1000", + "color-wheel-border-color": { "dark": { - "value": "rgb(181, 147, 98)" + "value": "rgb(255, 255, 255)" }, "light": { - "value": "rgb(119, 91, 50)" - } - }, - "brown-1100": { - "prop": "--spectrum-brown-1100", - "dark": { - "value": "rgb(199, 163, 112)" + "value": "rgb(0, 0, 0)" }, - "light": { - "value": "rgb(103, 76, 35)" - } - }, - "brown-1200": { - "prop": "--spectrum-brown-1200", - "dark": { - "value": "rgb(222, 185, 130)" + "wireframe": { + "value": "rgb(0, 0, 0)" }, - "light": { - "value": "rgb(88, 61, 21)" - } + "prop": "--spectrum-color-wheel-border-color" }, - "brown-1300": { - "prop": "--spectrum-brown-1300", - "dark": { - "value": "rgb(232, 207, 169)" - }, - "light": { - "value": "rgb(70, 49, 17)" - } + "color-wheel-border-opacity": { + "value": "0.1", + "prop": "--spectrum-color-wheel-border-opacity" }, - "brown-1400": { - "prop": "--spectrum-brown-1400", - "dark": { - "value": "rgb(242, 227, 206)" - }, + "action-bar-border-color": { "light": { - "value": "rgb(52, 37, 13)" - } - }, - "brown-1500": { - "prop": "--spectrum-brown-1500", - "dark": { - "value": "rgb(250, 244, 236)" + "dark": { + "value": "rgb(198, 198, 198)" + } }, - "light": { - "value": "rgb(38, 26, 9)" - } - }, - "brown-1600": { - "prop": "--spectrum-brown-1600", + "prop": "--spectrum-action-bar-border-color", "dark": { - "value": "rgb(255, 255, 255)" + "dark": { + "value": "rgb(68, 68, 68)" + } }, - "light": { - "value": "rgb(16, 12, 4)" + "wireframe": { + "dark": { + "value": "rgb(180, 199, 239)" + } } }, - "brown-200": { - "prop": "--spectrum-brown-200", - "dark": { - "value": "rgb(44, 31, 11)" - }, + "card-background-well-color": { "light": { - "value": "rgb(247, 238, 225)" - } - }, - "brown-300": { - "prop": "--spectrum-brown-300", - "dark": { - "value": "rgb(58, 40, 14)" + "value": "rgb(233, 233, 233)" }, - "light": { - "value": "rgb(239, 221, 195)" - } - }, - "brown-400": { - "prop": "--spectrum-brown-400", "dark": { - "value": "rgb(78, 55, 19)" + "value": "rgb(44, 44, 44)" }, - "light": { - "value": "rgb(229, 200, 157)" - } - }, - "brown-500": { - "prop": "--spectrum-brown-500", - "dark": { - "value": "rgb(98, 71, 30)" + "wireframe": { + "value": "rgb(228, 234, 249)" }, - "light": { - "value": "rgb(214, 177, 123)" - } + "prop": "--spectrum-card-background-well-color" }, - "brown-600": { - "prop": "--spectrum-brown-600", - "dark": { - "value": "rgb(115, 88, 47)" - }, + "card-background-loading-color": { "light": { - "value": "rgb(190, 155, 104)" - } - }, - "brown-700": { - "prop": "--spectrum-brown-700", - "dark": { - "value": "rgb(132, 104, 61)" + "value": "rgb(233, 233, 233)" }, - "light": { - "value": "rgb(171, 138, 90)" - } - }, - "brown-800": { - "prop": "--spectrum-brown-800", "dark": { - "value": "rgb(143, 114, 69)" + "value": "rgb(44, 44, 44)" }, - "light": { - "value": "rgb(154, 123, 77)" - } - }, - "brown-900": { - "prop": "--spectrum-brown-900", - "dark": { - "value": "rgb(163, 132, 84)" + "wireframe": { + "value": "rgb(228, 234, 249)" }, - "light": { - "value": "rgb(139, 109, 66)" - } + "prop": "--spectrum-card-background-loading-color" }, - "brown-background-color-default": { - "prop": "--spectrum-brown-background-color-default", - "ref": "var(--spectrum-brown-800)", - "dark": { - "value": "rgb(143, 114, 69)" - }, + "stack-item-background-color-hover": { "light": { - "value": "rgb(154, 123, 77)" - } - }, - "brown-subtle-background-color-default": { - "prop": "--spectrum-brown-subtle-background-color-default", - "ref": "var(--spectrum-brown-300)", + "value": "rgb(233, 233, 233)" + }, "dark": { - "value": "rgb(58, 40, 14)" + "value": "rgb(44, 44, 44)" }, - "light": { - "value": "rgb(239, 221, 195)" - } + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-stack-item-background-color-hover" }, - "brown-visual-color": { - "prop": "--spectrum-brown-visual-color", - "ref": "var(--spectrum-brown-900)", + "stack-item-background-color-down": { + "light": { + "value": "rgb(233, 233, 233)" + }, "dark": { - "value": "rgb(163, 132, 84)" + "value": "rgb(44, 44, 44)" }, - "light": { - "value": "rgb(139, 109, 66)" - } - }, - "button-minimum-width-multiplier": { - "prop": "--spectrum-button-minimum-width-multiplier", - "value": "2.25" + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-stack-item-background-color-down" }, - "card-background-loading-color": { - "prop": "--spectrum-card-background-loading-color", - "ref": "var(--spectrum-gray-100)", + "stack-item-background-color-key-focus": { "light": { "value": "rgb(233, 233, 233)" }, "dark": { "value": "rgb(44, 44, 44)" - } + }, + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-stack-item-background-color-key-focus" }, - "card-background-well-color": { - "prop": "--spectrum-card-background-well-color", - "ref": "var(--spectrum-gray-100)", + "stack-item-selected-background-color-default": { "light": { "value": "rgb(233, 233, 233)" }, "dark": { "value": "rgb(44, 44, 44)" - } - }, - "card-default-width-extra-large": { - "prop": "--spectrum-card-default-width-extra-large", - "value": "400px" + }, + "wireframe": { + "value": "rgb(228, 234, 249)" + }, + "prop": "--spectrum-stack-item-selected-background-color-default" }, - "card-default-width-extra-small": { - "prop": "--spectrum-card-default-width-extra-small", - "value": "120px" + "stack-item-selected-background-color-hover": { + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + }, + "wireframe": { + "value": "rgb(214, 224, 246)" + }, + "prop": "--spectrum-stack-item-selected-background-color-hover" }, - "card-default-width-large": { - "prop": "--spectrum-card-default-width-large", - "value": "320px" + "stack-item-selected-background-color-down": { + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + }, + "wireframe": { + "value": "rgb(214, 224, 246)" + }, + "prop": "--spectrum-stack-item-selected-background-color-down" }, - "card-default-width-medium": { - "prop": "--spectrum-card-default-width-medium", - "value": "240px" + "stack-item-selected-background-color-key-focus": { + "light": { + "value": "rgb(225, 225, 225)" + }, + "dark": { + "value": "rgb(50, 50, 50)" + }, + "wireframe": { + "value": "rgb(214, 224, 246)" + }, + "prop": "--spectrum-stack-item-selected-background-color-key-focus" }, - "card-default-width-small": { - "prop": "--spectrum-card-default-width-small", - "value": "180px" + "stack-item-selected-background-color-emphasized": { + "light": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "dark": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "wireframe": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-stack-item-selected-background-color-emphasized" }, - "card-description-to-footer": { - "prop": "--spectrum-card-description-to-footer", - "ref": "var(--spectrum-spacing-300)", - "value": "16px" + "white": { + "value": "rgb(255, 255, 255)", + "prop": "--spectrum-white" }, - "card-edge-to-content-compact-extra-large": { - "prop": "--spectrum-card-edge-to-content-compact-extra-large", - "value": "20px" + "transparent-white-25": { + "value": "rgba(255, 255, 255, 0)", + "prop": "--spectrum-transparent-white-25" }, - "card-edge-to-content-compact-extra-small": { - "prop": "--spectrum-card-edge-to-content-compact-extra-small", - "value": "6px" + "transparent-white-50": { + "value": "rgba(255, 255, 255, 0.04)", + "prop": "--spectrum-transparent-white-50" }, - "card-edge-to-content-compact-large": { - "prop": "--spectrum-card-edge-to-content-compact-large", - "value": "16px" + "transparent-white-75": { + "value": "rgba(255, 255, 255, 0.07)", + "prop": "--spectrum-transparent-white-75" }, - "card-edge-to-content-compact-medium": { - "prop": "--spectrum-card-edge-to-content-compact-medium", - "value": "12px" + "transparent-white-100": { + "value": "rgba(255, 255, 255, 0.11)", + "prop": "--spectrum-transparent-white-100" }, - "card-edge-to-content-compact-small": { - "prop": "--spectrum-card-edge-to-content-compact-small", - "value": "8px" + "transparent-white-200": { + "value": "rgba(255, 255, 255, 0.14)", + "prop": "--spectrum-transparent-white-200" }, - "card-edge-to-content-default-extra-large": { - "prop": "--spectrum-card-edge-to-content-default-extra-large", - "value": "24px" + "transparent-white-300": { + "value": "rgba(255, 255, 255, 0.17)", + "prop": "--spectrum-transparent-white-300" }, - "card-edge-to-content-default-extra-small": { - "prop": "--spectrum-card-edge-to-content-default-extra-small", - "value": "8px" + "transparent-white-400": { + "value": "rgba(255, 255, 255, 0.21)", + "prop": "--spectrum-transparent-white-400" }, - "card-edge-to-content-default-large": { - "prop": "--spectrum-card-edge-to-content-default-large", - "value": "20px" + "transparent-white-500": { + "value": "rgba(255, 255, 255, 0.39)", + "prop": "--spectrum-transparent-white-500" }, - "card-edge-to-content-default-medium": { - "prop": "--spectrum-card-edge-to-content-default-medium", - "value": "16px" + "transparent-white-600": { + "value": "rgba(255, 255, 255, 0.51)", + "prop": "--spectrum-transparent-white-600" }, - "card-edge-to-content-default-small": { - "prop": "--spectrum-card-edge-to-content-default-small", - "value": "12px" + "transparent-white-700": { + "value": "rgba(255, 255, 255, 0.66)", + "prop": "--spectrum-transparent-white-700" }, - "card-edge-to-content-spacious-extra-large": { - "prop": "--spectrum-card-edge-to-content-spacious-extra-large", - "value": "28px" + "transparent-white-800": { + "value": "rgba(255, 255, 255, 0.85)", + "prop": "--spectrum-transparent-white-800" }, - "card-edge-to-content-spacious-extra-small": { - "prop": "--spectrum-card-edge-to-content-spacious-extra-small", - "value": "12px" + "transparent-white-900": { + "value": "rgba(255, 255, 255, 0.94)", + "prop": "--spectrum-transparent-white-900" }, - "card-edge-to-content-spacious-large": { - "prop": "--spectrum-card-edge-to-content-spacious-large", - "value": "24px" + "transparent-white-1000": { + "value": "rgb(255, 255, 255)", + "prop": "--spectrum-transparent-white-1000" }, - "card-edge-to-content-spacious-medium": { - "prop": "--spectrum-card-edge-to-content-spacious-medium", - "value": "20px" + "black": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-black" }, - "card-edge-to-content-spacious-small": { - "prop": "--spectrum-card-edge-to-content-spacious-small", - "value": "16px" + "transparent-black-25": { + "value": "rgba(0, 0, 0, 0)", + "prop": "--spectrum-transparent-black-25" }, - "card-header-to-description": { - "prop": "--spectrum-card-header-to-description", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" + "transparent-black-50": { + "value": "rgba(0, 0, 0, 0.03)", + "prop": "--spectrum-transparent-black-50" }, - "card-horizontal-edge-to-content-compact": { - "prop": "--spectrum-card-horizontal-edge-to-content-compact", - "value": "12px" + "transparent-black-75": { + "value": "rgba(0, 0, 0, 0.05)", + "prop": "--spectrum-transparent-black-75" }, - "card-horizontal-edge-to-content-default": { - "prop": "--spectrum-card-horizontal-edge-to-content-default", - "value": "16px" + "transparent-black-100": { + "value": "rgba(0, 0, 0, 0.09)", + "prop": "--spectrum-transparent-black-100" }, - "card-horizontal-edge-to-content-spacious": { - "prop": "--spectrum-card-horizontal-edge-to-content-spacious", - "value": "20px" + "transparent-black-200": { + "value": "rgba(0, 0, 0, 0.12)", + "prop": "--spectrum-transparent-black-200" }, - "card-maximum-width-extra-large": { - "prop": "--spectrum-card-maximum-width-extra-large", - "value": "460px" + "transparent-black-300": { + "value": "rgba(0, 0, 0, 0.15)", + "prop": "--spectrum-transparent-black-300" }, - "card-maximum-width-extra-small": { - "prop": "--spectrum-card-maximum-width-extra-small", - "value": "140px" + "transparent-black-400": { + "value": "rgba(0, 0, 0, 0.22)", + "prop": "--spectrum-transparent-black-400" }, - "card-maximum-width-large": { - "prop": "--spectrum-card-maximum-width-large", - "value": "370px" + "transparent-black-500": { + "value": "rgba(0, 0, 0, 0.44)", + "prop": "--spectrum-transparent-black-500" }, - "card-maximum-width-medium": { - "prop": "--spectrum-card-maximum-width-medium", - "value": "280px" + "transparent-black-600": { + "value": "rgba(0, 0, 0, 0.56)", + "prop": "--spectrum-transparent-black-600" }, - "card-maximum-width-small": { - "prop": "--spectrum-card-maximum-width-small", - "value": "210px" + "transparent-black-700": { + "value": "rgba(0, 0, 0, 0.69)", + "prop": "--spectrum-transparent-black-700" }, - "card-minimum-height-extra-large": { - "prop": "--spectrum-card-minimum-height-extra-large", - "value": "300px" + "transparent-black-800": { + "value": "rgba(0, 0, 0, 0.84)", + "prop": "--spectrum-transparent-black-800" }, - "card-minimum-height-extra-small": { - "prop": "--spectrum-card-minimum-height-extra-small", - "value": "90px" + "transparent-black-900": { + "value": "rgba(0, 0, 0, 0.93)", + "prop": "--spectrum-transparent-black-900" }, - "card-minimum-height-large": { - "prop": "--spectrum-card-minimum-height-large", - "value": "240px" + "transparent-black-1000": { + "value": "rgb(0, 0, 0)", + "prop": "--spectrum-transparent-black-1000" }, - "card-minimum-height-medium": { - "prop": "--spectrum-card-minimum-height-medium", - "value": "180px" + "gray-25": { + "dark": { + "value": "rgb(17, 17, 17)" + }, + "prop": "--spectrum-gray-25", + "light": { + "value": "rgb(255, 255, 255)" + } }, - "card-minimum-height-small": { - "prop": "--spectrum-card-minimum-height-small", - "value": "135px" - }, - "card-minimum-width": { - "prop": "--spectrum-card-minimum-width", - "ref": "var(--spectrum-card-minimum-width-default)", - "value": "100px" - }, - "card-minimum-width-default": { - "prop": "--spectrum-card-minimum-width-default", - "value": "100px" - }, - "card-minimum-width-extra-large": { - "prop": "--spectrum-card-minimum-width-extra-large", - "value": "340px" - }, - "card-minimum-width-extra-small": { - "prop": "--spectrum-card-minimum-width-extra-small", - "value": "100px" - }, - "card-minimum-width-large": { - "prop": "--spectrum-card-minimum-width-large", - "value": "270px" - }, - "card-minimum-width-medium": { - "prop": "--spectrum-card-minimum-width-medium", - "value": "200px" - }, - "card-minimum-width-small": { - "prop": "--spectrum-card-minimum-width-small", - "value": "150px" - }, - "card-preview-minimum-height": { - "prop": "--spectrum-card-preview-minimum-height", - "value": "130px" - }, - "card-selection-background-color": { - "prop": "--spectrum-card-selection-background-color", - "ref": "var(--spectrum-transparent-black-600)", - "value": "rgba(0, 0, 0, 0.56)" - }, - "card-selection-background-color-opacity": { - "prop": "--spectrum-card-selection-background-color-opacity", - "value": "0.95" - }, - "card-selection-background-size": { - "prop": "--spectrum-card-selection-background-size", - "value": "40px" - }, - "card-selection-background-size-extra-large": { - "prop": "--spectrum-card-selection-background-size-extra-large", - "value": "28px" - }, - "card-selection-background-size-large": { - "prop": "--spectrum-card-selection-background-size-large", - "value": "26px" - }, - "card-selection-background-size-medium": { - "prop": "--spectrum-card-selection-background-size-medium", - "value": "24px" - }, - "card-selection-background-size-small": { - "prop": "--spectrum-card-selection-background-size-small", - "value": "22px" - }, - "celery-100": { - "prop": "--spectrum-celery-100", + "gray-50": { "light": { - "value": "rgb(235, 255, 220)" + "value": "rgb(248, 248, 248)" }, + "prop": "--spectrum-gray-50", "dark": { - "value": "rgb(11, 31, 0)" + "value": "rgb(27, 27, 27)" } }, - "celery-1000": { - "prop": "--spectrum-celery-1000", + "gray-75": { "light": { - "value": "rgb(52, 109, 12)" + "value": "rgb(243, 243, 243)" }, + "prop": "--spectrum-gray-75", "dark": { - "value": "rgb(88, 172, 28)" + "value": "rgb(34, 34, 34)" } }, - "celery-1100": { - "prop": "--spectrum-celery-1100", + "gray-100": { "light": { - "value": "rgb(44, 92, 9)" + "value": "rgb(233, 233, 233)" }, + "prop": "--spectrum-gray-100", "dark": { - "value": "rgb(100, 190, 35)" + "value": "rgb(44, 44, 44)" } }, - "celery-1200": { - "prop": "--spectrum-celery-1200", + "gray-200": { "light": { - "value": "rgb(35, 75, 6)" + "value": "rgb(225, 225, 225)" }, + "prop": "--spectrum-gray-200", "dark": { - "value": "rgb(116, 213, 46)" + "value": "rgb(50, 50, 50)" } }, - "celery-1300": { - "prop": "--spectrum-celery-1300", + "gray-300": { "light": { - "value": "rgb(27, 60, 3)" + "value": "rgb(218, 218, 218)" }, + "prop": "--spectrum-gray-300", "dark": { - "value": "rgb(136, 234, 65)" + "value": "rgb(57, 57, 57)" } }, - "celery-1400": { - "prop": "--spectrum-celery-1400", + "gray-400": { "light": { - "value": "rgb(19, 46, 0)" + "value": "rgb(198, 198, 198)" }, + "prop": "--spectrum-gray-400", "dark": { - "value": "rgb(170, 251, 112)" + "value": "rgb(68, 68, 68)" } }, - "celery-1500": { - "prop": "--spectrum-celery-1500", - "dark": { - "value": "rgb(222, 255, 198)" - }, + "gray-500": { "light": { - "value": "rgb(12, 33, 0)" - } - }, - "celery-1600": { - "prop": "--spectrum-celery-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "value": "rgb(143, 143, 143)" }, - "light": { - "value": "rgb(4, 15, 0)" + "prop": "--spectrum-gray-500", + "dark": { + "value": "rgb(109, 109, 109)" } }, - "celery-200": { - "prop": "--spectrum-celery-200", + "gray-600": { "light": { - "value": "rgb(197, 255, 156)" + "value": "rgb(113, 113, 113)" }, + "prop": "--spectrum-gray-600", "dark": { - "value": "rgb(15, 38, 0)" + "value": "rgb(138, 138, 138)" } }, - "celery-300": { - "prop": "--spectrum-celery-300", + "gray-700": { "light": { - "value": "rgb(157, 247, 92)" + "value": "rgb(80, 80, 80)" }, + "prop": "--spectrum-gray-700", "dark": { - "value": "rgb(21, 51, 1)" + "value": "rgb(175, 175, 175)" } }, - "celery-400": { - "prop": "--spectrum-celery-400", + "gray-800": { "light": { - "value": "rgb(129, 228, 58)" + "value": "rgb(41, 41, 41)" }, + "prop": "--spectrum-gray-800", "dark": { - "value": "rgb(31, 67, 4)" + "value": "rgb(219, 219, 219)" } }, - "celery-500": { - "prop": "--spectrum-celery-500", + "gray-900": { "light": { - "value": "rgb(110, 206, 42)" + "value": "rgb(19, 19, 19)" }, + "prop": "--spectrum-gray-900", "dark": { - "value": "rgb(41, 86, 8)" + "value": "rgb(242, 242, 242)" } }, - "celery-600": { - "prop": "--spectrum-celery-600", - "light": { - "value": "rgb(93, 180, 31)" - }, + "gray-1000": { "dark": { - "value": "rgb(50, 105, 11)" + "value": "rgb(255, 255, 255)" + }, + "prop": "--spectrum-gray-1000", + "light": { + "value": "rgb(0, 0, 0)" } }, - "celery-700": { - "prop": "--spectrum-celery-700", + "blue-100": { "light": { - "value": "rgb(82, 161, 25)" + "value": "rgb(245, 249, 255)" }, + "prop": "--spectrum-blue-100", "dark": { - "value": "rgb(60, 122, 15)" + "value": "rgb(14, 23, 63)" } }, - "celery-800": { - "prop": "--spectrum-celery-800", + "blue-200": { "light": { - "value": "rgb(72, 144, 20)" + "value": "rgb(229, 240, 254)" }, + "prop": "--spectrum-blue-200", "dark": { - "value": "rgb(66, 134, 18)" + "value": "rgb(15, 28, 82)" } }, - "celery-900": { - "prop": "--spectrum-celery-900", + "blue-300": { "light": { - "value": "rgb(64, 129, 17)" + "value": "rgb(203, 226, 254)" }, + "prop": "--spectrum-blue-300", "dark": { - "value": "rgb(78, 154, 23)" + "value": "rgb(12, 33, 117)" } }, - "celery-background-color-default": { - "prop": "--spectrum-celery-background-color-default", - "ref": "var(--spectrum-celery-900)", + "blue-400": { "light": { - "value": "rgb(64, 129, 17)" + "value": "rgb(172, 207, 253)" }, + "prop": "--spectrum-blue-400", "dark": { - "value": "rgb(78, 154, 23)" + "value": "rgb(18, 45, 154)" } }, - "celery-subtle-background-color-default": { - "prop": "--spectrum-celery-subtle-background-color-default", - "ref": "var(--spectrum-celery-300)", + "blue-500": { "light": { - "value": "rgb(157, 247, 92)" + "value": "rgb(142, 185, 252)" }, + "prop": "--spectrum-blue-500", "dark": { - "value": "rgb(21, 51, 1)" + "value": "rgb(26, 58, 195)" } }, - "celery-visual-color": { - "prop": "--spectrum-celery-visual-color", - "ref": "var(--spectrum-celery-800)", + "blue-600": { "light": { - "value": "rgb(72, 144, 20)" + "value": "rgb(114, 158, 253)" }, + "prop": "--spectrum-blue-600", "dark": { - "value": "rgb(66, 134, 18)" + "value": "rgb(37, 73, 229)" } }, - "character-count-to-field-quiet-extra-large": { - "prop": "--spectrum-character-count-to-field-quiet-extra-large", - "desktop": { - "value": "-4px" + "blue-700": { + "light": { + "value": "rgb(93, 137, 255)" }, - "mobile": { - "value": "-5px" + "prop": "--spectrum-blue-700", + "dark": { + "value": "rgb(52, 91, 248)" } }, - "character-count-to-field-quiet-large": { - "prop": "--spectrum-character-count-to-field-quiet-large", - "desktop": { - "value": "-3px" + "blue-800": { + "light": { + "value": "rgb(75, 117, 255)" }, - "mobile": { - "value": "-4px" + "prop": "--spectrum-blue-800", + "dark": { + "value": "rgb(64, 105, 253)" } }, - "character-count-to-field-quiet-medium": { - "prop": "--spectrum-character-count-to-field-quiet-medium", - "desktop": { - "value": "-3px" + "blue-900": { + "light": { + "value": "rgb(59, 99, 251)" }, - "mobile": { - "value": "-4px" + "prop": "--spectrum-blue-900", + "dark": { + "value": "rgb(86, 129, 255)" } }, - "character-count-to-field-quiet-small": { - "prop": "--spectrum-character-count-to-field-quiet-small", - "desktop": { - "value": "-3px" + "blue-1000": { + "light": { + "value": "rgb(39, 77, 234)" }, - "mobile": { - "value": "-4px" + "prop": "--spectrum-blue-1000", + "dark": { + "value": "rgb(105, 149, 254)" } }, - "chartreuse-100": { - "prop": "--spectrum-chartreuse-100", + "blue-1100": { "light": { - "value": "rgb(246, 251, 222)" + "value": "rgb(29, 62, 207)" }, + "prop": "--spectrum-blue-1100", "dark": { - "value": "rgb(23, 28, 0)" + "value": "rgb(124, 169, 252)" } }, - "chartreuse-1000": { - "prop": "--spectrum-chartreuse-1000", + "blue-1200": { "light": { - "value": "rgb(86, 103, 0)" + "value": "rgb(21, 50, 173)" }, + "prop": "--spectrum-blue-1200", "dark": { - "value": "rgb(136, 164, 0)" + "value": "rgb(152, 192, 252)" } }, - "chartreuse-1100": { - "prop": "--spectrum-chartreuse-1100", + "blue-1300": { "light": { - "value": "rgb(73, 87, 0)" - }, - "dark": { - "value": "rgb(151, 181, 0)" - } - }, - "chartreuse-1200": { - "prop": "--spectrum-chartreuse-1200", - "light": { - "value": "rgb(60, 71, 0)" - }, - "dark": { - "value": "rgb(169, 203, 0)" - } - }, - "chartreuse-1300": { - "prop": "--spectrum-chartreuse-1300", - "light": { - "value": "rgb(47, 57, 0)" + "value": "rgb(16, 40, 140)" }, + "prop": "--spectrum-blue-1300", "dark": { - "value": "rgb(187, 225, 0)" + "value": "rgb(181, 213, 253)" } }, - "chartreuse-1400": { - "prop": "--spectrum-chartreuse-1400", + "blue-1400": { "light": { - "value": "rgb(35, 43, 0)" + "value": "rgb(12, 31, 105)" }, + "prop": "--spectrum-blue-1400", "dark": { - "value": "rgb(219, 240, 117)" + "value": "rgb(213, 231, 254)" } }, - "chartreuse-1500": { - "prop": "--spectrum-chartreuse-1500", + "blue-1500": { "dark": { - "value": "rgb(242, 249, 206)" + "value": "rgb(238, 245, 255)" }, + "prop": "--spectrum-blue-1500", "light": { - "value": "rgb(25, 30, 0)" + "value": "rgb(14, 24, 67)" } }, - "chartreuse-1600": { - "prop": "--spectrum-chartreuse-1600", + "blue-1600": { "dark": { "value": "rgb(255, 255, 255)" }, + "prop": "--spectrum-blue-1600", "light": { - "value": "rgb(11, 14, 0)" + "value": "rgb(7, 11, 30)" } }, - "chartreuse-200": { - "prop": "--spectrum-chartreuse-200", + "red-100": { "light": { - "value": "rgb(234, 246, 173)" + "value": "rgb(255, 246, 245)" }, + "prop": "--spectrum-red-100", "dark": { - "value": "rgb(30, 36, 0)" + "value": "rgb(54, 10, 3)" } }, - "chartreuse-300": { - "prop": "--spectrum-chartreuse-300", + "red-200": { "light": { - "value": "rgb(208, 236, 70)" + "value": "rgb(255, 235, 232)" }, + "prop": "--spectrum-red-200", "dark": { - "value": "rgb(39, 47, 0)" + "value": "rgb(68, 13, 5)" } }, - "chartreuse-400": { - "prop": "--spectrum-chartreuse-400", + "red-300": { "light": { - "value": "rgb(182, 219, 0)" + "value": "rgb(255, 214, 209)" }, + "prop": "--spectrum-red-300", "dark": { - "value": "rgb(53, 63, 0)" + "value": "rgb(87, 17, 7)" } }, - "chartreuse-500": { - "prop": "--spectrum-chartreuse-500", + "red-400": { "light": { - "value": "rgb(163, 196, 0)" + "value": "rgb(255, 188, 180)" }, + "prop": "--spectrum-red-400", "dark": { - "value": "rgb(68, 82, 0)" + "value": "rgb(115, 24, 11)" } }, - "chartreuse-600": { - "prop": "--spectrum-chartreuse-600", + "red-500": { "light": { - "value": "rgb(143, 172, 0)" + "value": "rgb(255, 157, 145)" }, + "prop": "--spectrum-red-500", "dark": { - "value": "rgb(83, 100, 0)" + "value": "rgb(147, 31, 17)" } }, - "chartreuse-700": { - "prop": "--spectrum-chartreuse-700", + "red-600": { "light": { - "value": "rgb(128, 153, 0)" + "value": "rgb(255, 118, 101)" }, + "prop": "--spectrum-red-600", "dark": { - "value": "rgb(97, 116, 0)" + "value": "rgb(177, 38, 23)" } }, - "chartreuse-800": { - "prop": "--spectrum-chartreuse-800", + "red-700": { "light": { - "value": "rgb(114, 137, 0)" + "value": "rgb(255, 81, 61)" }, + "prop": "--spectrum-red-700", "dark": { - "value": "rgb(106, 127, 0)" + "value": "rgb(205, 46, 29)" } }, - "chartreuse-900": { - "prop": "--spectrum-chartreuse-900", + "red-800": { "light": { - "value": "rgb(102, 122, 0)" + "value": "rgb(240, 56, 35)" }, + "prop": "--spectrum-red-800", "dark": { - "value": "rgb(122, 147, 0)" + "value": "rgb(223, 52, 34)" } }, - "chartreuse-background-color-default": { - "prop": "--spectrum-chartreuse-background-color-default", - "ref": "var(--spectrum-chartreuse-1000)", + "red-900": { "light": { - "value": "rgb(86, 103, 0)" + "value": "rgb(215, 50, 32)" }, + "prop": "--spectrum-red-900", "dark": { - "value": "rgb(136, 164, 0)" + "value": "rgb(252, 67, 46)" } }, - "chartreuse-subtle-background-color-default": { - "prop": "--spectrum-chartreuse-subtle-background-color-default", - "ref": "var(--spectrum-chartreuse-300)", + "red-1000": { "light": { - "value": "rgb(208, 236, 70)" + "value": "rgb(183, 40, 24)" }, + "prop": "--spectrum-red-1000", "dark": { - "value": "rgb(39, 47, 0)" + "value": "rgb(255, 103, 86)" } }, - "chartreuse-visual-color": { - "prop": "--spectrum-chartreuse-visual-color", - "ref": "var(--spectrum-chartreuse-900)", + "red-1100": { "light": { - "value": "rgb(102, 122, 0)" + "value": "rgb(156, 33, 19)" }, + "prop": "--spectrum-red-1100", "dark": { - "value": "rgb(122, 147, 0)" + "value": "rgb(255, 134, 120)" } }, - "checkbox-control-size-extra-large": { - "prop": "--spectrum-checkbox-control-size-extra-large", - "desktop": { - "value": "20px" + "red-1200": { + "light": { + "value": "rgb(129, 27, 14)" }, - "mobile": { - "value": "26px" + "prop": "--spectrum-red-1200", + "dark": { + "value": "rgb(255, 167, 157)" } }, - "checkbox-control-size-large": { - "prop": "--spectrum-checkbox-control-size-large", - "desktop": { - "value": "18px" + "red-1300": { + "light": { + "value": "rgb(104, 21, 10)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-red-1300", + "dark": { + "value": "rgb(255, 196, 189)" } }, - "checkbox-control-size-medium": { - "prop": "--spectrum-checkbox-control-size-medium", - "desktop": { - "value": "16px" + "red-1400": { + "light": { + "value": "rgb(80, 16, 6)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-red-1400", + "dark": { + "value": "rgb(255, 222, 219)" } }, - "checkbox-control-size-small": { - "prop": "--spectrum-checkbox-control-size-small", - "desktop": { - "value": "14px" + "red-1500": { + "dark": { + "value": "rgb(255, 242, 240)" }, - "mobile": { - "value": "18px" + "prop": "--spectrum-red-1500", + "light": { + "value": "rgb(59, 11, 4)" } }, - "checkbox-top-to-control-extra-large": { - "prop": "--spectrum-checkbox-top-to-control-extra-large", - "desktop": { - "value": "14px" + "red-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-red-1600", + "light": { + "value": "rgb(29, 5, 2)" } }, - "checkbox-top-to-control-large": { - "prop": "--spectrum-checkbox-top-to-control-large", - "desktop": { - "value": "11px" + "orange-100": { + "light": { + "value": "rgb(255, 246, 231)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-orange-100", + "dark": { + "value": "rgb(49, 16, 0)" } }, - "checkbox-top-to-control-medium": { - "prop": "--spectrum-checkbox-top-to-control-medium", - "desktop": { - "value": "8px" + "orange-200": { + "light": { + "value": "rgb(255, 236, 207)" }, - "mobile": { - "value": "10px" + "prop": "--spectrum-orange-200", + "dark": { + "value": "rgb(61, 21, 0)" } }, - "checkbox-top-to-control-small": { - "prop": "--spectrum-checkbox-top-to-control-small", - "desktop": { - "value": "5px" + "orange-300": { + "light": { + "value": "rgb(255, 218, 158)" }, - "mobile": { - "value": "6px" + "prop": "--spectrum-orange-300", + "dark": { + "value": "rgb(80, 27, 0)" } }, - "checkmark-icon-size-100": { - "prop": "--spectrum-checkmark-icon-size-100", - "desktop": { - "value": "10px" + "orange-400": { + "light": { + "value": "rgb(255, 193, 94)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-orange-400", + "dark": { + "value": "rgb(106, 36, 0)" } }, - "checkmark-icon-size-200": { - "prop": "--spectrum-checkmark-icon-size-200", - "desktop": { - "value": "12px" + "orange-500": { + "light": { + "value": "rgb(255, 162, 19)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-orange-500", + "dark": { + "value": "rgb(135, 47, 0)" } }, - "checkmark-icon-size-300": { - "prop": "--spectrum-checkmark-icon-size-300", - "desktop": { - "value": "14px" + "orange-600": { + "light": { + "value": "rgb(252, 125, 0)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-orange-600", + "dark": { + "value": "rgb(162, 59, 0)" } }, - "checkmark-icon-size-400": { - "prop": "--spectrum-checkmark-icon-size-400", - "desktop": { - "value": "16px" + "orange-700": { + "light": { + "value": "rgb(232, 106, 0)" }, - "mobile": { - "value": "18px" + "prop": "--spectrum-orange-700", + "dark": { + "value": "rgb(185, 73, 0)" } }, - "checkmark-icon-size-50": { - "prop": "--spectrum-checkmark-icon-size-50", - "desktop": { - "value": "10px" + "orange-800": { + "light": { + "value": "rgb(212, 91, 0)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-orange-800", + "dark": { + "value": "rgb(199, 82, 0)" } }, - "checkmark-icon-size-500": { - "prop": "--spectrum-checkmark-icon-size-500", - "desktop": { - "value": "16px" + "orange-900": { + "light": { + "value": "rgb(194, 78, 0)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-orange-900", + "dark": { + "value": "rgb(224, 100, 0)" } }, - "checkmark-icon-size-600": { - "prop": "--spectrum-checkmark-icon-size-600", - "desktop": { - "value": "18px" + "orange-1000": { + "light": { + "value": "rgb(167, 62, 0)" }, - "mobile": { - "value": "24px" + "prop": "--spectrum-orange-1000", + "dark": { + "value": "rgb(243, 117, 0)" } }, - "checkmark-icon-size-75": { - "prop": "--spectrum-checkmark-icon-size-75", - "desktop": { - "value": "10px" + "orange-1100": { + "light": { + "value": "rgb(144, 51, 0)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-orange-1100", + "dark": { + "value": "rgb(255, 137, 0)" } }, - "chevron-icon-size-100": { - "prop": "--spectrum-chevron-icon-size-100", - "desktop": { - "value": "10px" + "orange-1200": { + "light": { + "value": "rgb(118, 41, 0)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-orange-1200", + "dark": { + "value": "rgb(255, 173, 45)" } }, - "chevron-icon-size-200": { - "prop": "--spectrum-chevron-icon-size-200", - "desktop": { - "value": "12px" + "orange-1300": { + "light": { + "value": "rgb(95, 32, 0)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-orange-1300", + "dark": { + "value": "rgb(255, 201, 116)" } }, - "chevron-icon-size-300": { - "prop": "--spectrum-chevron-icon-size-300", - "desktop": { - "value": "14px" + "orange-1400": { + "light": { + "value": "rgb(73, 24, 0)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-orange-1400", + "dark": { + "value": "rgb(255, 225, 178)" } }, - "chevron-icon-size-400": { - "prop": "--spectrum-chevron-icon-size-400", - "desktop": { - "value": "16px" + "orange-1500": { + "dark": { + "value": "rgb(255, 243, 225)" }, - "mobile": { - "value": "18px" + "prop": "--spectrum-orange-1500", + "light": { + "value": "rgb(52, 18, 0)" } }, - "chevron-icon-size-50": { - "prop": "--spectrum-chevron-icon-size-50", - "desktop": { - "value": "6px" + "orange-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "8px" + "prop": "--spectrum-orange-1600", + "light": { + "value": "rgb(25, 8, 0)" } }, - "chevron-icon-size-500": { - "prop": "--spectrum-chevron-icon-size-500", - "desktop": { - "value": "16px" + "yellow-100": { + "light": { + "value": "rgb(255, 248, 204)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-yellow-100", + "dark": { + "value": "rgb(37, 23, 0)" } }, - "chevron-icon-size-600": { - "prop": "--spectrum-chevron-icon-size-600", - "desktop": { - "value": "18px" + "yellow-200": { + "light": { + "value": "rgb(255, 241, 151)" }, - "mobile": { - "value": "24px" + "prop": "--spectrum-yellow-200", + "dark": { + "value": "rgb(47, 29, 0)" } }, - "chevron-icon-size-75": { - "prop": "--spectrum-chevron-icon-size-75", - "desktop": { - "value": "10px" + "yellow-300": { + "light": { + "value": "rgb(255, 222, 44)" }, - "mobile": { - "value": "12px" - } - }, - "cinnamon-100": { - "prop": "--spectrum-cinnamon-100", + "prop": "--spectrum-yellow-300", "dark": { - "value": "rgb(48, 17, 4)" - }, - "light": { - "value": "rgb(253, 247, 243)" + "value": "rgb(61, 39, 0)" } }, - "cinnamon-1000": { - "prop": "--spectrum-cinnamon-1000", - "dark": { - "value": "rgb(206, 136, 99)" - }, + "yellow-400": { "light": { - "value": "rgb(147, 77, 43)" + "value": "rgb(245, 199, 0)" + }, + "prop": "--spectrum-yellow-400", + "dark": { + "value": "rgb(83, 52, 0)" } }, - "cinnamon-1100": { - "prop": "--spectrum-cinnamon-1100", - "dark": { - "value": "rgb(220, 154, 118)" - }, + "yellow-500": { "light": { - "value": "rgb(128, 62, 32)" + "value": "rgb(230, 175, 0)" + }, + "prop": "--spectrum-yellow-500", + "dark": { + "value": "rgb(107, 67, 0)" } }, - "cinnamon-1200": { - "prop": "--spectrum-cinnamon-1200", - "dark": { - "value": "rgb(232, 179, 149)" - }, + "yellow-600": { "light": { - "value": "rgb(110, 48, 21)" + "value": "rgb(210, 149, 0)" + }, + "prop": "--spectrum-yellow-600", + "dark": { + "value": "rgb(130, 82, 0)" } }, - "cinnamon-1300": { - "prop": "--spectrum-cinnamon-1300", - "dark": { - "value": "rgb(239, 203, 183)" - }, + "yellow-700": { "light": { - "value": "rgb(92, 35, 11)" + "value": "rgb(193, 131, 0)" + }, + "prop": "--spectrum-yellow-700", + "dark": { + "value": "rgb(151, 97, 0)" } }, - "cinnamon-1400": { - "prop": "--spectrum-cinnamon-1400", - "dark": { - "value": "rgb(246, 225, 214)" - }, + "yellow-800": { "light": { - "value": "rgb(72, 25, 6)" + "value": "rgb(175, 116, 0)" + }, + "prop": "--spectrum-yellow-800", + "dark": { + "value": "rgb(164, 106, 0)" } }, - "cinnamon-1500": { - "prop": "--spectrum-cinnamon-1500", - "dark": { - "value": "rgb(252, 244, 239)" - }, + "yellow-900": { "light": { - "value": "rgb(52, 18, 4)" + "value": "rgb(158, 102, 0)" + }, + "prop": "--spectrum-yellow-900", + "dark": { + "value": "rgb(186, 124, 0)" } }, - "cinnamon-1600": { - "prop": "--spectrum-cinnamon-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, + "yellow-1000": { "light": { - "value": "rgb(24, 8, 2)" + "value": "rgb(134, 85, 0)" + }, + "prop": "--spectrum-yellow-1000", + "dark": { + "value": "rgb(203, 141, 0)" } }, - "cinnamon-200": { - "prop": "--spectrum-cinnamon-200", - "dark": { - "value": "rgb(59, 21, 5)" - }, + "yellow-1100": { "light": { - "value": "rgb(249, 236, 229)" - } - }, - "cinnamon-300": { - "prop": "--spectrum-cinnamon-300", - "dark": { - "value": "rgb(79, 28, 7)" + "value": "rgb(114, 72, 0)" }, - "light": { - "value": "rgb(244, 218, 203)" + "prop": "--spectrum-yellow-1100", + "dark": { + "value": "rgb(218, 159, 0)" } }, - "cinnamon-400": { - "prop": "--spectrum-cinnamon-400", - "dark": { - "value": "rgb(100, 41, 15)" - }, + "yellow-1200": { "light": { - "value": "rgb(237, 196, 172)" + "value": "rgb(93, 59, 0)" + }, + "prop": "--spectrum-yellow-1200", + "dark": { + "value": "rgb(235, 183, 0)" } }, - "cinnamon-500": { - "prop": "--spectrum-cinnamon-500", - "dark": { - "value": "rgb(122, 57, 28)" - }, + "yellow-1300": { "light": { - "value": "rgb(229, 170, 136)" + "value": "rgb(75, 47, 0)" + }, + "prop": "--spectrum-yellow-1300", + "dark": { + "value": "rgb(249, 206, 0)" } }, - "cinnamon-600": { - "prop": "--spectrum-cinnamon-600", - "dark": { - "value": "rgb(143, 74, 40)" - }, + "yellow-1400": { "light": { - "value": "rgb(212, 145, 108)" + "value": "rgb(56, 35, 0)" + }, + "prop": "--spectrum-yellow-1400", + "dark": { + "value": "rgb(255, 230, 86)" } }, - "cinnamon-700": { - "prop": "--spectrum-cinnamon-700", + "yellow-1500": { "dark": { - "value": "rgb(163, 88, 52)" + "value": "rgb(255, 246, 195)" }, + "prop": "--spectrum-yellow-1500", "light": { - "value": "rgb(198, 126, 88)" + "value": "rgb(40, 25, 0)" } }, - "cinnamon-800": { - "prop": "--spectrum-cinnamon-800", + "yellow-1600": { "dark": { - "value": "rgb(176, 98, 59)" + "value": "rgb(255, 255, 255)" }, + "prop": "--spectrum-yellow-1600", "light": { - "value": "rgb(184, 109, 70)" + "value": "rgb(18, 11, 0)" } }, - "cinnamon-900": { - "prop": "--spectrum-cinnamon-900", - "dark": { - "value": "rgb(192, 119, 80)" - }, + "chartreuse-100": { "light": { - "value": "rgb(170, 94, 56)" + "value": "rgb(246, 251, 222)" + }, + "prop": "--spectrum-chartreuse-100", + "dark": { + "value": "rgb(23, 28, 0)" } }, - "cinnamon-background-color-default": { - "prop": "--spectrum-cinnamon-background-color-default", - "ref": "var(--spectrum-cinnamon-800)", - "dark": { - "value": "rgb(176, 98, 59)" - }, + "chartreuse-200": { "light": { - "value": "rgb(184, 109, 70)" + "value": "rgb(234, 246, 173)" + }, + "prop": "--spectrum-chartreuse-200", + "dark": { + "value": "rgb(30, 36, 0)" } }, - "cinnamon-subtle-background-color-default": { - "prop": "--spectrum-cinnamon-subtle-background-color-default", - "ref": "var(--spectrum-cinnamon-300)", - "dark": { - "value": "rgb(79, 28, 7)" - }, + "chartreuse-300": { "light": { - "value": "rgb(244, 218, 203)" + "value": "rgb(208, 236, 70)" + }, + "prop": "--spectrum-chartreuse-300", + "dark": { + "value": "rgb(39, 47, 0)" } }, - "cinnamon-visual-color": { - "prop": "--spectrum-cinnamon-visual-color", - "ref": "var(--spectrum-cinnamon-900)", - "dark": { - "value": "rgb(192, 119, 80)" - }, + "chartreuse-400": { "light": { - "value": "rgb(170, 94, 56)" + "value": "rgb(182, 219, 0)" + }, + "prop": "--spectrum-chartreuse-400", + "dark": { + "value": "rgb(53, 63, 0)" } }, - "cjk-font-family": { - "prop": "--spectrum-cjk-font-family", - "value": "Adobe Clean Han" - }, - "cjk-letter-spacing": { - "prop": "--spectrum-cjk-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "cjk-line-height-100": { - "prop": "--spectrum-cjk-line-height-100", - "value": "1.5" - }, - "cjk-line-height-200": { - "prop": "--spectrum-cjk-line-height-200", - "value": "1.7" - }, - "coach-indicator-collapsed-gap": { - "prop": "--spectrum-coach-indicator-collapsed-gap", - "value": "2px" - }, - "coach-indicator-collapsed-ring-rounding-increment": { - "prop": "--spectrum-coach-indicator-collapsed-ring-rounding-increment", - "value": "6px" - }, - "coach-indicator-collapsed-ring-thickness": { - "prop": "--spectrum-coach-indicator-collapsed-ring-thickness", - "value": "4px" - }, - "coach-indicator-color": { - "prop": "--spectrum-coach-indicator-color", - "ref": "var(--spectrum-blue-800)", + "chartreuse-500": { "light": { - "value": "rgb(75, 117, 255)" + "value": "rgb(163, 196, 0)" }, + "prop": "--spectrum-chartreuse-500", "dark": { - "value": "rgb(64, 105, 253)" + "value": "rgb(68, 82, 0)" } }, - "coach-indicator-expanded-gap": { - "prop": "--spectrum-coach-indicator-expanded-gap", - "value": "6px" - }, - "coach-indicator-expanded-ring-rounding-increment": { - "prop": "--spectrum-coach-indicator-expanded-ring-rounding-increment", - "value": "14px" - }, - "coach-indicator-expanded-ring-thickness": { - "prop": "--spectrum-coach-indicator-expanded-ring-thickness", - "value": "8px" - }, - "coach-indicator-opacity": { - "prop": "--spectrum-coach-indicator-opacity", - "value": "0.2" - }, - "coach-mark-body-font-size": { - "prop": "--spectrum-coach-mark-body-font-size", - "ref": "var(--spectrum-body-size-s)", - "desktop": { - "value": "14px" + "chartreuse-600": { + "light": { + "value": "rgb(143, 172, 0)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-chartreuse-600", + "dark": { + "value": "rgb(83, 100, 0)" } }, - "coach-mark-body-size": { - "prop": "--spectrum-coach-mark-body-size", - "ref": "var(--spectrum-coach-mark-body-font-size)", - "desktop": { - "value": "14px" + "chartreuse-700": { + "light": { + "value": "rgb(128, 153, 0)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-chartreuse-700", + "dark": { + "value": "rgb(97, 116, 0)" } }, - "coach-mark-edge-to-content": { - "prop": "--spectrum-coach-mark-edge-to-content", - "ref": "var(--spectrum-spacing-300)", - "value": "16px" - }, - "coach-mark-maximum-width": { - "prop": "--spectrum-coach-mark-maximum-width", - "desktop": { - "value": "380px" + "chartreuse-800": { + "light": { + "value": "rgb(114, 137, 0)" }, - "mobile": { - "value": "248px" + "prop": "--spectrum-chartreuse-800", + "dark": { + "value": "rgb(106, 127, 0)" } }, - "coach-mark-media-height": { - "prop": "--spectrum-coach-mark-media-height", - "desktop": { - "value": "222px" + "chartreuse-900": { + "light": { + "value": "rgb(102, 122, 0)" }, - "mobile": { - "value": "162px" + "prop": "--spectrum-chartreuse-900", + "dark": { + "value": "rgb(122, 147, 0)" } }, - "coach-mark-media-minimum-height": { - "prop": "--spectrum-coach-mark-media-minimum-height", - "desktop": { - "value": "166px" + "chartreuse-1000": { + "light": { + "value": "rgb(86, 103, 0)" }, - "mobile": { - "value": "121px" + "prop": "--spectrum-chartreuse-1000", + "dark": { + "value": "rgb(136, 164, 0)" } }, - "coach-mark-minimum-width": { - "prop": "--spectrum-coach-mark-minimum-width", - "desktop": { - "value": "296px" + "chartreuse-1100": { + "light": { + "value": "rgb(73, 87, 0)" }, - "mobile": { - "value": "216px" + "prop": "--spectrum-chartreuse-1100", + "dark": { + "value": "rgb(151, 181, 0)" } }, - "coach-mark-pagination-body-font-size": { - "prop": "--spectrum-coach-mark-pagination-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "12px" + "chartreuse-1200": { + "light": { + "value": "rgb(60, 71, 0)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-chartreuse-1200", + "dark": { + "value": "rgb(169, 203, 0)" } }, - "coach-mark-pagination-body-size": { - "prop": "--spectrum-coach-mark-pagination-body-size", - "ref": "var(--spectrum-coach-mark-pagination-body-font-size)", - "desktop": { - "value": "12px" + "chartreuse-1300": { + "light": { + "value": "rgb(47, 57, 0)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-chartreuse-1300", + "dark": { + "value": "rgb(187, 225, 0)" } }, - "coach-mark-pagination-color": { - "prop": "--spectrum-coach-mark-pagination-color", - "ref": "var(--spectrum-gray-600)", + "chartreuse-1400": { "light": { - "value": "rgb(113, 113, 113)" + "value": "rgb(35, 43, 0)" }, + "prop": "--spectrum-chartreuse-1400", "dark": { - "value": "rgb(138, 138, 138)" + "value": "rgb(219, 240, 117)" } }, - "coach-mark-pagination-text-to-bottom-edge": { - "prop": "--spectrum-coach-mark-pagination-text-to-bottom-edge", - "desktop": { - "value": "33px" + "chartreuse-1500": { + "dark": { + "value": "rgb(242, 249, 206)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-chartreuse-1500", + "light": { + "value": "rgb(25, 30, 0)" } }, - "coach-mark-title-font-size": { - "prop": "--spectrum-coach-mark-title-font-size", - "ref": "var(--spectrum-title-size-s)" - }, - "coach-mark-title-size": { - "prop": "--spectrum-coach-mark-title-size", - "ref": "var(--spectrum-coach-mark-title-font-size)" - }, - "coach-mark-width": { - "prop": "--spectrum-coach-mark-width", - "desktop": { - "value": "296px" + "chartreuse-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "216px" + "prop": "--spectrum-chartreuse-1600", + "light": { + "value": "rgb(11, 14, 0)" } }, - "code-cjk-emphasized-font-style": { - "prop": "--spectrum-code-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-emphasized-font-weight": { - "prop": "--spectrum-code-cjk-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "code-cjk-font-family": { - "prop": "--spectrum-code-cjk-font-family", - "ref": "var(--spectrum-code-font-family)", - "value": "Source Code Pro" - }, - "code-cjk-font-style": { - "prop": "--spectrum-code-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-font-weight": { - "prop": "--spectrum-code-cjk-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "code-cjk-line-height": { - "prop": "--spectrum-code-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-200)", - "value": "1.7" - }, - "code-cjk-size-l": { - "prop": "--spectrum-code-cjk-size-l", - "ref": "var(--spectrum-code-size-l)" - }, - "code-cjk-size-m": { - "prop": "--spectrum-code-cjk-size-m", - "ref": "var(--spectrum-code-size-m)" - }, - "code-cjk-size-s": { - "prop": "--spectrum-code-cjk-size-s", - "ref": "var(--spectrum-code-size-s)" - }, - "code-cjk-size-xl": { - "prop": "--spectrum-code-cjk-size-xl", - "ref": "var(--spectrum-code-size-xl)" - }, - "code-cjk-size-xs": { - "prop": "--spectrum-code-cjk-size-xs", - "ref": "var(--spectrum-code-size-xs)" - }, - "code-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-code-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-code-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "code-cjk-strong-font-style": { - "prop": "--spectrum-code-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-strong-font-weight": { - "prop": "--spectrum-code-cjk-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "code-color": { - "prop": "--spectrum-code-color", - "ref": "var(--spectrum-gray-800)", + "celery-100": { "light": { - "value": "rgb(41, 41, 41)" + "value": "rgb(235, 255, 220)" }, + "prop": "--spectrum-celery-100", "dark": { - "value": "rgb(219, 219, 219)" + "value": "rgb(11, 31, 0)" } }, - "code-emphasized-font-style": { - "prop": "--spectrum-code-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "code-emphasized-font-weight": { - "prop": "--spectrum-code-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "code-font-family": { - "prop": "--spectrum-code-font-family", - "value": "Source Code Pro" - }, - "code-font-style": { - "prop": "--spectrum-code-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-font-weight": { - "prop": "--spectrum-code-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "code-line-height": { - "prop": "--spectrum-code-line-height", - "ref": "var(--spectrum-line-height-200)", - "value": "1.5" - }, - "code-size-l": { - "prop": "--spectrum-code-size-l", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" + "celery-200": { + "light": { + "value": "rgb(197, 255, 156)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-celery-200", + "dark": { + "value": "rgb(15, 38, 0)" } }, - "code-size-m": { - "prop": "--spectrum-code-size-m", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" + "celery-300": { + "light": { + "value": "rgb(157, 247, 92)" }, - "mobile": { - "value": "19px" + "prop": "--spectrum-celery-300", + "dark": { + "value": "rgb(21, 51, 1)" } }, - "code-size-s": { - "prop": "--spectrum-code-size-s", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "celery-400": { + "light": { + "value": "rgb(129, 228, 58)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-celery-400", + "dark": { + "value": "rgb(31, 67, 4)" } }, - "code-size-xl": { - "prop": "--spectrum-code-size-xl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" + "celery-500": { + "light": { + "value": "rgb(110, 206, 42)" }, - "mobile": { - "value": "24px" + "prop": "--spectrum-celery-500", + "dark": { + "value": "rgb(41, 86, 8)" } }, - "code-size-xs": { - "prop": "--spectrum-code-size-xs", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "celery-600": { + "light": { + "value": "rgb(93, 180, 31)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-celery-600", + "dark": { + "value": "rgb(50, 105, 11)" } }, - "code-strong-emphasized-font-style": { - "prop": "--spectrum-code-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "code-strong-emphasized-font-weight": { - "prop": "--spectrum-code-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "code-strong-font-style": { - "prop": "--spectrum-code-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-strong-font-weight": { - "prop": "--spectrum-code-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "collection-card-minimum-height-extra-large": { - "prop": "--spectrum-collection-card-minimum-height-extra-large", - "value": "249px" - }, - "collection-card-minimum-height-extra-small": { - "prop": "--spectrum-collection-card-minimum-height-extra-small", - "value": "88px" - }, - "collection-card-minimum-height-hero-extra-large": { - "prop": "--spectrum-collection-card-minimum-height-hero-extra-large", - "value": "514px" - }, - "collection-card-minimum-height-hero-extra-small": { - "prop": "--spectrum-collection-card-minimum-height-hero-extra-small", - "value": "168px" - }, - "collection-card-minimum-height-hero-large": { - "prop": "--spectrum-collection-card-minimum-height-hero-large", - "value": "414px" - }, - "collection-card-minimum-height-hero-medium": { - "prop": "--spectrum-collection-card-minimum-height-hero-medium", - "value": "317px" - }, - "collection-card-minimum-height-hero-small": { - "prop": "--spectrum-collection-card-minimum-height-hero-small", - "value": "243px" - }, - "collection-card-minimum-height-large": { - "prop": "--spectrum-collection-card-minimum-height-large", - "value": "202px" - }, - "collection-card-minimum-height-medium": { - "prop": "--spectrum-collection-card-minimum-height-medium", - "value": "157px" - }, - "collection-card-minimum-height-small": { - "prop": "--spectrum-collection-card-minimum-height-small", - "value": "124px" - }, - "color-area-border-color": { - "prop": "--spectrum-color-area-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, + "celery-700": { "light": { - "value": "rgb(0, 0, 0)" + "value": "rgb(82, 161, 25)" + }, + "prop": "--spectrum-celery-700", + "dark": { + "value": "rgb(60, 122, 15)" } }, - "color-area-border-opacity": { - "prop": "--spectrum-color-area-border-opacity", - "value": "0.1" - }, - "color-area-border-rounding": { - "prop": "--spectrum-color-area-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)" + "celery-800": { + "light": { + "value": "rgb(72, 144, 20)" + }, + "prop": "--spectrum-celery-800", + "dark": { + "value": "rgb(66, 134, 18)" + } }, - "color-area-border-width": { - "prop": "--spectrum-color-area-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" + "celery-900": { + "light": { + "value": "rgb(64, 129, 17)" + }, + "prop": "--spectrum-celery-900", + "dark": { + "value": "rgb(78, 154, 23)" + } }, - "color-area-height": { - "prop": "--spectrum-color-area-height", - "desktop": { - "value": "192px" + "celery-1000": { + "light": { + "value": "rgb(52, 109, 12)" }, - "mobile": { - "value": "240px" + "prop": "--spectrum-celery-1000", + "dark": { + "value": "rgb(88, 172, 28)" } }, - "color-area-minimum-height": { - "prop": "--spectrum-color-area-minimum-height", - "desktop": { - "value": "64px" + "celery-1100": { + "light": { + "value": "rgb(44, 92, 9)" }, - "mobile": { - "value": "80px" + "prop": "--spectrum-celery-1100", + "dark": { + "value": "rgb(100, 190, 35)" } }, - "color-area-minimum-width": { - "prop": "--spectrum-color-area-minimum-width", - "desktop": { - "value": "64px" + "celery-1200": { + "light": { + "value": "rgb(35, 75, 6)" }, - "mobile": { - "value": "80px" + "prop": "--spectrum-celery-1200", + "dark": { + "value": "rgb(116, 213, 46)" } }, - "color-area-width": { - "prop": "--spectrum-color-area-width", - "desktop": { - "value": "192px" + "celery-1300": { + "light": { + "value": "rgb(27, 60, 3)" }, - "mobile": { - "value": "240px" + "prop": "--spectrum-celery-1300", + "dark": { + "value": "rgb(136, 234, 65)" } }, - "color-control-track-width": { - "prop": "--spectrum-color-control-track-width", - "desktop": { - "value": "24px" + "celery-1400": { + "light": { + "value": "rgb(19, 46, 0)" }, - "mobile": { - "value": "30px" + "prop": "--spectrum-celery-1400", + "dark": { + "value": "rgb(170, 251, 112)" } }, - "color-handle-border-width": { - "prop": "--spectrum-color-handle-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" + "celery-1500": { + "dark": { + "value": "rgb(222, 255, 198)" + }, + "prop": "--spectrum-celery-1500", + "light": { + "value": "rgb(12, 33, 0)" + } }, - "color-handle-drop-shadow-blur": { - "prop": "--spectrum-color-handle-drop-shadow-blur", - "value": "0" + "celery-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "prop": "--spectrum-celery-1600", + "light": { + "value": "rgb(4, 15, 0)" + } }, - "color-handle-drop-shadow-color": { - "prop": "--spectrum-color-handle-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-color)" - }, - "color-handle-drop-shadow-x": { - "prop": "--spectrum-color-handle-drop-shadow-x", - "value": "0" - }, - "color-handle-drop-shadow-y": { - "prop": "--spectrum-color-handle-drop-shadow-y", - "value": "0" - }, - "color-handle-inner-border-color": { - "prop": "--spectrum-color-handle-inner-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "color-handle-inner-border-opacity": { - "prop": "--spectrum-color-handle-inner-border-opacity", - "value": "0.42" - }, - "color-handle-inner-border-width": { - "prop": "--spectrum-color-handle-inner-border-width", - "value": "1px" - }, - "color-handle-outer-border-color": { - "prop": "--spectrum-color-handle-outer-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "color-handle-outer-border-opacity": { - "prop": "--spectrum-color-handle-outer-border-opacity", - "ref": "var(--spectrum-color-handle-inner-border-opacity)", - "value": "0.42" - }, - "color-handle-outer-border-width": { - "prop": "--spectrum-color-handle-outer-border-width", - "value": "1px" - }, - "color-handle-size": { - "prop": "--spectrum-color-handle-size", - "desktop": { - "value": "16px" + "green-100": { + "light": { + "value": "rgb(237, 252, 241)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-green-100", + "dark": { + "value": "rgb(0, 30, 23)" } }, - "color-handle-size-key-focus": { - "prop": "--spectrum-color-handle-size-key-focus", - "desktop": { - "value": "32px" + "green-200": { + "light": { + "value": "rgb(215, 247, 225)" }, - "mobile": { - "value": "40px" + "prop": "--spectrum-green-200", + "dark": { + "value": "rgb(0, 38, 29)" } }, - "color-loupe-bottom-to-color-handle": { - "prop": "--spectrum-color-loupe-bottom-to-color-handle", - "value": "12px" - }, - "color-loupe-drop-shadow-blur": { - "prop": "--spectrum-color-loupe-drop-shadow-blur", - "ref": "var(--spectrum-drop-shadow-elevated-blur)" - }, - "color-loupe-drop-shadow-color": { - "prop": "--spectrum-color-loupe-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-elevated-color)" - }, - "color-loupe-drop-shadow-y": { - "prop": "--spectrum-color-loupe-drop-shadow-y", - "ref": "var(--spectrum-drop-shadow-elevated-y)" - }, - "color-loupe-height": { - "prop": "--spectrum-color-loupe-height", - "value": "64px" - }, - "color-loupe-inner-border": { - "prop": "--spectrum-color-loupe-inner-border", - "ref": "var(--spectrum-transparent-black-200)", - "value": "rgba(0, 0, 0, 0.12)" - }, - "color-loupe-inner-border-width": { - "prop": "--spectrum-color-loupe-inner-border-width", - "value": "1px" - }, - "color-loupe-outer-border": { - "prop": "--spectrum-color-loupe-outer-border", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" - }, - "color-loupe-outer-border-width": { - "prop": "--spectrum-color-loupe-outer-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" - }, - "color-loupe-width": { - "prop": "--spectrum-color-loupe-width", - "value": "48px" - }, - "color-slider-border-color": { - "prop": "--spectrum-color-slider-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, + "green-300": { "light": { - "value": "rgb(0, 0, 0)" + "value": "rgb(173, 238, 197)" + }, + "prop": "--spectrum-green-300", + "dark": { + "value": "rgb(0, 51, 38)" } }, - "color-slider-border-opacity": { - "prop": "--spectrum-color-slider-border-opacity", - "value": "0.1" - }, - "color-slider-border-rounding": { - "prop": "--spectrum-color-slider-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)" - }, - "color-slider-border-width": { - "prop": "--spectrum-color-slider-border-width", - "value": "1px" - }, - "color-slider-length": { - "prop": "--spectrum-color-slider-length", - "desktop": { - "value": "192px" + "green-400": { + "light": { + "value": "rgb(107, 227, 162)" }, - "mobile": { - "value": "240px" + "prop": "--spectrum-green-400", + "dark": { + "value": "rgb(0, 68, 48)" } }, - "color-slider-minimum-length": { - "prop": "--spectrum-color-slider-minimum-length", - "desktop": { - "value": "80px" + "green-500": { + "light": { + "value": "rgb(43, 209, 125)" }, - "mobile": { - "value": "100px" + "prop": "--spectrum-green-500", + "dark": { + "value": "rgb(2, 87, 58)" } }, - "color-wheel-border-color": { - "prop": "--spectrum-color-wheel-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, + "green-600": { "light": { - "value": "rgb(0, 0, 0)" + "value": "rgb(18, 184, 103)" + }, + "prop": "--spectrum-green-600", + "dark": { + "value": "rgb(3, 106, 67)" } }, - "color-wheel-border-opacity": { - "prop": "--spectrum-color-wheel-border-opacity", - "value": "0.1" - }, - "color-wheel-color-area-margin": { - "prop": "--spectrum-color-wheel-color-area-margin", - "value": "12px" - }, - "color-wheel-minimum-width": { - "prop": "--spectrum-color-wheel-minimum-width", - "desktop": { - "value": "175px" + "green-700": { + "light": { + "value": "rgb(11, 164, 93)" }, - "mobile": { - "value": "219px" + "prop": "--spectrum-green-700", + "dark": { + "value": "rgb(4, 124, 75)" } }, - "color-wheel-width": { - "prop": "--spectrum-color-wheel-width", - "desktop": { - "value": "192px" + "green-800": { + "light": { + "value": "rgb(7, 147, 85)" }, - "mobile": { - "value": "240px" + "prop": "--spectrum-green-800", + "dark": { + "value": "rgb(6, 136, 80)" } }, - "combo-box-minimum-width-multiplier": { - "prop": "--spectrum-combo-box-minimum-width-multiplier", - "value": "2.5" - }, - "combo-box-quiet-minimum-width-multiplier": { - "prop": "--spectrum-combo-box-quiet-minimum-width-multiplier", - "value": "2" - }, - "combo-box-visual-to-field-button": { - "prop": "--spectrum-combo-box-visual-to-field-button", - "value": "0px" - }, - "combo-box-visual-to-field-button-extra-large": { - "prop": "--spectrum-combo-box-visual-to-field-button-extra-large", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-large": { - "prop": "--spectrum-combo-box-visual-to-field-button-large", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-medium": { - "prop": "--spectrum-combo-box-visual-to-field-button-medium", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-quiet": { - "prop": "--spectrum-combo-box-visual-to-field-button-quiet", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "combo-box-visual-to-field-button-small": { - "prop": "--spectrum-combo-box-visual-to-field-button-small", - "ref": "var(--spectrum-combo-box-visual-to-field-button)", - "value": "0px" - }, - "component-bottom-to-text-100": { - "prop": "--spectrum-component-bottom-to-text-100", - "desktop": { - "value": "9px" + "green-900": { + "light": { + "value": "rgb(5, 131, 78)" }, - "mobile": { - "value": "11px" + "prop": "--spectrum-green-900", + "dark": { + "value": "rgb(9, 157, 89)" } }, - "component-bottom-to-text-200": { - "prop": "--spectrum-component-bottom-to-text-200", - "desktop": { - "value": "11px" + "green-1000": { + "light": { + "value": "rgb(3, 110, 69)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-green-1000", + "dark": { + "value": "rgb(14, 175, 98)" } }, - "component-bottom-to-text-300": { - "prop": "--spectrum-component-bottom-to-text-300", - "desktop": { - "value": "14px" + "green-1100": { + "light": { + "value": "rgb(2, 93, 60)" }, - "mobile": { - "value": "18px" + "prop": "--spectrum-green-1100", + "dark": { + "value": "rgb(24, 193, 110)" } }, - "component-bottom-to-text-50": { - "prop": "--spectrum-component-bottom-to-text-50", - "desktop": { - "value": "3px" + "green-1200": { + "light": { + "value": "rgb(1, 76, 52)" }, - "mobile": { - "value": "6px" + "prop": "--spectrum-green-1200", + "dark": { + "value": "rgb(57, 215, 134)" } }, - "component-bottom-to-text-75": { - "prop": "--spectrum-component-bottom-to-text-75", - "desktop": { - "value": "5px" + "green-1300": { + "light": { + "value": "rgb(0, 61, 44)" }, - "mobile": { - "value": "6px" + "prop": "--spectrum-green-1300", + "dark": { + "value": "rgb(126, 231, 172)" } }, - "component-edge-to-text-100": { - "prop": "--spectrum-component-edge-to-text-100", - "desktop": { - "value": "12px" + "green-1400": { + "light": { + "value": "rgb(0, 46, 34)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-green-1400", + "dark": { + "value": "rgb(189, 241, 208)" } }, - "component-edge-to-text-200": { - "prop": "--spectrum-component-edge-to-text-200", - "desktop": { - "value": "15px" + "green-1500": { + "dark": { + "value": "rgb(229, 250, 236)" }, - "mobile": { - "value": "19px" + "prop": "--spectrum-green-1500", + "light": { + "value": "rgb(0, 33, 25)" } }, - "component-edge-to-text-300": { - "prop": "--spectrum-component-edge-to-text-300", - "desktop": { - "value": "18px" + "green-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-green-1600", + "light": { + "value": "rgb(0, 15, 12)" } }, - "component-edge-to-text-50": { - "prop": "--spectrum-component-edge-to-text-50", - "desktop": { - "value": "8px" + "seafoam-100": { + "light": { + "value": "rgb(235, 251, 246)" }, - "mobile": { - "value": "10px" + "prop": "--spectrum-seafoam-100", + "dark": { + "value": "rgb(0, 30, 27)" } }, - "component-edge-to-text-75": { - "prop": "--spectrum-component-edge-to-text-75", - "desktop": { - "value": "9px" + "seafoam-200": { + "light": { + "value": "rgb(211, 246, 234)" }, - "mobile": { - "value": "11px" + "prop": "--spectrum-seafoam-200", + "dark": { + "value": "rgb(0, 39, 35)" } }, - "component-edge-to-visual-100": { - "prop": "--spectrum-component-edge-to-visual-100", - "desktop": { - "value": "10px" + "seafoam-300": { + "light": { + "value": "rgb(169, 237, 216)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-seafoam-300", + "dark": { + "value": "rgb(0, 50, 44)" } }, - "component-edge-to-visual-200": { - "prop": "--spectrum-component-edge-to-visual-200", - "desktop": { - "value": "13px" + "seafoam-400": { + "light": { + "value": "rgb(92, 225, 194)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-seafoam-400", + "dark": { + "value": "rgb(0, 67, 59)" } }, - "component-edge-to-visual-300": { - "prop": "--spectrum-component-edge-to-visual-300", - "desktop": { - "value": "15px" + "seafoam-500": { + "light": { + "value": "rgb(16, 207, 169)" }, - "mobile": { - "value": "19px" + "prop": "--spectrum-seafoam-500", + "dark": { + "value": "rgb(2, 86, 75)" } }, - "component-edge-to-visual-50": { - "prop": "--spectrum-component-edge-to-visual-50", - "desktop": { - "value": "6px" + "seafoam-600": { + "light": { + "value": "rgb(13, 181, 149)" }, - "mobile": { - "value": "7px" + "prop": "--spectrum-seafoam-600", + "dark": { + "value": "rgb(4, 105, 89)" } }, - "component-edge-to-visual-75": { - "prop": "--spectrum-component-edge-to-visual-75", - "desktop": { - "value": "7px" + "seafoam-700": { + "light": { + "value": "rgb(11, 162, 134)" }, - "mobile": { - "value": "9px" + "prop": "--spectrum-seafoam-700", + "dark": { + "value": "rgb(6, 122, 103)" } }, - "component-edge-to-visual-only-100": { - "prop": "--spectrum-component-edge-to-visual-only-100", - "desktop": { - "value": "6px" + "seafoam-800": { + "light": { + "value": "rgb(9, 144, 120)" }, - "mobile": { - "value": "8px" + "prop": "--spectrum-seafoam-800", + "dark": { + "value": "rgb(8, 134, 112)" } }, - "component-edge-to-visual-only-200": { - "prop": "--spectrum-component-edge-to-visual-only-200", - "desktop": { - "value": "9px" + "seafoam-900": { + "light": { + "value": "rgb(7, 129, 109)" }, - "mobile": { - "value": "11px" + "prop": "--spectrum-seafoam-900", + "dark": { + "value": "rgb(10, 154, 128)" } }, - "component-edge-to-visual-only-300": { - "prop": "--spectrum-component-edge-to-visual-only-300", - "desktop": { - "value": "11px" + "seafoam-1000": { + "light": { + "value": "rgb(5, 108, 92)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-seafoam-1000", + "dark": { + "value": "rgb(12, 173, 142)" } }, - "component-edge-to-visual-only-50": { - "prop": "--spectrum-component-edge-to-visual-only-50", - "desktop": { - "value": "3px" + "seafoam-1100": { + "light": { + "value": "rgb(3, 92, 80)" }, - "mobile": { - "value": "5px" + "prop": "--spectrum-seafoam-1100", + "dark": { + "value": "rgb(14, 190, 156)" } }, - "component-edge-to-visual-only-75": { - "prop": "--spectrum-component-edge-to-visual-only-75", - "desktop": { - "value": "4px" + "seafoam-1200": { + "light": { + "value": "rgb(1, 75, 67)" }, - "mobile": { - "value": "6px" + "prop": "--spectrum-seafoam-1200", + "dark": { + "value": "rgb(29, 214, 176)" } }, - "component-height-100": { - "prop": "--spectrum-component-height-100", - "desktop": { - "value": "32px" + "seafoam-1300": { + "light": { + "value": "rgb(0, 60, 54)" }, - "mobile": { - "value": "40px" + "prop": "--spectrum-seafoam-1300", + "dark": { + "value": "rgb(122, 229, 203)" } }, - "component-height-200": { - "prop": "--spectrum-component-height-200", - "desktop": { - "value": "40px" + "seafoam-1400": { + "light": { + "value": "rgb(0, 46, 40)" }, - "mobile": { - "value": "50px" + "prop": "--spectrum-seafoam-1400", + "dark": { + "value": "rgb(186, 241, 222)" } }, - "component-height-300": { - "prop": "--spectrum-component-height-300", - "desktop": { - "value": "48px" + "seafoam-1500": { + "dark": { + "value": "rgb(229, 249, 243)" }, - "mobile": { - "value": "60px" + "prop": "--spectrum-seafoam-1500", + "light": { + "value": "rgb(0, 33, 29)" } }, - "component-height-400": { - "prop": "--spectrum-component-height-400", - "desktop": { - "value": "56px" + "seafoam-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "70px" + "prop": "--spectrum-seafoam-1600", + "light": { + "value": "rgb(0, 15, 14)" } }, - "component-height-50": { - "prop": "--spectrum-component-height-50", - "desktop": { - "value": "20px" + "cyan-100": { + "light": { + "value": "rgb(238, 250, 254)" }, - "mobile": { - "value": "26px" + "prop": "--spectrum-cyan-100", + "dark": { + "value": "rgb(0, 29, 39)" } }, - "component-height-500": { - "prop": "--spectrum-component-height-500", - "desktop": { - "value": "64px" + "cyan-200": { + "light": { + "value": "rgb(217, 244, 253)" }, - "mobile": { - "value": "80px" + "prop": "--spectrum-cyan-200", + "dark": { + "value": "rgb(0, 36, 49)" } }, - "component-height-75": { - "prop": "--spectrum-component-height-75", - "desktop": { - "value": "24px" + "cyan-300": { + "light": { + "value": "rgb(183, 231, 252)" }, - "mobile": { - "value": "30px" + "prop": "--spectrum-cyan-300", + "dark": { + "value": "rgb(0, 48, 65)" } }, - "component-l-bold-font-family": { - "prop": "--spectrum-component-l-bold-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-l-bold-font-family-font-size": { - "prop": "--spectrum-component-l-bold-font-family-font-size", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" + "cyan-400": { + "light": { + "value": "rgb(138, 213, 255)" }, - "mobile": { - "value": "19px" + "prop": "--spectrum-cyan-400", + "dark": { + "value": "rgb(0, 64, 88)" } }, - "component-l-bold-font-family-font-size-font-weight": { - "prop": "--spectrum-component-l-bold-font-family-font-size-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "component-l-bold-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-l-bold-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-l-bold-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-l-bold-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-200)", - "desktop": { - "value": "20px" + "cyan-500": { + "light": { + "value": "rgb(92, 192, 255)" }, - "mobile": { - "value": "24px" + "prop": "--spectrum-cyan-500", + "dark": { + "value": "rgb(0, 82, 113)" } }, - "component-l-medium-font-family": { - "prop": "--spectrum-component-l-medium-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-l-medium-font-family-font-size": { - "prop": "--spectrum-component-l-medium-font-family-font-size", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "component-l-medium-font-family-font-size-font-weight": { - "prop": "--spectrum-component-l-medium-font-family-font-size-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "component-l-medium-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-l-medium-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-l-medium-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-l-medium-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-200)", - "desktop": { - "value": "20px" + "cyan-600": { + "light": { + "value": "rgb(48, 167, 254)" }, - "mobile": { - "value": "24px" + "prop": "--spectrum-cyan-600", + "dark": { + "value": "rgb(3, 99, 140)" } }, - "component-l-regular-font-family": { - "prop": "--spectrum-component-l-regular-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-l-regular-font-family-font-size": { - "prop": "--spectrum-component-l-regular-font-family-font-size", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" + "cyan-700": { + "light": { + "value": "rgb(29, 149, 231)" }, - "mobile": { - "value": "19px" + "prop": "--spectrum-cyan-700", + "dark": { + "value": "rgb(8, 115, 168)" } }, - "component-l-regular-font-family-font-size-font-weight": { - "prop": "--spectrum-component-l-regular-font-family-font-size-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "component-l-regular-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-l-regular-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-l-regular-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-l-regular-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-200)", - "desktop": { - "value": "20px" + "cyan-800": { + "light": { + "value": "rgb(18, 134, 205)" }, - "mobile": { - "value": "24px" + "prop": "--spectrum-cyan-800", + "dark": { + "value": "rgb(13, 125, 186)" } }, - "component-m-bold-font-family": { - "prop": "--spectrum-component-m-bold-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-m-bold-font-family-font-size": { - "prop": "--spectrum-component-m-bold-font-family-font-size", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "cyan-900": { + "light": { + "value": "rgb(11, 120, 179)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-cyan-900", + "dark": { + "value": "rgb(24, 142, 220)" } }, - "component-m-bold-font-family-font-size-font-weight": { - "prop": "--spectrum-component-m-bold-font-family-font-size-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "component-m-bold-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-m-bold-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-m-bold-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-m-bold-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-100)", - "desktop": { - "value": "18px" + "cyan-1000": { + "light": { + "value": "rgb(4, 102, 145)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-cyan-1000", + "dark": { + "value": "rgb(38, 159, 244)" } }, - "component-m-medium-font-family": { - "prop": "--spectrum-component-m-medium-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-m-medium-font-family-font-size": { - "prop": "--spectrum-component-m-medium-font-family-font-size", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "cyan-1100": { + "light": { + "value": "rgb(0, 87, 121)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-cyan-1100", + "dark": { + "value": "rgb(63, 177, 255)" } }, - "component-m-medium-font-family-font-size-font-weight": { - "prop": "--spectrum-component-m-medium-font-family-font-size-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "component-m-medium-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-m-medium-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-m-medium-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-m-medium-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-100)", - "desktop": { - "value": "18px" + "cyan-1200": { + "light": { + "value": "rgb(0, 71, 98)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-cyan-1200", + "dark": { + "value": "rgb(107, 199, 255)" } }, - "component-m-regular-font-family": { - "prop": "--spectrum-component-m-regular-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-m-regular-font-family-font-size": { - "prop": "--spectrum-component-m-regular-font-family-font-size", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "cyan-1300": { + "light": { + "value": "rgb(0, 57, 78)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-cyan-1300", + "dark": { + "value": "rgb(152, 219, 255)" } }, - "component-m-regular-font-family-font-size-font-weight": { - "prop": "--spectrum-component-m-regular-font-family-font-size-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "component-m-regular-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-m-regular-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-m-regular-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-m-regular-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-100)", - "desktop": { - "value": "18px" + "cyan-1400": { + "light": { + "value": "rgb(0, 43, 59)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-cyan-1400", + "dark": { + "value": "rgb(195, 236, 252)" } }, - "component-padding-vertical-100": { - "prop": "--spectrum-component-padding-vertical-100", - "desktop": { - "value": "7px" + "cyan-1500": { + "dark": { + "value": "rgb(230, 248, 253)" }, - "mobile": { - "value": "9px" + "prop": "--spectrum-cyan-1500", + "light": { + "value": "rgb(0, 31, 43)" } }, - "component-padding-vertical-200": { - "prop": "--spectrum-component-padding-vertical-200", - "desktop": { - "value": "10px" + "cyan-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-cyan-1600", + "light": { + "value": "rgb(0, 14, 20)" } }, - "component-padding-vertical-300": { - "prop": "--spectrum-component-padding-vertical-300", - "desktop": { - "value": "13px" + "indigo-100": { + "light": { + "value": "rgb(247, 248, 255)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-indigo-100", + "dark": { + "value": "rgb(30, 0, 93)" } }, - "component-padding-vertical-50": { - "prop": "--spectrum-component-padding-vertical-50", - "desktop": { - "value": "3px" + "indigo-200": { + "light": { + "value": "rgb(235, 238, 255)" }, - "mobile": { - "value": "5px" + "prop": "--spectrum-indigo-200", + "dark": { + "value": "rgb(35, 0, 110)" } }, - "component-padding-vertical-75": { - "prop": "--spectrum-component-padding-vertical-75", - "desktop": { - "value": "4px" + "indigo-300": { + "light": { + "value": "rgb(216, 222, 255)" }, - "mobile": { - "value": "5px" + "prop": "--spectrum-indigo-300", + "dark": { + "value": "rgb(47, 0, 140)" } }, - "component-pill-edge-to-text-100": { - "prop": "--spectrum-component-pill-edge-to-text-100", - "desktop": { - "value": "16px" + "indigo-400": { + "light": { + "value": "rgb(192, 201, 255)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-indigo-400", + "dark": { + "value": "rgb(62, 12, 174)" } }, - "component-pill-edge-to-text-200": { - "prop": "--spectrum-component-pill-edge-to-text-200", - "desktop": { - "value": "20px" + "indigo-500": { + "light": { + "value": "rgb(167, 178, 255)" }, - "mobile": { - "value": "25px" + "prop": "--spectrum-indigo-500", + "dark": { + "value": "rgb(79, 30, 209)" } }, - "component-pill-edge-to-text-300": { - "prop": "--spectrum-component-pill-edge-to-text-300", - "desktop": { - "value": "24px" + "indigo-600": { + "light": { + "value": "rgb(145, 151, 254)" }, - "mobile": { - "value": "30px" + "prop": "--spectrum-indigo-600", + "dark": { + "value": "rgb(95, 52, 235)" } }, - "component-pill-edge-to-text-75": { - "prop": "--spectrum-component-pill-edge-to-text-75", - "desktop": { - "value": "12px" + "indigo-700": { + "light": { + "value": "rgb(132, 128, 254)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-indigo-700", + "dark": { + "value": "rgb(109, 75, 248)" } }, - "component-pill-edge-to-visual-100": { - "prop": "--spectrum-component-pill-edge-to-visual-100", - "desktop": { - "value": "14px" + "indigo-800": { + "light": { + "value": "rgb(122, 106, 253)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-indigo-800", + "dark": { + "value": "rgb(116, 91, 252)" } }, - "component-pill-edge-to-visual-200": { - "prop": "--spectrum-component-pill-edge-to-visual-200", - "desktop": { - "value": "18px" + "indigo-900": { + "light": { + "value": "rgb(113, 85, 250)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-indigo-900", + "dark": { + "value": "rgb(128, 119, 254)" } }, - "component-pill-edge-to-visual-300": { - "prop": "--spectrum-component-pill-edge-to-visual-300", - "desktop": { - "value": "21px" + "indigo-1000": { + "light": { + "value": "rgb(99, 56, 238)" }, - "mobile": { - "value": "27px" + "prop": "--spectrum-indigo-1000", + "dark": { + "value": "rgb(139, 141, 254)" } }, - "component-pill-edge-to-visual-75": { - "prop": "--spectrum-component-pill-edge-to-visual-75", - "desktop": { - "value": "10px" + "indigo-1100": { + "light": { + "value": "rgb(84, 36, 219)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-indigo-1100", + "dark": { + "value": "rgb(153, 161, 255)" } }, - "component-pill-edge-to-visual-only-100": { - "prop": "--spectrum-component-pill-edge-to-visual-only-100", - "desktop": { - "value": "6px" + "indigo-1200": { + "light": { + "value": "rgb(69, 19, 191)" }, - "mobile": { - "value": "8px" + "prop": "--spectrum-indigo-1200", + "dark": { + "value": "rgb(176, 186, 255)" } }, - "component-pill-edge-to-visual-only-200": { - "prop": "--spectrum-component-pill-edge-to-visual-only-200", - "desktop": { - "value": "9px" + "indigo-1300": { + "light": { + "value": "rgb(55, 6, 160)" }, - "mobile": { - "value": "11px" + "prop": "--spectrum-indigo-1300", + "dark": { + "value": "rgb(199, 208, 255)" } }, - "component-pill-edge-to-visual-only-300": { - "prop": "--spectrum-component-pill-edge-to-visual-only-300", - "desktop": { - "value": "11px" + "indigo-1400": { + "light": { + "value": "rgb(42, 0, 129)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-indigo-1400", + "dark": { + "value": "rgb(223, 228, 255)" } }, - "component-pill-edge-to-visual-only-75": { - "prop": "--spectrum-component-pill-edge-to-visual-only-75", - "desktop": { - "value": "4px" + "indigo-1500": { + "dark": { + "value": "rgb(243, 244, 255)" }, - "mobile": { - "value": "6px" + "prop": "--spectrum-indigo-1500", + "light": { + "value": "rgb(31, 0, 98)" } }, - "component-s-bold-font-family": { - "prop": "--spectrum-component-s-bold-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-s-bold-font-family-font-size": { - "prop": "--spectrum-component-s-bold-font-family-font-size", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "indigo-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-indigo-1600", + "light": { + "value": "rgb(17, 0, 54)" } }, - "component-s-bold-font-family-font-size-font-weight": { - "prop": "--spectrum-component-s-bold-font-family-font-size-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "component-s-bold-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-s-bold-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-s-bold-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-s-bold-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-75)", - "desktop": { - "value": "16px" + "purple-100": { + "light": { + "value": "rgb(251, 247, 254)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-purple-100", + "dark": { + "value": "rgb(41, 0, 79)" } }, - "component-s-medium-font-family": { - "prop": "--spectrum-component-s-medium-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-s-medium-font-family-font-size": { - "prop": "--spectrum-component-s-medium-font-family-font-size", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "purple-200": { + "light": { + "value": "rgb(244, 235, 252)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-purple-200", + "dark": { + "value": "rgb(50, 0, 96)" } }, - "component-s-medium-font-family-font-size-font-weight": { - "prop": "--spectrum-component-s-medium-font-family-font-size-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "component-s-medium-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-s-medium-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-s-medium-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-s-medium-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-75)", - "desktop": { - "value": "16px" + "purple-300": { + "light": { + "value": "rgb(235, 218, 249)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-purple-300", + "dark": { + "value": "rgb(64, 0, 122)" } }, - "component-s-regular-font-family": { - "prop": "--spectrum-component-s-regular-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-s-regular-font-family-font-size": { - "prop": "--spectrum-component-s-regular-font-family-font-size", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "purple-400": { + "light": { + "value": "rgb(221, 193, 246)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-purple-400", + "dark": { + "value": "rgb(83, 0, 159)" } }, - "component-s-regular-font-family-font-size-font-weight": { - "prop": "--spectrum-component-s-regular-font-family-font-size-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "component-s-regular-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-s-regular-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-s-regular-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-s-regular-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-75)", - "desktop": { - "value": "16px" + "purple-500": { + "light": { + "value": "rgb(208, 167, 243)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-purple-500", + "dark": { + "value": "rgb(107, 6, 195)" } }, - "component-size-difference-down": { - "prop": "--spectrum-component-size-difference-down", - "value": "-2px" - }, - "component-size-maximum-perspective-down": { - "prop": "--spectrum-component-size-maximum-perspective-down", - "value": "96px" - }, - "component-size-minimum-perspective-down": { - "prop": "--spectrum-component-size-minimum-perspective-down", - "value": "24px" - }, - "component-size-width-ratio-down": { - "prop": "--spectrum-component-size-width-ratio-down", - "value": "0.3333" - }, - "component-to-menu-extra-large": { - "prop": "--spectrum-component-to-menu-extra-large", - "desktop": { - "value": "8px" + "purple-600": { + "light": { + "value": "rgb(191, 138, 238)" }, - "mobile": { - "value": "10px" + "prop": "--spectrum-purple-600", + "dark": { + "value": "rgb(130, 34, 215)" } }, - "component-to-menu-large": { - "prop": "--spectrum-component-to-menu-large", - "desktop": { - "value": "7px" + "purple-700": { + "light": { + "value": "rgb(178, 114, 235)" }, - "mobile": { - "value": "9px" + "prop": "--spectrum-purple-700", + "dark": { + "value": "rgb(148, 62, 224)" } }, - "component-to-menu-medium": { - "prop": "--spectrum-component-to-menu-medium", - "desktop": { - "value": "6px" + "purple-800": { + "light": { + "value": "rgb(166, 92, 231)" }, - "mobile": { - "value": "8px" + "prop": "--spectrum-purple-800", + "dark": { + "value": "rgb(157, 78, 228)" } }, - "component-to-menu-small": { - "prop": "--spectrum-component-to-menu-small", - "desktop": { - "value": "6px" + "purple-900": { + "light": { + "value": "rgb(154, 71, 226)" }, - "mobile": { - "value": "7px" + "prop": "--spectrum-purple-900", + "dark": { + "value": "rgb(173, 105, 233)" } }, - "component-top-to-text-100": { - "prop": "--spectrum-component-top-to-text-100", - "desktop": { - "value": "6px" + "purple-1000": { + "light": { + "value": "rgb(134, 40, 217)" }, - "mobile": { - "value": "8px" + "prop": "--spectrum-purple-1000", + "dark": { + "value": "rgb(186, 127, 237)" } }, - "component-top-to-text-200": { - "prop": "--spectrum-component-top-to-text-200", - "desktop": { - "value": "9px" + "purple-1100": { + "light": { + "value": "rgb(115, 13, 204)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-purple-1100", + "dark": { + "value": "rgb(197, 149, 240)" } }, - "component-top-to-text-300": { - "prop": "--spectrum-component-top-to-text-300", - "desktop": { - "value": "12px" + "purple-1200": { + "light": { + "value": "rgb(93, 0, 177)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-purple-1200", + "dark": { + "value": "rgb(212, 176, 244)" } }, - "component-top-to-text-50": { - "prop": "--spectrum-component-top-to-text-50", - "desktop": { - "value": "3px" + "purple-1300": { + "light": { + "value": "rgb(75, 0, 144)" }, - "mobile": { - "value": "4px" + "prop": "--spectrum-purple-1300", + "dark": { + "value": "rgb(225, 201, 247)" } }, - "component-top-to-text-75": { - "prop": "--spectrum-component-top-to-text-75", - "desktop": { - "value": "4px" + "purple-1400": { + "light": { + "value": "rgb(59, 0, 111)" }, - "mobile": { - "value": "5px" + "prop": "--spectrum-purple-1400", + "dark": { + "value": "rgb(238, 224, 250)" } }, - "component-top-to-workflow-icon-100": { - "prop": "--spectrum-component-top-to-workflow-icon-100", - "desktop": { - "value": "6px" + "purple-1500": { + "dark": { + "value": "rgb(248, 243, 253)" }, - "mobile": { - "value": "8px" + "prop": "--spectrum-purple-1500", + "light": { + "value": "rgb(44, 0, 84)" } }, - "component-top-to-workflow-icon-200": { - "prop": "--spectrum-component-top-to-workflow-icon-200", - "desktop": { - "value": "9px" + "purple-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "11px" + "prop": "--spectrum-purple-1600", + "light": { + "value": "rgb(23, 0, 45)" } }, - "component-top-to-workflow-icon-300": { - "prop": "--spectrum-component-top-to-workflow-icon-300", - "desktop": { - "value": "11px" + "fuchsia-100": { + "light": { + "value": "rgb(254, 246, 255)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-fuchsia-100", + "dark": { + "value": "rgb(50, 0, 61)" } }, - "component-top-to-workflow-icon-50": { - "prop": "--spectrum-component-top-to-workflow-icon-50", - "desktop": { - "value": "3px" + "fuchsia-200": { + "light": { + "value": "rgb(253, 233, 255)" }, - "mobile": { - "value": "5px" + "prop": "--spectrum-fuchsia-200", + "dark": { + "value": "rgb(61, 0, 74)" } }, - "component-top-to-workflow-icon-75": { - "prop": "--spectrum-component-top-to-workflow-icon-75", - "desktop": { - "value": "4px" + "fuchsia-300": { + "light": { + "value": "rgb(250, 211, 255)" }, - "mobile": { - "value": "6px" + "prop": "--spectrum-fuchsia-300", + "dark": { + "value": "rgb(79, 0, 95)" } }, - "component-xl-bold-font-family": { - "prop": "--spectrum-component-xl-bold-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-xl-bold-font-family-font-size": { - "prop": "--spectrum-component-xl-bold-font-family-font-size", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" + "fuchsia-400": { + "light": { + "value": "rgb(247, 181, 255)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-fuchsia-400", + "dark": { + "value": "rgb(102, 9, 120)" } }, - "component-xl-bold-font-family-font-size-font-weight": { - "prop": "--spectrum-component-xl-bold-font-family-font-size-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "component-xl-bold-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-xl-bold-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-xl-bold-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-xl-bold-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-300)", - "desktop": { - "value": "22px" + "fuchsia-500": { + "light": { + "value": "rgb(243, 147, 255)" }, - "mobile": { - "value": "26px" + "prop": "--spectrum-fuchsia-500", + "dark": { + "value": "rgb(127, 23, 146)" } }, - "component-xl-medium-font-family": { - "prop": "--spectrum-component-xl-medium-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-xl-medium-font-family-font-size": { - "prop": "--spectrum-component-xl-medium-font-family-font-size", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" + "fuchsia-600": { + "light": { + "value": "rgb(236, 105, 255)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-fuchsia-600", + "dark": { + "value": "rgb(151, 38, 170)" } }, - "component-xl-medium-font-family-font-size-font-weight": { - "prop": "--spectrum-component-xl-medium-font-family-font-size-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "component-xl-medium-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-xl-medium-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-xl-medium-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-xl-medium-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-300)", - "desktop": { - "value": "22px" + "fuchsia-700": { + "light": { + "value": "rgb(223, 77, 245)" }, - "mobile": { - "value": "26px" + "prop": "--spectrum-fuchsia-700", + "dark": { + "value": "rgb(173, 51, 192)" } }, - "component-xl-regular-font-family": { - "prop": "--spectrum-component-xl-regular-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-xl-regular-font-family-font-size": { - "prop": "--spectrum-component-xl-regular-font-family-font-size", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" + "fuchsia-800": { + "light": { + "value": "rgb(200, 68, 220)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-fuchsia-800", + "dark": { + "value": "rgb(186, 60, 206)" } }, - "component-xl-regular-font-family-font-size-font-weight": { - "prop": "--spectrum-component-xl-regular-font-family-font-size-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "component-xl-regular-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-xl-regular-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-xl-regular-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-xl-regular-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-300)", - "desktop": { - "value": "22px" + "fuchsia-900": { + "light": { + "value": "rgb(181, 57, 200)" }, - "mobile": { - "value": "26px" + "prop": "--spectrum-fuchsia-900", + "dark": { + "value": "rgb(213, 73, 235)" } }, - "component-xs-bold-font-family": { - "prop": "--spectrum-component-xs-bold-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-xs-bold-font-family-font-size": { - "prop": "--spectrum-component-xs-bold-font-family-font-size", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" + "fuchsia-1000": { + "light": { + "value": "rgb(156, 40, 175)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-fuchsia-1000", + "dark": { + "value": "rgb(232, 91, 253)" } }, - "component-xs-bold-font-family-font-size-font-weight": { - "prop": "--spectrum-component-xs-bold-font-family-font-size-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "component-xs-bold-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-xs-bold-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-xs-bold-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-xs-bold-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-50)", - "desktop": { - "value": "14px" + "fuchsia-1100": { + "light": { + "value": "rgb(135, 27, 154)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-fuchsia-1100", + "dark": { + "value": "rgb(240, 122, 255)" } }, - "component-xs-medium-font-family": { - "prop": "--spectrum-component-xs-medium-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "component-xs-medium-font-family-font-size": { - "prop": "--spectrum-component-xs-medium-font-family-font-size", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" + "fuchsia-1200": { + "light": { + "value": "rgb(113, 15, 131)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-fuchsia-1200", + "dark": { + "value": "rgb(245, 159, 255)" } }, - "component-xs-medium-font-family-font-size-font-weight": { - "prop": "--spectrum-component-xs-medium-font-family-font-size-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "component-xs-medium-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-xs-medium-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" - }, - "component-xs-medium-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-xs-medium-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-50)", - "desktop": { - "value": "14px" + "fuchsia-1300": { + "light": { + "value": "rgb(92, 4, 109)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-fuchsia-1300", + "dark": { + "value": "rgb(248, 191, 255)" } }, - "component-xs-regular-font-family": { - "prop": "--spectrum-component-xs-regular-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" + "fuchsia-1400": { + "light": { + "value": "rgb(72, 0, 88)" + }, + "prop": "--spectrum-fuchsia-1400", + "dark": { + "value": "rgb(251, 219, 255)" + } }, - "component-xs-regular-font-family-font-size": { - "prop": "--spectrum-component-xs-regular-font-family-font-size", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" + "fuchsia-1500": { + "dark": { + "value": "rgb(253, 241, 255)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-fuchsia-1500", + "light": { + "value": "rgb(54, 0, 66)" } }, - "component-xs-regular-font-family-font-size-font-weight": { - "prop": "--spectrum-component-xs-regular-font-family-font-size-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" + "fuchsia-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "prop": "--spectrum-fuchsia-1600", + "light": { + "value": "rgb(29, 0, 35)" + } }, - "component-xs-regular-font-family-font-size-font-weight-letter-spacing": { - "prop": "--spectrum-component-xs-regular-font-family-font-size-font-weight-letter-spacing", - "ref": "var(--spectrum-letter-spacing)", - "value": "0em" + "magenta-100": { + "light": { + "value": "rgb(255, 245, 248)" + }, + "prop": "--spectrum-magenta-100", + "dark": { + "value": "rgb(59, 0, 22)" + } }, - "component-xs-regular-font-family-font-size-font-weight-letter-spacing-line-height": { - "prop": "--spectrum-component-xs-regular-font-family-font-size-font-weight-letter-spacing-line-height", - "ref": "var(--spectrum-line-height-font-size-50)", - "desktop": { - "value": "14px" + "magenta-200": { + "light": { + "value": "rgb(255, 232, 240)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-magenta-200", + "dark": { + "value": "rgb(74, 0, 27)" } }, - "contextual-help-body-font-size": { - "prop": "--spectrum-contextual-help-body-font-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "12px" + "magenta-300": { + "light": { + "value": "rgb(255, 213, 227)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-magenta-300", + "dark": { + "value": "rgb(93, 0, 34)" } }, - "contextual-help-body-size": { - "prop": "--spectrum-contextual-help-body-size", - "ref": "var(--spectrum-contextual-help-body-font-size)", - "desktop": { - "value": "12px" + "magenta-400": { + "light": { + "value": "rgb(255, 185, 208)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-magenta-400", + "dark": { + "value": "rgb(123, 0, 45)" } }, - "contextual-help-minimum-width": { - "prop": "--spectrum-contextual-help-minimum-width", - "value": "268px" + "magenta-500": { + "light": { + "value": "rgb(255, 152, 187)" + }, + "prop": "--spectrum-magenta-500", + "dark": { + "value": "rgb(152, 7, 60)" + } }, - "contextual-help-title-font-size": { - "prop": "--spectrum-contextual-help-title-font-size", - "ref": "var(--spectrum-title-size-s)" + "magenta-600": { + "light": { + "value": "rgb(255, 112, 159)" + }, + "prop": "--spectrum-magenta-600", + "dark": { + "value": "rgb(181, 19, 76)" + } }, - "contextual-help-title-size": { - "prop": "--spectrum-contextual-help-title-size", - "ref": "var(--spectrum-contextual-help-title-font-size)" - }, - "corner-radius-0": { - "prop": "--spectrum-corner-radius-0", - "value": "0px" - }, - "corner-radius-100": { - "prop": "--spectrum-corner-radius-100", - "value": "4px" - }, - "corner-radius-1000": { - "prop": "--spectrum-corner-radius-1000", - "value": "0.5" - }, - "corner-radius-200": { - "prop": "--spectrum-corner-radius-200", - "value": "5px" - }, - "corner-radius-300": { - "prop": "--spectrum-corner-radius-300", - "value": "6px" - }, - "corner-radius-400": { - "prop": "--spectrum-corner-radius-400", - "value": "7px" - }, - "corner-radius-500": { - "prop": "--spectrum-corner-radius-500", - "value": "8px" - }, - "corner-radius-600": { - "prop": "--spectrum-corner-radius-600", - "value": "9px" - }, - "corner-radius-700": { - "prop": "--spectrum-corner-radius-700", - "value": "10px" - }, - "corner-radius-75": { - "prop": "--spectrum-corner-radius-75", - "value": "3px" - }, - "corner-radius-800": { - "prop": "--spectrum-corner-radius-800", - "value": "16px" - }, - "corner-radius-extra-large-default": { - "prop": "--spectrum-corner-radius-extra-large-default", - "ref": "var(--spectrum-corner-radius-800)", - "value": "16px" - }, - "corner-radius-full": { - "prop": "--spectrum-corner-radius-full", - "ref": "var(--spectrum-corner-radius-1000)", - "value": "0.5" - }, - "corner-radius-large-default": { - "prop": "--spectrum-corner-radius-large-default", - "ref": "var(--spectrum-corner-radius-700)", - "value": "10px" - }, - "corner-radius-medium-default": { - "prop": "--spectrum-corner-radius-medium-default", - "ref": "var(--spectrum-corner-radius-500)", - "value": "8px" - }, - "corner-radius-medium-size-extra-large": { - "prop": "--spectrum-corner-radius-medium-size-extra-large", - "ref": "var(--spectrum-corner-radius-700)", - "value": "10px" - }, - "corner-radius-medium-size-extra-small": { - "prop": "--spectrum-corner-radius-medium-size-extra-small", - "ref": "var(--spectrum-corner-radius-300)", - "value": "6px" - }, - "corner-radius-medium-size-large": { - "prop": "--spectrum-corner-radius-medium-size-large", - "ref": "var(--spectrum-corner-radius-600)", - "value": "9px" - }, - "corner-radius-medium-size-medium": { - "prop": "--spectrum-corner-radius-medium-size-medium", - "ref": "var(--spectrum-corner-radius-500)", - "value": "8px" - }, - "corner-radius-medium-size-small": { - "prop": "--spectrum-corner-radius-medium-size-small", - "ref": "var(--spectrum-corner-radius-400)", - "value": "7px" - }, - "corner-radius-none": { - "prop": "--spectrum-corner-radius-none", - "ref": "var(--spectrum-corner-radius-0)", - "value": "0px" - }, - "corner-radius-small-default": { - "prop": "--spectrum-corner-radius-small-default", - "ref": "var(--spectrum-corner-radius-100)", - "value": "4px" - }, - "corner-radius-small-size-extra-large": { - "prop": "--spectrum-corner-radius-small-size-extra-large", - "ref": "var(--spectrum-corner-radius-300)", - "value": "6px" - }, - "corner-radius-small-size-large": { - "prop": "--spectrum-corner-radius-small-size-large", - "ref": "var(--spectrum-corner-radius-200)", - "value": "5px" - }, - "corner-radius-small-size-medium": { - "prop": "--spectrum-corner-radius-small-size-medium", - "ref": "var(--spectrum-corner-radius-100)", - "value": "4px" - }, - "corner-radius-small-size-small": { - "prop": "--spectrum-corner-radius-small-size-small", - "ref": "var(--spectrum-corner-radius-75)", - "value": "3px" - }, - "corner-triangle-icon-size-100": { - "prop": "--spectrum-corner-triangle-icon-size-100", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "corner-triangle-icon-size-200": { - "prop": "--spectrum-corner-triangle-icon-size-200", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "corner-triangle-icon-size-300": { - "prop": "--spectrum-corner-triangle-icon-size-300", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "8px" - } - }, - "corner-triangle-icon-size-75": { - "prop": "--spectrum-corner-triangle-icon-size-75", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "cross-icon-size-100": { - "prop": "--spectrum-cross-icon-size-100", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "cross-icon-size-200": { - "prop": "--spectrum-cross-icon-size-200", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "cross-icon-size-300": { - "prop": "--spectrum-cross-icon-size-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "cross-icon-size-400": { - "prop": "--spectrum-cross-icon-size-400", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "cross-icon-size-500": { - "prop": "--spectrum-cross-icon-size-500", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "cross-icon-size-600": { - "prop": "--spectrum-cross-icon-size-600", - "desktop": { - "value": "16px" + "magenta-700": { + "light": { + "value": "rgb(255, 72, 133)" }, - "mobile": { - "value": "18px" + "prop": "--spectrum-magenta-700", + "dark": { + "value": "rgb(207, 31, 92)" } }, - "cross-icon-size-75": { - "prop": "--spectrum-cross-icon-size-75", - "desktop": { - "value": "8px" + "magenta-800": { + "light": { + "value": "rgb(240, 45, 110)" }, - "mobile": { - "value": "10px" + "prop": "--spectrum-magenta-800", + "dark": { + "value": "rgb(224, 38, 101)" } }, - "cyan-100": { - "prop": "--spectrum-cyan-100", + "magenta-900": { "light": { - "value": "rgb(238, 250, 254)" + "value": "rgb(217, 35, 97)" }, + "prop": "--spectrum-magenta-900", "dark": { - "value": "rgb(0, 29, 39)" + "value": "rgb(255, 51, 119)" } }, - "cyan-1000": { - "prop": "--spectrum-cyan-1000", + "magenta-1000": { "light": { - "value": "rgb(4, 102, 145)" + "value": "rgb(186, 22, 80)" }, + "prop": "--spectrum-magenta-1000", "dark": { - "value": "rgb(38, 159, 244)" + "value": "rgb(255, 96, 149)" } }, - "cyan-1100": { - "prop": "--spectrum-cyan-1100", + "magenta-1100": { "light": { - "value": "rgb(0, 87, 121)" + "value": "rgb(163, 5, 62)" }, + "prop": "--spectrum-magenta-1100", "dark": { - "value": "rgb(63, 177, 255)" + "value": "rgb(255, 128, 171)" } }, - "cyan-1200": { - "prop": "--spectrum-cyan-1200", + "magenta-1200": { "light": { - "value": "rgb(0, 71, 98)" + "value": "rgb(136, 0, 51)" }, + "prop": "--spectrum-magenta-1200", "dark": { - "value": "rgb(107, 199, 255)" + "value": "rgb(255, 163, 194)" } }, - "cyan-1300": { - "prop": "--spectrum-cyan-1300", + "magenta-1300": { "light": { - "value": "rgb(0, 57, 78)" + "value": "rgb(111, 0, 40)" }, + "prop": "--spectrum-magenta-1300", "dark": { - "value": "rgb(152, 219, 255)" + "value": "rgb(255, 193, 214)" } }, - "cyan-1400": { - "prop": "--spectrum-cyan-1400", + "magenta-1400": { "light": { - "value": "rgb(0, 43, 59)" + "value": "rgb(86, 0, 30)" }, + "prop": "--spectrum-magenta-1400", "dark": { - "value": "rgb(195, 236, 252)" + "value": "rgb(255, 220, 232)" } }, - "cyan-1500": { - "prop": "--spectrum-cyan-1500", + "magenta-1500": { "dark": { - "value": "rgb(230, 248, 253)" + "value": "rgb(255, 241, 246)" }, + "prop": "--spectrum-magenta-1500", "light": { - "value": "rgb(0, 31, 43)" + "value": "rgb(64, 0, 22)" } }, - "cyan-1600": { - "prop": "--spectrum-cyan-1600", + "magenta-1600": { "dark": { "value": "rgb(255, 255, 255)" }, + "prop": "--spectrum-magenta-1600", "light": { - "value": "rgb(0, 14, 20)" + "value": "rgb(35, 0, 12)" } }, - "cyan-200": { - "prop": "--spectrum-cyan-200", - "light": { - "value": "rgb(217, 244, 253)" - }, + "pink-100": { "dark": { - "value": "rgb(0, 36, 49)" - } - }, - "cyan-300": { - "prop": "--spectrum-cyan-300", - "light": { - "value": "rgb(183, 231, 252)" + "value": "rgb(58, 0, 37)" }, - "dark": { - "value": "rgb(0, 48, 65)" + "prop": "--spectrum-pink-100", + "light": { + "value": "rgb(255, 246, 252)" } }, - "cyan-400": { - "prop": "--spectrum-cyan-400", - "light": { - "value": "rgb(138, 213, 255)" - }, + "pink-200": { "dark": { - "value": "rgb(0, 64, 88)" + "value": "rgb(71, 0, 44)" + }, + "prop": "--spectrum-pink-200", + "light": { + "value": "rgb(255, 232, 247)" } }, - "cyan-500": { - "prop": "--spectrum-cyan-500", - "light": { - "value": "rgb(92, 192, 255)" - }, + "pink-300": { "dark": { - "value": "rgb(0, 82, 113)" + "value": "rgb(90, 0, 57)" + }, + "prop": "--spectrum-pink-300", + "light": { + "value": "rgb(255, 211, 240)" } }, - "cyan-600": { - "prop": "--spectrum-cyan-600", - "light": { - "value": "rgb(48, 167, 254)" - }, + "pink-400": { "dark": { - "value": "rgb(3, 99, 140)" + "value": "rgb(115, 7, 75)" + }, + "prop": "--spectrum-pink-400", + "light": { + "value": "rgb(255, 181, 230)" } }, - "cyan-700": { - "prop": "--spectrum-cyan-700", - "light": { - "value": "rgb(29, 149, 231)" - }, + "pink-500": { "dark": { - "value": "rgb(8, 115, 168)" + "value": "rgb(143, 18, 97)" + }, + "prop": "--spectrum-pink-500", + "light": { + "value": "rgb(255, 148, 219)" } }, - "cyan-800": { - "prop": "--spectrum-cyan-800", + "pink-600": { + "dark": { + "value": "rgb(171, 29, 119)" + }, + "prop": "--spectrum-pink-600", "light": { - "value": "rgb(18, 134, 205)" + "value": "rgb(255, 103, 204)" + } + }, + "pink-700": { + "dark": { + "value": "rgb(196, 39, 138)" }, + "prop": "--spectrum-pink-700", + "light": { + "value": "rgb(242, 76, 184)" + } + }, + "pink-800": { "dark": { - "value": "rgb(13, 125, 186)" + "value": "rgb(213, 45, 151)" + }, + "prop": "--spectrum-pink-800", + "light": { + "value": "rgb(228, 52, 163)" } }, - "cyan-900": { - "prop": "--spectrum-cyan-900", + "pink-900": { + "dark": { + "value": "rgb(236, 67, 175)" + }, + "prop": "--spectrum-pink-900", "light": { - "value": "rgb(11, 120, 179)" + "value": "rgb(206, 42, 146)" + } + }, + "pink-1000": { + "dark": { + "value": "rgb(251, 90, 196)" }, + "prop": "--spectrum-pink-1000", + "light": { + "value": "rgb(176, 31, 123)" + } + }, + "pink-1100": { "dark": { - "value": "rgb(24, 142, 220)" + "value": "rgb(255, 122, 210)" + }, + "prop": "--spectrum-pink-1100", + "light": { + "value": "rgb(152, 22, 104)" } }, - "cyan-background-color-default": { - "prop": "--spectrum-cyan-background-color-default", - "ref": "var(--spectrum-cyan-800)", + "pink-1200": { + "dark": { + "value": "rgb(255, 159, 223)" + }, + "prop": "--spectrum-pink-1200", "light": { - "value": "rgb(18, 134, 205)" + "value": "rgb(128, 12, 85)" + } + }, + "pink-1300": { + "dark": { + "value": "rgb(255, 191, 234)" }, + "prop": "--spectrum-pink-1300", + "light": { + "value": "rgb(105, 3, 68)" + } + }, + "pink-1400": { "dark": { - "value": "rgb(13, 125, 186)" + "value": "rgb(255, 219, 243)" + }, + "prop": "--spectrum-pink-1400", + "light": { + "value": "rgb(83, 0, 53)" } }, - "cyan-subtle-background-color-default": { - "prop": "--spectrum-cyan-subtle-background-color-default", - "ref": "var(--spectrum-cyan-300)", + "pink-1500": { + "dark": { + "value": "rgb(255, 241, 250)" + }, + "prop": "--spectrum-pink-1500", "light": { - "value": "rgb(183, 231, 252)" + "value": "rgb(62, 0, 39)" + } + }, + "pink-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, + "prop": "--spectrum-pink-1600", + "light": { + "value": "rgb(33, 0, 21)" + } + }, + "turquoise-100": { "dark": { - "value": "rgb(0, 48, 65)" + "value": "rgb(0, 30, 33)" + }, + "prop": "--spectrum-turquoise-100", + "light": { + "value": "rgb(238, 251, 251)" } }, - "cyan-visual-color": { - "prop": "--spectrum-cyan-visual-color", - "ref": "var(--spectrum-cyan-900)", + "turquoise-200": { + "dark": { + "value": "rgb(0, 37, 41)" + }, + "prop": "--spectrum-turquoise-200", "light": { - "value": "rgb(11, 120, 179)" + "value": "rgb(209, 245, 245)" + } + }, + "turquoise-300": { + "dark": { + "value": "rgb(0, 49, 54)" }, + "prop": "--spectrum-turquoise-300", + "light": { + "value": "rgb(169, 236, 237)" + } + }, + "turquoise-400": { "dark": { - "value": "rgb(24, 142, 220)" + "value": "rgb(0, 66, 72)" + }, + "prop": "--spectrum-turquoise-400", + "light": { + "value": "rgb(111, 221, 228)" } }, - "dash-icon-size-100": { - "prop": "--spectrum-dash-icon-size-100", - "desktop": { - "value": "10px" + "turquoise-500": { + "dark": { + "value": "rgb(3, 84, 92)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-turquoise-500", + "light": { + "value": "rgb(39, 202, 216)" } }, - "dash-icon-size-200": { - "prop": "--spectrum-dash-icon-size-200", - "desktop": { - "value": "12px" + "turquoise-600": { + "dark": { + "value": "rgb(5, 103, 112)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-turquoise-600", + "light": { + "value": "rgb(15, 177, 192)" } }, - "dash-icon-size-300": { - "prop": "--spectrum-dash-icon-size-300", - "desktop": { - "value": "12px" + "turquoise-700": { + "dark": { + "value": "rgb(7, 120, 131)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-turquoise-700", + "light": { + "value": "rgb(12, 158, 171)" } }, - "dash-icon-size-400": { - "prop": "--spectrum-dash-icon-size-400", - "desktop": { - "value": "14px" + "turquoise-800": { + "dark": { + "value": "rgb(9, 131, 142)" }, - "mobile": { - "value": "18px" + "prop": "--spectrum-turquoise-800", + "light": { + "value": "rgb(10, 141, 153)" } }, - "dash-icon-size-50": { - "prop": "--spectrum-dash-icon-size-50", - "desktop": { - "value": "8px" + "turquoise-900": { + "dark": { + "value": "rgb(11, 151, 164)" }, - "mobile": { - "value": "10px" + "prop": "--spectrum-turquoise-900", + "light": { + "value": "rgb(8, 126, 137)" } }, - "dash-icon-size-500": { - "prop": "--spectrum-dash-icon-size-500", - "desktop": { - "value": "16px" + "turquoise-1000": { + "dark": { + "value": "rgb(13, 168, 182)" }, - "mobile": { - "value": "20px" + "prop": "--spectrum-turquoise-1000", + "light": { + "value": "rgb(5, 107, 116)" } }, - "dash-icon-size-600": { - "prop": "--spectrum-dash-icon-size-600", - "desktop": { - "value": "18px" + "turquoise-1100": { + "dark": { + "value": "rgb(16, 186, 202)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-turquoise-1100", + "light": { + "value": "rgb(3, 90, 98)" } }, - "dash-icon-size-75": { - "prop": "--spectrum-dash-icon-size-75", - "desktop": { - "value": "8px" + "turquoise-1200": { + "dark": { + "value": "rgb(64, 208, 220)" }, - "mobile": { - "value": "10px" + "prop": "--spectrum-turquoise-1200", + "light": { + "value": "rgb(1, 74, 81)" } }, - "date-field-minimum-width": { - "prop": "--spectrum-date-field-minimum-width", - "value": "152px" - }, - "date-field-text-to-visual": { - "prop": "--spectrum-date-field-text-to-visual", - "value": "20px" - }, - "date-picker-minimum-width": { - "prop": "--spectrum-date-picker-minimum-width", - "value": "152px" - }, - "date-picker-text-to-visual": { - "prop": "--spectrum-date-picker-text-to-visual", - "value": "0px" - }, - "date-picker-visual-to-field-button": { - "prop": "--spectrum-date-picker-visual-to-field-button", - "value": "0px" - }, - "default-font-family": { - "prop": "--spectrum-default-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "default-font-style": { - "prop": "--spectrum-default-font-style", - "value": "normal" - }, - "detail-cjk-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "turquoise-1300": { + "dark": { + "value": "rgb(128, 225, 231)" + }, + "prop": "--spectrum-turquoise-1300", + "light": { + "value": "rgb(0, 59, 65)" + } }, - "detail-cjk-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "turquoise-1400": { + "dark": { + "value": "rgb(183, 240, 240)" + }, + "prop": "--spectrum-turquoise-1400", + "light": { + "value": "rgb(0, 44, 49)" + } }, - "detail-cjk-font-family": { - "prop": "--spectrum-detail-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" + "turquoise-1500": { + "dark": { + "value": "rgb(228, 249, 249)" + }, + "prop": "--spectrum-turquoise-1500", + "light": { + "value": "rgb(0, 32, 35)" + } }, - "detail-cjk-font-style": { - "prop": "--spectrum-detail-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "turquoise-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "prop": "--spectrum-turquoise-1600", + "light": { + "value": "rgb(0, 15, 17)" + } }, - "detail-cjk-font-weight": { - "prop": "--spectrum-detail-cjk-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "brown-100": { + "dark": { + "value": "rgb(35, 24, 8)" + }, + "prop": "--spectrum-brown-100", + "light": { + "value": "rgb(252, 247, 242)" + } }, - "detail-cjk-light-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-light-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "brown-200": { + "dark": { + "value": "rgb(44, 31, 11)" + }, + "prop": "--spectrum-brown-200", + "light": { + "value": "rgb(247, 238, 225)" + } }, - "detail-cjk-light-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" + "brown-300": { + "dark": { + "value": "rgb(58, 40, 14)" + }, + "prop": "--spectrum-brown-300", + "light": { + "value": "rgb(239, 221, 195)" + } }, - "detail-cjk-light-font-style": { - "prop": "--spectrum-detail-cjk-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "brown-400": { + "dark": { + "value": "rgb(78, 55, 19)" + }, + "prop": "--spectrum-brown-400", + "light": { + "value": "rgb(229, 200, 157)" + } }, - "detail-cjk-light-font-weight": { - "prop": "--spectrum-detail-cjk-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "light" + "brown-500": { + "dark": { + "value": "rgb(98, 71, 30)" + }, + "prop": "--spectrum-brown-500", + "light": { + "value": "rgb(214, 177, 123)" + } }, - "detail-cjk-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "brown-600": { + "dark": { + "value": "rgb(115, 88, 47)" + }, + "prop": "--spectrum-brown-600", + "light": { + "value": "rgb(190, 155, 104)" + } }, - "detail-cjk-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "brown-700": { + "dark": { + "value": "rgb(132, 104, 61)" + }, + "prop": "--spectrum-brown-700", + "light": { + "value": "rgb(171, 138, 90)" + } }, - "detail-cjk-light-strong-font-style": { - "prop": "--spectrum-detail-cjk-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "brown-800": { + "dark": { + "value": "rgb(143, 114, 69)" + }, + "prop": "--spectrum-brown-800", + "light": { + "value": "rgb(154, 123, 77)" + } }, - "detail-cjk-light-strong-font-weight": { - "prop": "--spectrum-detail-cjk-light-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "brown-900": { + "dark": { + "value": "rgb(163, 132, 84)" + }, + "prop": "--spectrum-brown-900", + "light": { + "value": "rgb(139, 109, 66)" + } }, - "detail-cjk-line-height": { - "prop": "--spectrum-detail-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": "1.5" + "brown-1000": { + "dark": { + "value": "rgb(181, 147, 98)" + }, + "prop": "--spectrum-brown-1000", + "light": { + "value": "rgb(119, 91, 50)" + } }, - "detail-cjk-size-l": { - "prop": "--spectrum-detail-cjk-size-l", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "brown-1100": { + "dark": { + "value": "rgb(199, 163, 112)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-brown-1100", + "light": { + "value": "rgb(103, 76, 35)" } }, - "detail-cjk-size-m": { - "prop": "--spectrum-detail-cjk-size-m", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "brown-1200": { + "dark": { + "value": "rgb(222, 185, 130)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-brown-1200", + "light": { + "value": "rgb(88, 61, 21)" } }, - "detail-cjk-size-s": { - "prop": "--spectrum-detail-cjk-size-s", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" + "brown-1300": { + "dark": { + "value": "rgb(232, 207, 169)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-brown-1300", + "light": { + "value": "rgb(70, 49, 17)" } }, - "detail-cjk-size-xl": { - "prop": "--spectrum-detail-cjk-size-xl", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" + "brown-1400": { + "dark": { + "value": "rgb(242, 227, 206)" }, - "mobile": { - "value": "19px" + "prop": "--spectrum-brown-1400", + "light": { + "value": "rgb(52, 37, 13)" } }, - "detail-cjk-size-xs": { - "prop": "--spectrum-detail-cjk-size-xs", - "ref": "var(--spectrum-font-size-25)", - "desktop": { - "value": "10px" + "brown-1500": { + "dark": { + "value": "rgb(250, 244, 236)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-brown-1500", + "light": { + "value": "rgb(38, 26, 9)" } }, - "detail-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "brown-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "prop": "--spectrum-brown-1600", + "light": { + "value": "rgb(16, 12, 4)" + } }, - "detail-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "silver-100": { + "dark": { + "value": "rgb(26, 26, 26)" + }, + "prop": "--spectrum-silver-100", + "light": { + "value": "rgb(247, 247, 247)" + } }, - "detail-cjk-strong-font-style": { - "prop": "--spectrum-detail-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "silver-200": { + "dark": { + "value": "rgb(33, 33, 33)" + }, + "prop": "--spectrum-silver-200", + "light": { + "value": "rgb(239, 239, 239)" + } }, - "detail-cjk-strong-font-weight": { - "prop": "--spectrum-detail-cjk-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "silver-300": { + "dark": { + "value": "rgb(44, 44, 44)" + }, + "prop": "--spectrum-silver-300", + "light": { + "value": "rgb(223, 223, 223)" + } }, - "detail-color": { - "prop": "--spectrum-detail-color", - "ref": "var(--spectrum-gray-600)", + "silver-400": { + "dark": { + "value": "rgb(59, 59, 59)" + }, + "prop": "--spectrum-silver-400", "light": { - "value": "rgb(113, 113, 113)" + "value": "rgb(204, 204, 204)" + } + }, + "silver-500": { + "dark": { + "value": "rgb(76, 76, 76)" }, + "prop": "--spectrum-silver-500", + "light": { + "value": "rgb(183, 183, 183)" + } + }, + "silver-600": { "dark": { - "value": "rgb(138, 138, 138)" + "value": "rgb(92, 92, 92)" + }, + "prop": "--spectrum-silver-600", + "light": { + "value": "rgb(160, 160, 160)" } }, - "detail-letter-spacing": { - "prop": "--spectrum-detail-letter-spacing", - "value": "0.06em" - }, - "detail-line-height": { - "prop": "--spectrum-detail-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": "1.3" - }, - "detail-margin-bottom-multiplier": { - "prop": "--spectrum-detail-margin-bottom-multiplier", - "value": "0.25" - }, - "detail-margin-top-multiplier": { - "prop": "--spectrum-detail-margin-top-multiplier", - "value": "0.88888889" - }, - "detail-sans-serif-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-sans-serif-font-family": { - "prop": "--spectrum-detail-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" - }, - "detail-sans-serif-font-style": { - "prop": "--spectrum-detail-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-font-weight": { - "prop": "--spectrum-detail-sans-serif-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "detail-sans-serif-light-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-light-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-sans-serif-light-font-style": { - "prop": "--spectrum-detail-sans-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-light-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-sans-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-sans-serif-light-strong-font-style": { - "prop": "--spectrum-detail-sans-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-light-strong-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-strong-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "detail-sans-serif-strong-font-style": { - "prop": "--spectrum-detail-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-strong-font-weight": { - "prop": "--spectrum-detail-sans-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "detail-sans-serif-text-transform": { - "prop": "--spectrum-detail-sans-serif-text-transform", - "value": "uppercase" - }, - "detail-serif-emphasized-font-style": { - "prop": "--spectrum-detail-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-emphasized-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "detail-serif-font-family": { - "prop": "--spectrum-detail-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "detail-serif-font-style": { - "prop": "--spectrum-detail-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-font-weight": { - "prop": "--spectrum-detail-serif-font-weight", - "ref": "var(--spectrum-medium-font-weight)", - "value": "medium" - }, - "detail-serif-light-emphasized-font-style": { - "prop": "--spectrum-detail-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-light-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-serif-light-font-style": { - "prop": "--spectrum-detail-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-light-font-weight": { - "prop": "--spectrum-detail-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-serif-light-strong-font-style": { - "prop": "--spectrum-detail-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-light-strong-font-weight": { - "prop": "--spectrum-detail-serif-light-strong-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "detail-serif-strong-emphasized-font-style": { - "prop": "--spectrum-detail-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "detail-serif-strong-font-style": { - "prop": "--spectrum-detail-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-strong-font-weight": { - "prop": "--spectrum-detail-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "detail-serif-text-transform": { - "prop": "--spectrum-detail-serif-text-transform", - "value": "uppercase" - }, - "detail-size-l": { - "prop": "--spectrum-detail-size-l", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" + "silver-700": { + "dark": { + "value": "rgb(108, 108, 108)" }, - "mobile": { - "value": "19px" + "prop": "--spectrum-silver-700", + "light": { + "value": "rgb(143, 143, 143)" } }, - "detail-size-m": { - "prop": "--spectrum-detail-size-m", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" + "silver-800": { + "dark": { + "value": "rgb(118, 118, 118)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-silver-800", + "light": { + "value": "rgb(128, 128, 128)" } }, - "detail-size-s": { - "prop": "--spectrum-detail-size-s", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" + "silver-900": { + "dark": { + "value": "rgb(137, 137, 137)" }, - "mobile": { - "value": "15px" + "prop": "--spectrum-silver-900", + "light": { + "value": "rgb(114, 114, 114)" } }, - "detail-size-xl": { - "prop": "--spectrum-detail-size-xl", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" + "silver-1000": { + "dark": { + "value": "rgb(152, 152, 152)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-silver-1000", + "light": { + "value": "rgb(96, 96, 96)" } }, - "detail-size-xs": { - "prop": "--spectrum-detail-size-xs", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" + "silver-1100": { + "dark": { + "value": "rgb(169, 169, 169)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-silver-1100", + "light": { + "value": "rgb(81, 81, 81)" } }, - "disabled-background-color": { - "prop": "--spectrum-disabled-background-color", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, + "silver-1200": { "dark": { - "value": "rgb(44, 44, 44)" + "value": "rgb(190, 190, 190)" + }, + "prop": "--spectrum-silver-1200", + "light": { + "value": "rgb(66, 66, 66)" } }, - "disabled-border-color": { - "prop": "--spectrum-disabled-border-color", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" - }, + "silver-1300": { "dark": { - "value": "rgb(57, 57, 57)" + "value": "rgb(211, 211, 211)" + }, + "prop": "--spectrum-silver-1300", + "light": { + "value": "rgb(52, 52, 52)" } }, - "disabled-content-color": { - "prop": "--spectrum-disabled-content-color", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" - }, + "silver-1400": { "dark": { - "value": "rgb(68, 68, 68)" + "value": "rgb(229, 229, 229)" + }, + "prop": "--spectrum-silver-1400", + "light": { + "value": "rgb(39, 39, 39)" } }, - "disabled-static-black-background-color": { - "prop": "--spectrum-disabled-static-black-background-color", - "ref": "var(--spectrum-transparent-black-100)", - "value": "rgba(0, 0, 0, 0.09)" - }, - "disabled-static-black-border-color": { - "prop": "--spectrum-disabled-static-black-border-color", - "ref": "var(--spectrum-transparent-black-300)", - "value": "rgba(0, 0, 0, 0.15)" - }, - "disabled-static-black-content-color": { - "prop": "--spectrum-disabled-static-black-content-color", - "ref": "var(--spectrum-transparent-black-400)", - "value": "rgba(0, 0, 0, 0.22)" + "silver-1500": { + "dark": { + "value": "rgb(244, 244, 244)" + }, + "prop": "--spectrum-silver-1500", + "light": { + "value": "rgb(28, 28, 28)" + } }, - "disabled-static-white-background-color": { - "prop": "--spectrum-disabled-static-white-background-color", - "ref": "var(--spectrum-transparent-white-100)", - "value": "rgba(255, 255, 255, 0.11)" + "silver-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "prop": "--spectrum-silver-1600", + "light": { + "value": "rgb(12, 12, 12)" + } }, - "disabled-static-white-border-color": { - "prop": "--spectrum-disabled-static-white-border-color", - "ref": "var(--spectrum-transparent-white-300)", - "value": "rgba(255, 255, 255, 0.17)" + "cinnamon-100": { + "dark": { + "value": "rgb(48, 17, 4)" + }, + "prop": "--spectrum-cinnamon-100", + "light": { + "value": "rgb(253, 247, 243)" + } }, - "disabled-static-white-content-color": { - "prop": "--spectrum-disabled-static-white-content-color", - "ref": "var(--spectrum-transparent-white-400)", - "value": "rgba(255, 255, 255, 0.21)" + "cinnamon-200": { + "dark": { + "value": "rgb(59, 21, 5)" + }, + "prop": "--spectrum-cinnamon-200", + "light": { + "value": "rgb(249, 236, 229)" + } }, - "disclosure-indicator-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large", - "desktop": { - "value": "17px" + "cinnamon-300": { + "dark": { + "value": "rgb(79, 28, 7)" }, - "mobile": { - "value": "22px" + "prop": "--spectrum-cinnamon-300", + "light": { + "value": "rgb(244, 218, 203)" } }, - "disclosure-indicator-top-to-disclosure-icon-large": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-large", - "desktop": { - "value": "14px" + "cinnamon-400": { + "dark": { + "value": "rgb(100, 41, 15)" }, - "mobile": { - "value": "17px" + "prop": "--spectrum-cinnamon-400", + "light": { + "value": "rgb(237, 196, 172)" } }, - "disclosure-indicator-top-to-disclosure-icon-medium": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-medium", - "desktop": { - "value": "11px" + "cinnamon-500": { + "dark": { + "value": "rgb(122, 57, 28)" }, - "mobile": { - "value": "13px" + "prop": "--spectrum-cinnamon-500", + "light": { + "value": "rgb(229, 170, 136)" } }, - "disclosure-indicator-top-to-disclosure-icon-small": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-small", - "desktop": { - "value": "7px" + "cinnamon-600": { + "dark": { + "value": "rgb(143, 74, 40)" }, - "mobile": { - "value": "9px" + "prop": "--spectrum-cinnamon-600", + "light": { + "value": "rgb(212, 145, 108)" } }, - "divider-horizontal-minimum-width": { - "prop": "--spectrum-divider-horizontal-minimum-width", - "value": "200px" - }, - "divider-thickness-large": { - "prop": "--spectrum-divider-thickness-large", - "value": "4px" + "cinnamon-700": { + "dark": { + "value": "rgb(163, 88, 52)" + }, + "prop": "--spectrum-cinnamon-700", + "light": { + "value": "rgb(198, 126, 88)" + } }, - "divider-thickness-medium": { - "prop": "--spectrum-divider-thickness-medium", - "value": "2px" + "cinnamon-800": { + "dark": { + "value": "rgb(176, 98, 59)" + }, + "prop": "--spectrum-cinnamon-800", + "light": { + "value": "rgb(184, 109, 70)" + } }, - "divider-thickness-small": { - "prop": "--spectrum-divider-thickness-small", - "value": "1px" + "cinnamon-900": { + "dark": { + "value": "rgb(192, 119, 80)" + }, + "prop": "--spectrum-cinnamon-900", + "light": { + "value": "rgb(170, 94, 56)" + } }, - "divider-vertical-minimum-height": { - "prop": "--spectrum-divider-vertical-minimum-height", - "value": "200px" + "cinnamon-1000": { + "dark": { + "value": "rgb(206, 136, 99)" + }, + "prop": "--spectrum-cinnamon-1000", + "light": { + "value": "rgb(147, 77, 43)" + } }, - "double-calendar-popover-minimum-height": { - "prop": "--spectrum-double-calendar-popover-minimum-height", - "value": "320px" + "cinnamon-1100": { + "dark": { + "value": "rgb(220, 154, 118)" + }, + "prop": "--spectrum-cinnamon-1100", + "light": { + "value": "rgb(128, 62, 32)" + } }, - "double-calendar-popover-minimum-width": { - "prop": "--spectrum-double-calendar-popover-minimum-width", - "value": "616px" + "cinnamon-1200": { + "dark": { + "value": "rgb(232, 179, 149)" + }, + "prop": "--spectrum-cinnamon-1200", + "light": { + "value": "rgb(110, 48, 21)" + } }, - "drag-handle-icon-size-100": { - "prop": "--spectrum-drag-handle-icon-size-100", - "desktop": { - "value": "10px" + "cinnamon-1300": { + "dark": { + "value": "rgb(239, 203, 183)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-cinnamon-1300", + "light": { + "value": "rgb(92, 35, 11)" } }, - "drag-handle-icon-size-200": { - "prop": "--spectrum-drag-handle-icon-size-200", - "desktop": { - "value": "12px" + "cinnamon-1400": { + "dark": { + "value": "rgb(246, 225, 214)" }, - "mobile": { - "value": "14px" + "prop": "--spectrum-cinnamon-1400", + "light": { + "value": "rgb(72, 25, 6)" } }, - "drag-handle-icon-size-300": { - "prop": "--spectrum-drag-handle-icon-size-300", - "desktop": { - "value": "14px" + "cinnamon-1500": { + "dark": { + "value": "rgb(252, 244, 239)" }, - "mobile": { - "value": "16px" + "prop": "--spectrum-cinnamon-1500", + "light": { + "value": "rgb(52, 18, 4)" } }, - "drag-handle-icon-size-75": { - "prop": "--spectrum-drag-handle-icon-size-75", - "desktop": { - "value": "10px" + "cinnamon-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "12px" + "prop": "--spectrum-cinnamon-1600", + "light": { + "value": "rgb(24, 8, 2)" } }, - "drop-shadow-blur": { - "prop": "--spectrum-drop-shadow-blur", - "ref": "var(--spectrum-drop-shadow-blur-100)", - "value": "6px" + "static-blue-900": { + "value": "rgb(59, 99, 251)", + "prop": "--spectrum-static-blue-900" }, - "drop-shadow-blur-100": { - "prop": "--spectrum-drop-shadow-blur-100", - "value": "6px" + "static-blue-1000": { + "value": "rgb(39, 77, 234)", + "prop": "--spectrum-static-blue-1000" }, - "drop-shadow-blur-200": { - "prop": "--spectrum-drop-shadow-blur-200", - "value": "8px" + "static-fuchsia-900": { + "value": "rgb(181, 57, 200)", + "prop": "--spectrum-static-fuchsia-900" }, - "drop-shadow-blur-300": { - "prop": "--spectrum-drop-shadow-blur-300", - "value": "16px" + "static-fuchsia-1000": { + "value": "rgb(156, 40, 175)", + "prop": "--spectrum-static-fuchsia-1000" }, - "drop-shadow-color": { - "prop": "--spectrum-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-color-100)", + "static-indigo-900": { + "value": "rgb(113, 85, 250)", + "prop": "--spectrum-static-indigo-900" + }, + "static-indigo-1000": { + "value": "rgb(99, 56, 238)", + "prop": "--spectrum-static-indigo-1000" + }, + "static-magenta-900": { + "value": "rgb(217, 35, 97)", + "prop": "--spectrum-static-magenta-900" + }, + "static-magenta-1000": { + "value": "rgb(186, 22, 80)", + "prop": "--spectrum-static-magenta-1000" + }, + "static-red-900": { + "value": "rgb(215, 50, 32)", + "prop": "--spectrum-static-red-900" + }, + "static-red-1000": { + "value": "rgb(183, 40, 24)", + "prop": "--spectrum-static-red-1000" + }, + "icon-color-inverse": { "light": { - "value": "rgba(0, 0, 0, 0.12)" + "value": "rgb(248, 248, 248)" }, "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } + "value": "rgb(27, 27, 27)" + }, + "wireframe": { + "value": "rgb(246, 248, 253)" + }, + "prop": "--spectrum-icon-color-inverse" }, - "drop-shadow-color-100": { - "prop": "--spectrum-drop-shadow-color-100", + "icon-color-primary-default": { "light": { - "value": "rgba(0, 0, 0, 0.12)" + "value": "rgb(41, 41, 41)" }, "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-icon-color-primary-default" }, - "drop-shadow-color-200": { - "prop": "--spectrum-drop-shadow-color-200", + "icon-color-blue-primary-default": { "light": { - "value": "rgba(0, 0, 0, 0.16)" + "dark": { + "value": "rgb(75, 117, 255)" + } }, "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } + "dark": { + "value": "rgb(64, 105, 253)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-blue-primary-default" }, - "drop-shadow-color-300": { - "prop": "--spectrum-drop-shadow-color-300", + "icon-color-green-primary-default": { "light": { - "value": "rgba(0, 0, 0, 0.2)" + "value": "rgb(7, 147, 85)" }, "dark": { - "value": "rgba(0, 0, 0, 0.6)" - } - }, - "drop-shadow-dragged-blur": { - "prop": "--spectrum-drop-shadow-dragged-blur", - "ref": "var(--spectrum-drop-shadow-blur-300)", - "value": "16px" + "value": "rgb(6, 136, 80)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-icon-color-green-primary-default" }, - "drop-shadow-dragged-color": { - "prop": "--spectrum-drop-shadow-dragged-color", - "ref": "var(--spectrum-drop-shadow-color-300)", + "icon-color-red-primary-default": { "light": { - "value": "rgba(0, 0, 0, 0.2)" + "dark": { + "value": "rgb(255, 81, 61)" + } }, "dark": { - "value": "rgba(0, 0, 0, 0.6)" - } - }, - "drop-shadow-dragged-x": { - "prop": "--spectrum-drop-shadow-dragged-x", - "ref": "var(--spectrum-drop-shadow-x-300)", - "value": "0px" - }, - "drop-shadow-dragged-y": { - "prop": "--spectrum-drop-shadow-dragged-y", - "ref": "var(--spectrum-drop-shadow-y-300)", - "value": "6px" - }, - "drop-shadow-elevated-blur": { - "prop": "--spectrum-drop-shadow-elevated-blur", - "ref": "var(--spectrum-drop-shadow-blur-200)", - "value": "8px" + "dark": { + "value": "rgb(205, 46, 29)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-icon-color-red-primary-default" }, - "drop-shadow-elevated-color": { - "prop": "--spectrum-drop-shadow-elevated-color", - "ref": "var(--spectrum-drop-shadow-color-200)", + "icon-color-yellow-primary-default": { "light": { - "value": "rgba(0, 0, 0, 0.16)" + "dark": { + "value": "rgb(93, 59, 0)" + } }, "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } + "dark": { + "value": "rgb(235, 183, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(42, 65, 114)" + } + }, + "prop": "--spectrum-icon-color-yellow-primary-default" }, - "drop-shadow-elevated-x": { - "prop": "--spectrum-drop-shadow-elevated-x", - "ref": "var(--spectrum-drop-shadow-x-200)", - "value": "0px" + "icon-color-primary-hover": { + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-icon-color-primary-hover" }, - "drop-shadow-elevated-y": { - "prop": "--spectrum-drop-shadow-elevated-y", - "ref": "var(--spectrum-drop-shadow-y-200)", - "value": "2px" + "icon-color-primary-down": { + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-icon-color-primary-down" }, - "drop-shadow-emphasized-default-blur": { - "prop": "--spectrum-drop-shadow-emphasized-default-blur", - "ref": "var(--spectrum-drop-shadow-blur-100)", - "value": "6px" + "icon-color-blue-primary-hover": { + "light": { + "dark": { + "value": "rgb(59, 99, 251)" + } + }, + "dark": { + "dark": { + "value": "rgb(86, 129, 255)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-blue-primary-hover" }, - "drop-shadow-emphasized-default-color": { - "prop": "--spectrum-drop-shadow-emphasized-default-color", - "ref": "var(--spectrum-drop-shadow-color-100)", + "icon-color-blue-primary-down": { "light": { - "value": "rgba(0, 0, 0, 0.12)" + "dark": { + "value": "rgb(39, 77, 234)" + } }, "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } + "dark": { + "value": "rgb(105, 149, 254)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(61, 94, 165)" + } + }, + "prop": "--spectrum-icon-color-blue-primary-down" }, - "drop-shadow-emphasized-default-x": { - "prop": "--spectrum-drop-shadow-emphasized-default-x", - "ref": "var(--spectrum-drop-shadow-x-100)", - "value": "0px" + "icon-color-brown-primary-default": { + "dark": { + "dark": { + "value": "rgb(132, 104, 61)" + } + }, + "light": { + "dark": { + "value": "rgb(171, 138, 90)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-icon-color-brown-primary-default" }, - "drop-shadow-emphasized-default-y": { - "prop": "--spectrum-drop-shadow-emphasized-default-y", - "ref": "var(--spectrum-drop-shadow-y-100)", - "value": "1px" + "icon-color-brown-primary-hover": { + "dark": { + "dark": { + "value": "rgb(143, 114, 69)" + } + }, + "light": { + "dark": { + "value": "rgb(154, 123, 77)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-brown-primary-hover" }, - "drop-shadow-emphasized-hover-blur": { - "prop": "--spectrum-drop-shadow-emphasized-hover-blur", - "ref": "var(--spectrum-drop-shadow-blur-200)", - "value": "8px" + "icon-color-brown-primary-down": { + "dark": { + "dark": { + "value": "rgb(163, 132, 84)" + } + }, + "light": { + "dark": { + "value": "rgb(139, 109, 66)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-brown-primary-down" }, - "drop-shadow-emphasized-hover-color": { - "prop": "--spectrum-drop-shadow-emphasized-hover-color", - "ref": "var(--spectrum-drop-shadow-color-200)", + "icon-color-celery-primary-default": { "light": { - "value": "rgba(0, 0, 0, 0.16)" + "dark": { + "value": "rgb(64, 129, 17)" + } }, "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } + "dark": { + "value": "rgb(78, 154, 23)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-celery-primary-default" }, - "drop-shadow-emphasized-hover-x": { - "prop": "--spectrum-drop-shadow-emphasized-hover-x", - "ref": "var(--spectrum-drop-shadow-x-200)", - "value": "0px" + "icon-color-celery-primary-hover": { + "light": { + "dark": { + "value": "rgb(52, 109, 12)" + } + }, + "dark": { + "dark": { + "value": "rgb(88, 172, 28)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(61, 94, 165)" + } + }, + "prop": "--spectrum-icon-color-celery-primary-hover" }, - "drop-shadow-emphasized-hover-y": { - "prop": "--spectrum-drop-shadow-emphasized-hover-y", - "ref": "var(--spectrum-drop-shadow-y-200)", - "value": "2px" + "icon-color-celery-primary-down": { + "light": { + "dark": { + "value": "rgb(44, 92, 9)" + } + }, + "dark": { + "dark": { + "value": "rgb(100, 190, 35)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(52, 79, 140)" + } + }, + "prop": "--spectrum-icon-color-celery-primary-down" }, - "drop-shadow-x": { - "prop": "--spectrum-drop-shadow-x", - "ref": "var(--spectrum-drop-shadow-x-100)", - "value": "0px" - }, - "drop-shadow-x-100": { - "prop": "--spectrum-drop-shadow-x-100", - "value": "0px" - }, - "drop-shadow-x-200": { - "prop": "--spectrum-drop-shadow-x-200", - "value": "0px" + "icon-color-chartreuse-primary-default": { + "light": { + "dark": { + "value": "rgb(86, 103, 0)" + } + }, + "dark": { + "dark": { + "value": "rgb(136, 164, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(61, 94, 165)" + } + }, + "prop": "--spectrum-icon-color-chartreuse-primary-default" }, - "drop-shadow-x-300": { - "prop": "--spectrum-drop-shadow-x-300", - "value": "0px" + "icon-color-chartreuse-primary-hover": { + "light": { + "dark": { + "value": "rgb(73, 87, 0)" + } + }, + "dark": { + "dark": { + "value": "rgb(151, 181, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(52, 79, 140)" + } + }, + "prop": "--spectrum-icon-color-chartreuse-primary-hover" }, - "drop-shadow-y": { - "prop": "--spectrum-drop-shadow-y", - "ref": "var(--spectrum-drop-shadow-y-100)", - "value": "1px" + "icon-color-chartreuse-primary-down": { + "light": { + "dark": { + "value": "rgb(60, 71, 0)" + } + }, + "dark": { + "dark": { + "value": "rgb(169, 203, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(42, 65, 114)" + } + }, + "prop": "--spectrum-icon-color-chartreuse-primary-down" }, - "drop-shadow-y-100": { - "prop": "--spectrum-drop-shadow-y-100", - "value": "1px" + "icon-color-cinnamon-primary-default": { + "dark": { + "value": "rgb(176, 98, 59)" + }, + "light": { + "value": "rgb(184, 109, 70)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-icon-color-cinnamon-primary-default" }, - "drop-shadow-y-200": { - "prop": "--spectrum-drop-shadow-y-200", - "value": "2px" + "icon-color-cinnamon-primary-hover": { + "dark": { + "value": "rgb(192, 119, 80)" + }, + "light": { + "value": "rgb(170, 94, 56)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-icon-color-cinnamon-primary-hover" }, - "drop-shadow-y-300": { - "prop": "--spectrum-drop-shadow-y-300", - "value": "6px" + "icon-color-cinnamon-primary-down": { + "dark": { + "value": "rgb(206, 136, 99)" + }, + "light": { + "value": "rgb(147, 77, 43)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-icon-color-cinnamon-primary-down" }, - "drop-zone-background-color": { - "prop": "--spectrum-drop-zone-background-color", - "ref": "var(--spectrum-accent-visual-color)", + "icon-color-cyan-primary-default": { "light": { - "value": "rgb(59, 99, 251)" + "value": "rgb(18, 134, 205)" }, "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "drop-zone-background-color-opacity": { - "prop": "--spectrum-drop-zone-background-color-opacity", - "value": "0.1" - }, - "drop-zone-background-color-opacity-filled": { - "prop": "--spectrum-drop-zone-background-color-opacity-filled", - "value": "0.3" + "value": "rgb(13, 125, 186)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-icon-color-cyan-primary-default" }, - "drop-zone-body-font-size": { - "prop": "--spectrum-drop-zone-body-font-size", - "ref": "var(--spectrum-illustrated-message-medium-body-font-size)" + "icon-color-cyan-primary-hover": { + "light": { + "value": "rgb(11, 120, 179)" + }, + "dark": { + "value": "rgb(24, 142, 220)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-icon-color-cyan-primary-hover" }, - "drop-zone-body-size": { - "prop": "--spectrum-drop-zone-body-size", - "ref": "var(--spectrum-drop-zone-body-font-size)" + "icon-color-cyan-primary-down": { + "light": { + "value": "rgb(4, 102, 145)" + }, + "dark": { + "value": "rgb(38, 159, 244)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-icon-color-cyan-primary-down" }, - "drop-zone-border-dash-gap": { - "prop": "--spectrum-drop-zone-border-dash-gap", - "value": "6px" + "icon-color-fuchsia-primary-default": { + "light": { + "dark": { + "value": "rgb(223, 77, 245)" + } + }, + "dark": { + "dark": { + "value": "rgb(173, 51, 192)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-icon-color-fuchsia-primary-default" }, - "drop-zone-border-dash-length": { - "prop": "--spectrum-drop-zone-border-dash-length", - "value": "8px" + "icon-color-fuchsia-primary-hover": { + "light": { + "dark": { + "value": "rgb(200, 68, 220)" + } + }, + "dark": { + "dark": { + "value": "rgb(186, 60, 206)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-fuchsia-primary-hover" }, - "drop-zone-cjk-title-font-size": { - "prop": "--spectrum-drop-zone-cjk-title-font-size", - "ref": "var(--spectrum-illustrated-message-medium-cjk-title-font-size)" + "icon-color-fuchsia-primary-down": { + "light": { + "dark": { + "value": "rgb(181, 57, 200)" + } + }, + "dark": { + "dark": { + "value": "rgb(213, 73, 235)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-fuchsia-primary-down" }, - "drop-zone-cjk-title-size": { - "prop": "--spectrum-drop-zone-cjk-title-size", - "ref": "var(--spectrum-drop-zone-cjk-title-font-size)" + "icon-color-green-primary-hover": { + "light": { + "value": "rgb(5, 131, 78)" + }, + "dark": { + "value": "rgb(9, 157, 89)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-icon-color-green-primary-hover" }, - "drop-zone-content-maximum-width": { - "prop": "--spectrum-drop-zone-content-maximum-width", - "ref": "var(--spectrum-illustrated-message-maximum-width)" + "icon-color-green-primary-down": { + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(14, 175, 98)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-icon-color-green-primary-down" }, - "drop-zone-title-font-size": { - "prop": "--spectrum-drop-zone-title-font-size", - "ref": "var(--spectrum-illustrated-message-medium-title-font-size)" + "icon-color-indigo-primary-default": { + "light": { + "dark": { + "value": "rgb(132, 128, 254)" + } + }, + "dark": { + "dark": { + "value": "rgb(109, 75, 248)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-icon-color-indigo-primary-default" }, - "drop-zone-title-size": { - "prop": "--spectrum-drop-zone-title-size", - "ref": "var(--spectrum-drop-zone-title-font-size)" + "icon-color-indigo-primary-hover": { + "light": { + "dark": { + "value": "rgb(122, 106, 253)" + } + }, + "dark": { + "dark": { + "value": "rgb(116, 91, 252)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-indigo-primary-hover" }, - "drop-zone-width": { - "prop": "--spectrum-drop-zone-width", - "value": "428px" + "icon-color-indigo-primary-down": { + "light": { + "dark": { + "value": "rgb(113, 85, 250)" + } + }, + "dark": { + "dark": { + "value": "rgb(128, 119, 254)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-indigo-primary-down" }, - "extra-bold-font-weight": { - "prop": "--spectrum-extra-bold-font-weight", - "value": "extra-bold" + "icon-color-magenta-primary-default": { + "light": { + "dark": { + "value": "rgb(255, 72, 133)" + } + }, + "dark": { + "dark": { + "value": "rgb(207, 31, 92)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-icon-color-magenta-primary-default" }, - "field-default-width-extra-large": { - "prop": "--spectrum-field-default-width-extra-large", - "desktop": { - "value": "240px" + "icon-color-magenta-primary-hover": { + "light": { + "dark": { + "value": "rgb(240, 45, 110)" + } }, - "mobile": { - "value": "288px" - } + "dark": { + "dark": { + "value": "rgb(224, 38, 101)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-magenta-primary-hover" }, - "field-default-width-large": { - "prop": "--spectrum-field-default-width-large", - "desktop": { - "value": "224px" + "icon-color-magenta-primary-down": { + "light": { + "dark": { + "value": "rgb(217, 35, 97)" + } }, - "mobile": { - "value": "272px" - } + "dark": { + "dark": { + "value": "rgb(255, 51, 119)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-magenta-primary-down" }, - "field-default-width-medium": { - "prop": "--spectrum-field-default-width-medium", - "desktop": { - "value": "208px" + "icon-color-orange-primary-default": { + "light": { + "dark": { + "value": "rgb(194, 78, 0)" + } }, - "mobile": { - "value": "256px" - } + "dark": { + "dark": { + "value": "rgb(224, 100, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-orange-primary-default" }, - "field-default-width-small": { - "prop": "--spectrum-field-default-width-small", - "desktop": { - "value": "192px" + "icon-color-orange-primary-hover": { + "light": { + "dark": { + "value": "rgb(167, 62, 0)" + } }, - "mobile": { - "value": "240px" - } + "dark": { + "dark": { + "value": "rgb(243, 117, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(61, 94, 165)" + } + }, + "prop": "--spectrum-icon-color-orange-primary-hover" }, - "field-edge-to-alert-icon-extra-large": { - "prop": "--spectrum-field-edge-to-alert-icon-extra-large", - "desktop": { - "value": "18px" + "icon-color-orange-primary-down": { + "light": { + "dark": { + "value": "rgb(144, 51, 0)" + } }, - "mobile": { - "value": "22px" - } + "dark": { + "dark": { + "value": "rgb(255, 137, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(52, 79, 140)" + } + }, + "prop": "--spectrum-icon-color-orange-primary-down" }, - "field-edge-to-alert-icon-large": { - "prop": "--spectrum-field-edge-to-alert-icon-large", - "desktop": { - "value": "15px" + "icon-color-pink-primary-default": { + "dark": { + "dark": { + "value": "rgb(196, 39, 138)" + } }, - "mobile": { - "value": "19px" - } + "light": { + "dark": { + "value": "rgb(242, 76, 184)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-icon-color-pink-primary-default" }, - "field-edge-to-alert-icon-medium": { - "prop": "--spectrum-field-edge-to-alert-icon-medium", - "desktop": { - "value": "12px" + "icon-color-pink-primary-hover": { + "dark": { + "dark": { + "value": "rgb(213, 45, 151)" + } }, - "mobile": { - "value": "15px" - } + "light": { + "dark": { + "value": "rgb(228, 52, 163)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-pink-primary-hover" }, - "field-edge-to-alert-icon-quiet": { - "prop": "--spectrum-field-edge-to-alert-icon-quiet", - "value": "0px" + "icon-color-pink-primary-down": { + "dark": { + "dark": { + "value": "rgb(236, 67, 175)" + } + }, + "light": { + "dark": { + "value": "rgb(206, 42, 146)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-pink-primary-down" }, - "field-edge-to-alert-icon-small": { - "prop": "--spectrum-field-edge-to-alert-icon-small", - "desktop": { - "value": "9px" + "icon-color-purple-primary-default": { + "light": { + "dark": { + "value": "rgb(178, 114, 235)" + } }, - "mobile": { - "value": "11px" - } + "dark": { + "dark": { + "value": "rgb(148, 62, 224)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(113, 142, 208)" + } + }, + "prop": "--spectrum-icon-color-purple-primary-default" }, - "field-edge-to-border-quiet": { - "prop": "--spectrum-field-edge-to-border-quiet", - "value": "0px" - }, - "field-edge-to-disclosure-icon-100": { - "prop": "--spectrum-field-edge-to-disclosure-icon-100", - "desktop": { - "value": "11px" + "icon-color-purple-primary-hover": { + "light": { + "dark": { + "value": "rgb(166, 92, 231)" + } }, - "mobile": { - "value": "13px" - } - }, - "field-edge-to-disclosure-icon-200": { - "prop": "--spectrum-field-edge-to-disclosure-icon-200", - "desktop": { - "value": "14px" + "dark": { + "dark": { + "value": "rgb(157, 78, 228)" + } }, - "mobile": { - "value": "17px" - } - }, - "field-edge-to-disclosure-icon-300": { - "prop": "--spectrum-field-edge-to-disclosure-icon-300", - "desktop": { - "value": "17px" + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } }, - "mobile": { - "value": "22px" - } + "prop": "--spectrum-icon-color-purple-primary-hover" }, - "field-edge-to-disclosure-icon-75": { - "prop": "--spectrum-field-edge-to-disclosure-icon-75", - "desktop": { - "value": "7px" + "icon-color-purple-primary-down": { + "light": { + "dark": { + "value": "rgb(154, 71, 226)" + } }, - "mobile": { - "value": "9px" - } + "dark": { + "dark": { + "value": "rgb(173, 105, 233)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-purple-primary-down" }, - "field-edge-to-text-quiet": { - "prop": "--spectrum-field-edge-to-text-quiet", - "value": "0px" + "icon-color-red-primary-hover": { + "light": { + "dark": { + "value": "rgb(240, 56, 35)" + } + }, + "dark": { + "dark": { + "value": "rgb(223, 52, 34)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-red-primary-hover" }, - "field-edge-to-validation-icon-extra-large": { - "prop": "--spectrum-field-edge-to-validation-icon-extra-large", - "desktop": { - "value": "18px" + "icon-color-red-primary-down": { + "light": { + "dark": { + "value": "rgb(215, 50, 32)" + } }, - "mobile": { - "value": "22px" - } + "dark": { + "dark": { + "value": "rgb(252, 67, 46)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-red-primary-down" }, - "field-edge-to-validation-icon-large": { - "prop": "--spectrum-field-edge-to-validation-icon-large", - "desktop": { - "value": "15px" + "icon-color-seafoam-primary-default": { + "light": { + "value": "rgb(9, 144, 120)" }, - "mobile": { - "value": "19px" - } + "dark": { + "value": "rgb(8, 134, 112)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-icon-color-seafoam-primary-default" }, - "field-edge-to-validation-icon-medium": { - "prop": "--spectrum-field-edge-to-validation-icon-medium", - "desktop": { - "value": "12px" + "icon-color-seafoam-primary-hover": { + "light": { + "value": "rgb(7, 129, 109)" }, - "mobile": { - "value": "15px" - } + "dark": { + "value": "rgb(10, 154, 128)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-icon-color-seafoam-primary-hover" }, - "field-edge-to-validation-icon-quiet": { - "prop": "--spectrum-field-edge-to-validation-icon-quiet", - "value": "0px" + "icon-color-seafoam-primary-down": { + "light": { + "value": "rgb(5, 108, 92)" + }, + "dark": { + "value": "rgb(12, 173, 142)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-icon-color-seafoam-primary-down" }, - "field-edge-to-validation-icon-small": { - "prop": "--spectrum-field-edge-to-validation-icon-small", - "desktop": { - "value": "9px" + "icon-color-silver-primary-default": { + "dark": { + "dark": { + "value": "rgb(118, 118, 118)" + } }, - "mobile": { - "value": "11px" - } + "light": { + "dark": { + "value": "rgb(128, 128, 128)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-silver-primary-default" }, - "field-edge-to-visual-quiet": { - "prop": "--spectrum-field-edge-to-visual-quiet", - "value": "0px" + "icon-color-silver-primary-hover": { + "dark": { + "dark": { + "value": "rgb(137, 137, 137)" + } + }, + "light": { + "dark": { + "value": "rgb(114, 114, 114)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-silver-primary-hover" }, - "field-end-edge-to-disclosure-icon-100": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-100", - "desktop": { - "value": "11px" + "icon-color-silver-primary-down": { + "dark": { + "dark": { + "value": "rgb(152, 152, 152)" + } }, - "mobile": { - "value": "13px" - } + "light": { + "dark": { + "value": "rgb(96, 96, 96)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(61, 94, 165)" + } + }, + "prop": "--spectrum-icon-color-silver-primary-down" }, - "field-end-edge-to-disclosure-icon-200": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-200", - "desktop": { - "value": "14px" + "icon-color-turquoise-primary-default": { + "dark": { + "dark": { + "value": "rgb(9, 131, 142)" + } }, - "mobile": { - "value": "17px" - } + "light": { + "dark": { + "value": "rgb(10, 141, 153)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-turquoise-primary-default" }, - "field-end-edge-to-disclosure-icon-300": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-300", - "desktop": { - "value": "17px" + "icon-color-turquoise-primary-hover": { + "dark": { + "dark": { + "value": "rgb(11, 151, 164)" + } }, - "mobile": { - "value": "22px" - } + "light": { + "dark": { + "value": "rgb(8, 126, 137)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(74, 111, 195)" + } + }, + "prop": "--spectrum-icon-color-turquoise-primary-hover" }, - "field-end-edge-to-disclosure-icon-75": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-75", - "desktop": { - "value": "7px" + "icon-color-turquoise-primary-down": { + "dark": { + "dark": { + "value": "rgb(13, 168, 182)" + } }, - "mobile": { - "value": "9px" - } + "light": { + "dark": { + "value": "rgb(5, 107, 116)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(61, 94, 165)" + } + }, + "prop": "--spectrum-icon-color-turquoise-primary-down" }, - "field-label-text-to-asterisk-extra-large": { - "prop": "--spectrum-field-label-text-to-asterisk-extra-large", - "desktop": { - "value": "5px" + "icon-color-yellow-primary-hover": { + "light": { + "dark": { + "value": "rgb(75, 47, 0)" + } }, - "mobile": { - "value": "6px" - } + "dark": { + "dark": { + "value": "rgb(249, 206, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(34, 51, 91)" + } + }, + "prop": "--spectrum-icon-color-yellow-primary-hover" }, - "field-label-text-to-asterisk-large": { - "prop": "--spectrum-field-label-text-to-asterisk-large", - "desktop": { - "value": "5px" + "icon-color-yellow-primary-down": { + "light": { + "dark": { + "value": "rgb(56, 35, 0)" + } }, - "mobile": { - "value": "6px" - } + "dark": { + "dark": { + "value": "rgb(255, 230, 86)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(25, 39, 69)" + } + }, + "prop": "--spectrum-icon-color-yellow-primary-down" }, - "field-label-text-to-asterisk-medium": { - "prop": "--spectrum-field-label-text-to-asterisk-medium", - "desktop": { - "value": "4px" + "icon-color-disabled-primary": { + "light": { + "value": "rgb(198, 198, 198)" }, - "mobile": { - "value": "5px" - } + "dark": { + "value": "rgb(68, 68, 68)" + }, + "wireframe": { + "value": "rgb(180, 199, 239)" + }, + "prop": "--spectrum-icon-color-disabled-primary" }, - "field-label-text-to-asterisk-small": { - "prop": "--spectrum-field-label-text-to-asterisk-small", - "desktop": { - "value": "4px" + "icon-color-blue-background": { + "light": { + "dark": { + "value": "rgb(203, 226, 254)" + } }, - "mobile": { - "value": "5px" - } + "dark": { + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-icon-color-blue-background" }, - "field-label-to-component": { - "prop": "--spectrum-field-label-to-component", - "value": "0px" + "icon-color-brown-background": { + "dark": { + "dark": { + "value": "rgb(78, 55, 19)" + } + }, + "light": { + "dark": { + "value": "rgb(229, 200, 157)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-brown-background" }, - "field-label-to-component-quiet-extra-large": { - "prop": "--spectrum-field-label-to-component-quiet-extra-large", - "desktop": { - "value": "-15px" + "icon-color-celery-background": { + "light": { + "dark": { + "value": "rgb(129, 228, 58)" + } }, - "mobile": { - "value": "-19px" - } + "dark": { + "dark": { + "value": "rgb(31, 67, 4)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-celery-background" }, - "field-label-to-component-quiet-large": { - "prop": "--spectrum-field-label-to-component-quiet-large", - "desktop": { - "value": "-12px" + "icon-color-chartreuse-background": { + "light": { + "dark": { + "value": "rgb(182, 219, 0)" + } }, - "mobile": { - "value": "-15px" - } + "dark": { + "dark": { + "value": "rgb(53, 63, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-chartreuse-background" }, - "field-label-to-component-quiet-medium": { - "prop": "--spectrum-field-label-to-component-quiet-medium", - "desktop": { - "value": "-8px" + "icon-color-cinnamon-background": { + "dark": { + "dark": { + "value": "rgb(79, 28, 7)" + } }, - "mobile": { - "value": "-10px" - } + "light": { + "dark": { + "value": "rgb(244, 218, 203)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-icon-color-cinnamon-background" }, - "field-label-to-component-quiet-small": { - "prop": "--spectrum-field-label-to-component-quiet-small", - "desktop": { - "value": "-8px" + "icon-color-cyan-background": { + "light": { + "dark": { + "value": "rgb(138, 213, 255)" + } }, - "mobile": { - "value": "-10px" - } + "dark": { + "dark": { + "value": "rgb(0, 64, 88)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-cyan-background" }, - "field-label-top-margin-extra-large": { - "prop": "--spectrum-field-label-top-margin-extra-large", - "value": "0px" + "icon-color-fuchsia-background": { + "light": { + "value": "rgb(253, 233, 255)" + }, + "dark": { + "value": "rgb(61, 0, 74)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-icon-color-fuchsia-background" }, - "field-label-top-margin-large": { - "prop": "--spectrum-field-label-top-margin-large", - "value": "0px" + "icon-color-green-background": { + "light": { + "dark": { + "value": "rgb(107, 227, 162)" + } + }, + "dark": { + "dark": { + "value": "rgb(0, 68, 48)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-green-background" }, - "field-label-top-margin-medium": { - "prop": "--spectrum-field-label-top-margin-medium", - "value": "0px" + "icon-color-indigo-background": { + "light": { + "dark": { + "value": "rgb(247, 248, 255)" + } + }, + "dark": { + "dark": { + "value": "rgb(30, 0, 93)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(246, 248, 252)" + } + }, + "prop": "--spectrum-icon-color-indigo-background" }, - "field-label-top-margin-small": { - "prop": "--spectrum-field-label-top-margin-small", - "value": "0px" + "icon-color-magenta-background": { + "light": { + "value": "rgb(255, 232, 240)" + }, + "dark": { + "value": "rgb(74, 0, 27)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-icon-color-magenta-background" }, - "field-label-top-to-asterisk-extra-large": { - "prop": "--spectrum-field-label-top-to-asterisk-extra-large", - "desktop": { - "value": "18px" + "icon-color-orange-background": { + "light": { + "dark": { + "value": "rgb(255, 218, 158)" + } }, - "mobile": { - "value": "24px" - } + "dark": { + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-icon-color-orange-background" }, - "field-label-top-to-asterisk-large": { - "prop": "--spectrum-field-label-top-to-asterisk-large", - "desktop": { - "value": "15px" + "icon-color-pink-background": { + "dark": { + "value": "rgb(71, 0, 44)" }, - "mobile": { - "value": "19px" - } + "light": { + "value": "rgb(255, 232, 247)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-icon-color-pink-background" }, - "field-label-top-to-asterisk-medium": { - "prop": "--spectrum-field-label-top-to-asterisk-medium", + "icon-color-purple-background": { + "light": { + "value": "rgb(244, 235, 252)" + }, + "dark": { + "value": "rgb(50, 0, 96)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-icon-color-purple-background" + }, + "icon-color-red-background": { + "light": { + "dark": { + "value": "rgb(255, 214, 209)" + } + }, + "dark": { + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-icon-color-red-background" + }, + "icon-color-seafoam-background": { + "light": { + "dark": { + "value": "rgb(92, 225, 194)" + } + }, + "dark": { + "dark": { + "value": "rgb(0, 67, 59)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-seafoam-background" + }, + "icon-color-silver-background": { + "dark": { + "dark": { + "value": "rgb(59, 59, 59)" + } + }, + "light": { + "dark": { + "value": "rgb(204, 204, 204)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-silver-background" + }, + "icon-color-turquoise-background": { + "dark": { + "dark": { + "value": "rgb(0, 66, 72)" + } + }, + "light": { + "dark": { + "value": "rgb(111, 221, 228)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-turquoise-background" + }, + "icon-color-yellow-background": { + "light": { + "dark": { + "value": "rgb(245, 199, 0)" + } + }, + "dark": { + "dark": { + "value": "rgb(83, 52, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(192, 205, 234)" + } + }, + "prop": "--spectrum-icon-color-yellow-background" + }, + "icon-color-inverse-background": { + "light": { + "value": "rgb(248, 248, 248)" + }, + "dark": { + "value": "rgb(27, 27, 27)" + }, + "wireframe": { + "value": "rgb(246, 248, 253)" + }, + "prop": "--spectrum-icon-color-inverse-background" + }, + "icon-color-emphasized-background": { + "light": { + "value": "rgb(19, 19, 19)" + }, + "dark": { + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-icon-color-emphasized-background" + }, + "checkbox-control-size-small": { "desktop": { - "value": "12px" + "value": "14px" }, + "prop": "--spectrum-checkbox-control-size-small", "mobile": { - "value": "15px" + "value": "18px" } }, - "field-label-top-to-asterisk-small": { - "prop": "--spectrum-field-label-top-to-asterisk-small", + "checkbox-control-size-medium": { "desktop": { - "value": "8px" + "value": "16px" }, + "prop": "--spectrum-checkbox-control-size-medium", "mobile": { - "value": "11px" + "value": "20px" } }, - "field-text-to-alert-icon-extra-large": { - "prop": "--spectrum-field-text-to-alert-icon-extra-large", + "checkbox-control-size-large": { "desktop": { "value": "18px" }, + "prop": "--spectrum-checkbox-control-size-large", "mobile": { "value": "22px" } }, - "field-text-to-alert-icon-large": { - "prop": "--spectrum-field-text-to-alert-icon-large", + "checkbox-control-size-extra-large": { "desktop": { - "value": "15px" + "value": "20px" }, + "prop": "--spectrum-checkbox-control-size-extra-large", "mobile": { - "value": "19px" + "value": "26px" } }, - "field-text-to-alert-icon-medium": { - "prop": "--spectrum-field-text-to-alert-icon-medium", + "checkbox-top-to-control-small": { "desktop": { - "value": "12px" + "value": "5px" }, + "prop": "--spectrum-checkbox-top-to-control-small", "mobile": { - "value": "15px" + "value": "6px" } }, - "field-text-to-alert-icon-small": { - "prop": "--spectrum-field-text-to-alert-icon-small", + "checkbox-top-to-control-medium": { "desktop": { "value": "8px" }, + "prop": "--spectrum-checkbox-top-to-control-medium", "mobile": { "value": "10px" } }, - "field-text-to-validation-icon-extra-large": { - "prop": "--spectrum-field-text-to-validation-icon-extra-large", + "checkbox-top-to-control-large": { "desktop": { - "value": "18px" + "value": "11px" }, + "prop": "--spectrum-checkbox-top-to-control-large", "mobile": { - "value": "22px" + "value": "14px" } }, - "field-text-to-validation-icon-large": { - "prop": "--spectrum-field-text-to-validation-icon-large", + "checkbox-top-to-control-extra-large": { "desktop": { - "value": "15px" + "value": "14px" }, + "prop": "--spectrum-checkbox-top-to-control-extra-large", "mobile": { - "value": "19px" + "value": "17px" } }, - "field-text-to-validation-icon-medium": { - "prop": "--spectrum-field-text-to-validation-icon-medium", + "switch-control-width-small": { "desktop": { - "value": "12px" + "value": "22px" }, + "prop": "--spectrum-switch-control-width-small", "mobile": { - "value": "15px" + "value": "30px" } }, - "field-text-to-validation-icon-small": { - "prop": "--spectrum-field-text-to-validation-icon-small", + "switch-control-width-medium": { "desktop": { - "value": "8px" + "value": "26px" }, + "prop": "--spectrum-switch-control-width-medium", "mobile": { - "value": "10px" + "value": "34px" } }, - "field-top-to-alert-icon-extra-large": { - "prop": "--spectrum-field-top-to-alert-icon-extra-large", + "switch-control-width-large": { "desktop": { - "value": "13px" + "value": "30px" }, + "prop": "--spectrum-switch-control-width-large", "mobile": { - "value": "16px" + "value": "38px" } }, - "field-top-to-alert-icon-large": { - "prop": "--spectrum-field-top-to-alert-icon-large", + "switch-control-width-extra-large": { "desktop": { - "value": "10px" + "value": "34px" }, + "prop": "--spectrum-switch-control-width-extra-large", "mobile": { - "value": "13px" + "value": "46px" } }, - "field-top-to-alert-icon-medium": { - "prop": "--spectrum-field-top-to-alert-icon-medium", + "switch-control-height-small": { "desktop": { - "value": "7px" + "value": "14px" }, + "prop": "--spectrum-switch-control-height-small", "mobile": { - "value": "9px" + "value": "18px" } }, - "field-top-to-alert-icon-small": { - "prop": "--spectrum-field-top-to-alert-icon-small", + "switch-control-height-medium": { "desktop": { - "value": "4px" + "value": "16px" }, + "prop": "--spectrum-switch-control-height-medium", "mobile": { - "value": "5px" + "value": "20px" } }, - "field-top-to-disclosure-icon-100": { - "prop": "--spectrum-field-top-to-disclosure-icon-100", + "switch-control-height-large": { "desktop": { - "value": "11px" + "value": "18px" }, + "prop": "--spectrum-switch-control-height-large", "mobile": { - "value": "13px" + "value": "22px" } }, - "field-top-to-disclosure-icon-200": { - "prop": "--spectrum-field-top-to-disclosure-icon-200", + "switch-control-height-extra-large": { "desktop": { - "value": "14px" + "value": "20px" }, + "prop": "--spectrum-switch-control-height-extra-large", "mobile": { - "value": "17px" + "value": "26px" } }, - "field-top-to-disclosure-icon-300": { - "prop": "--spectrum-field-top-to-disclosure-icon-300", + "switch-top-to-control-small": { "desktop": { - "value": "17px" + "value": "6px" }, + "prop": "--spectrum-switch-top-to-control-small", "mobile": { - "value": "22px" + "value": "7px" } }, - "field-top-to-disclosure-icon-75": { - "prop": "--spectrum-field-top-to-disclosure-icon-75", + "switch-top-to-control-medium": { "desktop": { - "value": "7px" + "value": "9px" }, + "prop": "--spectrum-switch-top-to-control-medium", "mobile": { - "value": "9px" + "value": "11px" } }, - "field-top-to-disclosure-icon-compact-extra-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-extra-large", + "switch-top-to-control-large": { "desktop": { - "value": "17px" + "value": "12px" }, + "prop": "--spectrum-switch-top-to-control-large", "mobile": { - "value": "21px" + "value": "15px" } }, - "field-top-to-disclosure-icon-compact-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-large", + "switch-top-to-control-extra-large": { "desktop": { - "value": "14px" + "value": "15px" }, + "prop": "--spectrum-switch-top-to-control-extra-large", "mobile": { - "value": "17px" + "value": "19px" } }, - "field-top-to-disclosure-icon-compact-medium": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-medium", + "radio-button-control-size-small": { "desktop": { - "value": "11px" + "value": "12px" }, + "prop": "--spectrum-radio-button-control-size-small", "mobile": { - "value": "13px" + "value": "16px" } }, - "field-top-to-disclosure-icon-compact-small": { - "prop": "--spectrum-field-top-to-disclosure-icon-compact-small", + "radio-button-control-size-medium": { "desktop": { - "value": "7px" + "value": "14px" }, + "prop": "--spectrum-radio-button-control-size-medium", "mobile": { - "value": "9px" + "value": "18px" } }, - "field-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-extra-large", + "radio-button-control-size-large": { "desktop": { - "value": "21px" + "value": "16px" }, + "prop": "--spectrum-radio-button-control-size-large", "mobile": { - "value": "26px" + "value": "20px" } }, - "field-top-to-disclosure-icon-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-large", + "radio-button-control-size-extra-large": { "desktop": { "value": "18px" }, + "prop": "--spectrum-radio-button-control-size-extra-large", "mobile": { "value": "22px" } }, - "field-top-to-disclosure-icon-medium": { - "prop": "--spectrum-field-top-to-disclosure-icon-medium", + "radio-button-top-to-control-small": { "desktop": { - "value": "15px" + "value": "6px" }, + "prop": "--spectrum-radio-button-top-to-control-small", "mobile": { - "value": "18px" + "value": "7px" } }, - "field-top-to-disclosure-icon-small": { - "prop": "--spectrum-field-top-to-disclosure-icon-small", + "radio-button-top-to-control-medium": { "desktop": { - "value": "11px" + "value": "9px" }, + "prop": "--spectrum-radio-button-top-to-control-medium", "mobile": { - "value": "13px" + "value": "11px" } }, - "field-top-to-disclosure-icon-spacious-extra-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-extra-large", + "radio-button-top-to-control-large": { "desktop": { - "value": "25px" + "value": "12px" }, + "prop": "--spectrum-radio-button-top-to-control-large", "mobile": { - "value": "31px" + "value": "15px" } }, - "field-top-to-disclosure-icon-spacious-large": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-large", + "radio-button-top-to-control-extra-large": { "desktop": { - "value": "22px" + "value": "15px" }, + "prop": "--spectrum-radio-button-top-to-control-extra-large", "mobile": { - "value": "27px" + "value": "19px" } }, - "field-top-to-disclosure-icon-spacious-medium": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-medium", + "radio-button-selection-indicator": { + "value": "4px", + "prop": "--spectrum-radio-button-selection-indicator" + }, + "field-label-text-to-asterisk-small": { "desktop": { - "value": "19px" + "value": "4px" }, + "prop": "--spectrum-field-label-text-to-asterisk-small", "mobile": { - "value": "23px" + "value": "5px" } }, - "field-top-to-disclosure-icon-spacious-small": { - "prop": "--spectrum-field-top-to-disclosure-icon-spacious-small", + "field-label-text-to-asterisk-medium": { "desktop": { - "value": "15px" + "value": "4px" }, + "prop": "--spectrum-field-label-text-to-asterisk-medium", "mobile": { - "value": "18px" + "value": "5px" } }, - "field-top-to-progress-circle-extra-large": { - "prop": "--spectrum-field-top-to-progress-circle-extra-large", + "field-label-text-to-asterisk-large": { "desktop": { - "value": "11px" + "value": "5px" }, + "prop": "--spectrum-field-label-text-to-asterisk-large", "mobile": { - "value": "15px" + "value": "6px" } }, - "field-top-to-progress-circle-large": { - "prop": "--spectrum-field-top-to-progress-circle-large", + "field-label-text-to-asterisk-extra-large": { "desktop": { - "value": "9px" + "value": "5px" }, + "prop": "--spectrum-field-label-text-to-asterisk-extra-large", "mobile": { - "value": "11px" + "value": "6px" } }, - "field-top-to-progress-circle-medium": { - "prop": "--spectrum-field-top-to-progress-circle-medium", + "field-label-top-to-asterisk-small": { "desktop": { - "value": "6px" + "value": "8px" }, + "prop": "--spectrum-field-label-top-to-asterisk-small", "mobile": { - "value": "8px" + "value": "11px" } }, - "field-top-to-progress-circle-small": { - "prop": "--spectrum-field-top-to-progress-circle-small", + "field-label-top-to-asterisk-medium": { "desktop": { - "value": "4px" + "value": "12px" }, + "prop": "--spectrum-field-label-top-to-asterisk-medium", "mobile": { - "value": "6px" + "value": "15px" } }, - "field-top-to-validation-icon-extra-large": { - "prop": "--spectrum-field-top-to-validation-icon-extra-large", + "field-label-top-to-asterisk-large": { "desktop": { - "value": "17px" + "value": "15px" }, + "prop": "--spectrum-field-label-top-to-asterisk-large", "mobile": { - "value": "22px" + "value": "19px" } }, - "field-top-to-validation-icon-large": { - "prop": "--spectrum-field-top-to-validation-icon-large", + "field-label-top-to-asterisk-extra-large": { "desktop": { - "value": "14px" + "value": "18px" }, + "prop": "--spectrum-field-label-top-to-asterisk-extra-large", "mobile": { - "value": "17px" + "value": "24px" } }, - "field-top-to-validation-icon-medium": { - "prop": "--spectrum-field-top-to-validation-icon-medium", + "field-label-top-margin-small": { + "value": "0px", + "prop": "--spectrum-field-label-top-margin-small" + }, + "field-label-top-margin-medium": { + "value": "0px", + "prop": "--spectrum-field-label-top-margin-medium" + }, + "field-label-top-margin-large": { + "value": "0px", + "prop": "--spectrum-field-label-top-margin-large" + }, + "field-label-top-margin-extra-large": { + "value": "0px", + "prop": "--spectrum-field-label-top-margin-extra-large" + }, + "field-label-to-component": { + "value": "0px", + "prop": "--spectrum-field-label-to-component" + }, + "field-label-to-component-quiet-small": { "desktop": { - "value": "11px" + "value": "-8px" }, + "prop": "--spectrum-field-label-to-component-quiet-small", "mobile": { - "value": "13px" + "value": "-10px" } }, - "field-top-to-validation-icon-small": { - "prop": "--spectrum-field-top-to-validation-icon-small", + "field-label-to-component-quiet-medium": { "desktop": { - "value": "7px" + "value": "-8px" }, + "prop": "--spectrum-field-label-to-component-quiet-medium", "mobile": { - "value": "9px" + "value": "-10px" } }, - "field-width": { - "prop": "--spectrum-field-width", - "ref": "var(--spectrum-field-width-small)" - }, - "field-width-extra-large": { - "prop": "--spectrum-field-width-extra-large", - "ref": "var(--spectrum-field-default-width-extra-large)", + "field-label-to-component-quiet-large": { "desktop": { - "value": "240px" + "value": "-12px" }, + "prop": "--spectrum-field-label-to-component-quiet-large", "mobile": { - "value": "288px" + "value": "-15px" } }, - "field-width-large": { - "prop": "--spectrum-field-width-large", - "ref": "var(--spectrum-field-default-width-large)", + "field-label-to-component-quiet-extra-large": { "desktop": { - "value": "224px" + "value": "-15px" }, + "prop": "--spectrum-field-label-to-component-quiet-extra-large", "mobile": { - "value": "272px" + "value": "-19px" } }, - "field-width-medium": { - "prop": "--spectrum-field-width-medium", - "ref": "var(--spectrum-field-default-width-medium)", + "help-text-top-to-workflow-icon-small": { "desktop": { - "value": "208px" + "mobile": { + "value": "4px" + } }, "mobile": { - "value": "256px" - } + "mobile": { + "value": "6px" + } + }, + "prop": "--spectrum-help-text-top-to-workflow-icon-small" }, - "field-width-small": { - "prop": "--spectrum-field-width-small", - "ref": "var(--spectrum-field-default-width-small)", + "help-text-top-to-workflow-icon-medium": { "desktop": { - "value": "192px" + "mobile": { + "value": "6px" + } }, "mobile": { - "value": "240px" - } - }, - "floating-action-button-drop-shadow-blur": { - "prop": "--spectrum-floating-action-button-drop-shadow-blur", - "value": "12px" - }, - "floating-action-button-drop-shadow-color": { - "prop": "--spectrum-floating-action-button-drop-shadow-color", - "ref": "var(--spectrum-transparent-black-300)", - "value": "rgba(0, 0, 0, 0.15)" - }, - "floating-action-button-drop-shadow-y": { - "prop": "--spectrum-floating-action-button-drop-shadow-y", - "value": "4px" - }, - "floating-action-button-shadow-color": { - "prop": "--spectrum-floating-action-button-shadow-color", - "ref": "var(--spectrum-floating-action-button-drop-shadow-color)", - "value": "rgba(0, 0, 0, 0.15)" - }, - "focus-indicator-color": { - "prop": "--spectrum-focus-indicator-color", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" + "mobile": { + "value": "8px" + } }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "focus-indicator-gap": { - "prop": "--spectrum-focus-indicator-gap", - "value": "2px" + "prop": "--spectrum-help-text-top-to-workflow-icon-medium" }, - "focus-indicator-thickness": { - "prop": "--spectrum-focus-indicator-thickness", - "value": "2px" - }, - "font-size-100": { - "prop": "--spectrum-font-size-100", + "help-text-top-to-workflow-icon-large": { "desktop": { - "value": "14px" + "mobile": { + "value": "9px" + } }, "mobile": { - "value": "17px" - } + "mobile": { + "value": "11px" + } + }, + "prop": "--spectrum-help-text-top-to-workflow-icon-large" }, - "font-size-1000": { - "prop": "--spectrum-font-size-1000", + "help-text-top-to-workflow-icon-extra-large": { "desktop": { - "value": "40px" + "mobile": { + "value": "11px" + } }, "mobile": { - "value": "49px" - } + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-help-text-top-to-workflow-icon-extra-large" }, - "font-size-1100": { - "prop": "--spectrum-font-size-1100", + "help-text-to-component": { + "value": "0px", + "prop": "--spectrum-help-text-to-component" + }, + "status-light-dot-size-small": { "desktop": { - "value": "45px" + "value": "8px" }, + "prop": "--spectrum-status-light-dot-size-small", "mobile": { - "value": "55px" + "value": "10px" } }, - "font-size-1200": { - "prop": "--spectrum-font-size-1200", + "status-light-dot-size-medium": { "desktop": { - "value": "51px" + "value": "10px" }, + "prop": "--spectrum-status-light-dot-size-medium", "mobile": { - "value": "62px" + "value": "12px" } }, - "font-size-1300": { - "prop": "--spectrum-font-size-1300", + "status-light-dot-size-large": { "desktop": { - "value": "58px" + "value": "12px" }, + "prop": "--spectrum-status-light-dot-size-large", "mobile": { - "value": "70px" + "value": "14px" } }, - "font-size-1400": { - "prop": "--spectrum-font-size-1400", + "status-light-dot-size-extra-large": { "desktop": { - "value": "65px" + "value": "14px" }, + "prop": "--spectrum-status-light-dot-size-extra-large", "mobile": { - "value": "79px" + "value": "16px" } }, - "font-size-1500": { - "prop": "--spectrum-font-size-1500", + "status-light-top-to-dot-small": { "desktop": { - "value": "73px" + "value": "8px" }, + "prop": "--spectrum-status-light-top-to-dot-small", "mobile": { - "value": "88px" + "value": "10px" } }, - "font-size-200": { - "prop": "--spectrum-font-size-200", + "status-light-top-to-dot-medium": { "desktop": { - "value": "16px" + "value": "11px" }, + "prop": "--spectrum-status-light-top-to-dot-medium", "mobile": { - "value": "19px" + "value": "14px" } }, - "font-size-25": { - "prop": "--spectrum-font-size-25", + "status-light-top-to-dot-large": { "desktop": { - "value": "10px" + "value": "14px" }, + "prop": "--spectrum-status-light-top-to-dot-large", "mobile": { - "value": "12px" + "value": "18px" } }, - "font-size-300": { - "prop": "--spectrum-font-size-300", + "status-light-top-to-dot-extra-large": { "desktop": { - "value": "18px" + "value": "17px" }, + "prop": "--spectrum-status-light-top-to-dot-extra-large", "mobile": { "value": "22px" } }, - "font-size-400": { - "prop": "--spectrum-font-size-400", + "action-button-edge-to-hold-icon-extra-small": { + "value": "3px", + "prop": "--spectrum-action-button-edge-to-hold-icon-extra-small" + }, + "action-button-edge-to-hold-icon-small": { + "value": "3px", + "prop": "--spectrum-action-button-edge-to-hold-icon-small" + }, + "action-button-edge-to-hold-icon-medium": { "desktop": { - "value": "20px" + "value": "4px" }, + "prop": "--spectrum-action-button-edge-to-hold-icon-medium", "mobile": { - "value": "24px" + "value": "5px" } }, - "font-size-50": { - "prop": "--spectrum-font-size-50", + "action-button-edge-to-hold-icon-large": { "desktop": { - "value": "11px" + "value": "5px" }, + "prop": "--spectrum-action-button-edge-to-hold-icon-large", "mobile": { - "value": "13px" + "value": "6px" } }, - "font-size-500": { - "prop": "--spectrum-font-size-500", + "action-button-edge-to-hold-icon-extra-large": { "desktop": { - "value": "22px" + "value": "6px" }, + "prop": "--spectrum-action-button-edge-to-hold-icon-extra-large", "mobile": { - "value": "27px" + "value": "7px" } }, - "font-size-600": { - "prop": "--spectrum-font-size-600", + "button-minimum-width-multiplier": { + "value": "2.25", + "prop": "--spectrum-button-minimum-width-multiplier" + }, + "tooltip-tip-width": { "desktop": { - "value": "25px" + "value": "10px" }, + "prop": "--spectrum-tooltip-tip-width", "mobile": { - "value": "31px" + "value": "12px" } }, - "font-size-700": { - "prop": "--spectrum-font-size-700", + "tooltip-tip-height": { "desktop": { - "value": "28px" + "value": "5px" }, + "prop": "--spectrum-tooltip-tip-height", "mobile": { - "value": "34px" + "value": "6px" } }, - "font-size-75": { - "prop": "--spectrum-font-size-75", + "tooltip-maximum-width": { "desktop": { - "value": "12px" + "value": "160px" }, + "prop": "--spectrum-tooltip-maximum-width", "mobile": { - "value": "15px" + "value": "200px" } }, - "font-size-800": { - "prop": "--spectrum-font-size-800", + "divider-thickness-small": { + "value": "1px", + "prop": "--spectrum-divider-thickness-small" + }, + "divider-thickness-medium": { + "value": "2px", + "prop": "--spectrum-divider-thickness-medium" + }, + "divider-thickness-large": { + "value": "4px", + "prop": "--spectrum-divider-thickness-large" + }, + "progress-circle-size-small": { "desktop": { - "value": "32px" + "value": "16px" }, + "prop": "--spectrum-progress-circle-size-small", "mobile": { - "value": "39px" + "value": "20px" } }, - "font-size-900": { - "prop": "--spectrum-font-size-900", + "progress-circle-size-medium": { "desktop": { - "value": "36px" + "value": "32px" }, + "prop": "--spectrum-progress-circle-size-medium", "mobile": { - "value": "44px" + "value": "40px" } }, - "fuchsia-100": { - "prop": "--spectrum-fuchsia-100", - "light": { - "value": "rgb(254, 246, 255)" + "progress-circle-size-large": { + "desktop": { + "value": "64px" }, - "dark": { - "value": "rgb(50, 0, 61)" + "prop": "--spectrum-progress-circle-size-large", + "mobile": { + "value": "80px" } }, - "fuchsia-1000": { - "prop": "--spectrum-fuchsia-1000", - "light": { - "value": "rgb(156, 40, 175)" + "progress-circle-thickness-small": { + "desktop": { + "value": "2px" }, - "dark": { - "value": "rgb(232, 91, 253)" + "prop": "--spectrum-progress-circle-thickness-small", + "mobile": { + "value": "3px" } }, - "fuchsia-1100": { - "prop": "--spectrum-fuchsia-1100", - "light": { - "value": "rgb(135, 27, 154)" + "progress-circle-thickness-medium": { + "desktop": { + "value": "3px" }, - "dark": { - "value": "rgb(240, 122, 255)" + "prop": "--spectrum-progress-circle-thickness-medium", + "mobile": { + "value": "4px" } }, - "fuchsia-1200": { - "prop": "--spectrum-fuchsia-1200", - "light": { - "value": "rgb(113, 15, 131)" + "progress-circle-thickness-large": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(245, 159, 255)" + "prop": "--spectrum-progress-circle-thickness-large", + "mobile": { + "value": "5px" } }, - "fuchsia-1300": { - "prop": "--spectrum-fuchsia-1300", - "light": { - "value": "rgb(92, 4, 109)" + "toast-height": { + "desktop": { + "value": "52px" }, - "dark": { - "value": "rgb(248, 191, 255)" + "prop": "--spectrum-toast-height", + "mobile": { + "value": "60px" } }, - "fuchsia-1400": { - "prop": "--spectrum-fuchsia-1400", - "light": { - "value": "rgb(72, 0, 88)" + "toast-maximum-width": { + "desktop": { + "value": "336px" }, - "dark": { - "value": "rgb(251, 219, 255)" + "prop": "--spectrum-toast-maximum-width", + "mobile": { + "value": "420px" } }, - "fuchsia-1500": { - "prop": "--spectrum-fuchsia-1500", - "dark": { - "value": "rgb(253, 241, 255)" + "toast-top-to-workflow-icon": { + "desktop": { + "value": "18px" }, - "light": { - "value": "rgb(54, 0, 66)" + "prop": "--spectrum-toast-top-to-workflow-icon", + "mobile": { + "value": "20px" } }, - "fuchsia-1600": { - "prop": "--spectrum-fuchsia-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "toast-top-to-text": { + "desktop": { + "value": "18px" }, - "light": { - "value": "rgb(29, 0, 35)" + "prop": "--spectrum-toast-top-to-text", + "mobile": { + "value": "20px" } }, - "fuchsia-200": { - "prop": "--spectrum-fuchsia-200", - "light": { - "value": "rgb(253, 233, 255)" + "toast-bottom-to-text": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(61, 0, 74)" + "prop": "--spectrum-toast-bottom-to-text", + "mobile": { + "value": "22px" } }, - "fuchsia-300": { - "prop": "--spectrum-fuchsia-300", - "light": { - "value": "rgb(250, 211, 255)" + "action-bar-height": { + "desktop": { + "value": "56px" }, - "dark": { - "value": "rgb(79, 0, 95)" - } - }, - "fuchsia-400": { - "prop": "--spectrum-fuchsia-400", - "light": { - "value": "rgb(247, 181, 255)" + "mobile": { + "value": "70px" }, - "dark": { - "value": "rgb(102, 9, 120)" - } + "prop": "--spectrum-action-bar-height" }, - "fuchsia-500": { - "prop": "--spectrum-fuchsia-500", - "light": { - "value": "rgb(243, 147, 255)" + "action-bar-top-to-item-counter": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(127, 23, 146)" - } - }, - "fuchsia-600": { - "prop": "--spectrum-fuchsia-600", - "light": { - "value": "rgb(236, 105, 255)" + "mobile": { + "value": "15px" }, - "dark": { - "value": "rgb(151, 38, 170)" - } + "prop": "--spectrum-action-bar-top-to-item-counter" }, - "fuchsia-700": { - "prop": "--spectrum-fuchsia-700", - "light": { - "value": "rgb(223, 77, 245)" + "swatch-size-extra-small": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(173, 51, 192)" + "prop": "--spectrum-swatch-size-extra-small", + "mobile": { + "value": "20px" } }, - "fuchsia-800": { - "prop": "--spectrum-fuchsia-800", - "light": { - "value": "rgb(200, 68, 220)" + "swatch-size-small": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(186, 60, 206)" + "prop": "--spectrum-swatch-size-small", + "mobile": { + "value": "30px" } }, - "fuchsia-900": { - "prop": "--spectrum-fuchsia-900", - "light": { - "value": "rgb(181, 57, 200)" + "swatch-size-medium": { + "desktop": { + "value": "32px" }, - "dark": { - "value": "rgb(213, 73, 235)" + "prop": "--spectrum-swatch-size-medium", + "mobile": { + "value": "40px" } }, - "fuchsia-background-color-default": { - "prop": "--spectrum-fuchsia-background-color-default", - "ref": "var(--spectrum-fuchsia-800)", - "light": { - "value": "rgb(200, 68, 220)" + "swatch-size-large": { + "desktop": { + "value": "40px" }, - "dark": { - "value": "rgb(186, 60, 206)" + "prop": "--spectrum-swatch-size-large", + "mobile": { + "value": "50px" } }, - "fuchsia-subtle-background-color-default": { - "prop": "--spectrum-fuchsia-subtle-background-color-default", - "ref": "var(--spectrum-fuchsia-300)", - "light": { - "value": "rgb(250, 211, 255)" - }, - "dark": { - "value": "rgb(79, 0, 95)" - } + "swatch-rectangle-width-multiplier": { + "value": "2", + "prop": "--spectrum-swatch-rectangle-width-multiplier" }, - "fuchsia-visual-color": { - "prop": "--spectrum-fuchsia-visual-color", - "ref": "var(--spectrum-fuchsia-900)", - "light": { - "value": "rgb(181, 57, 200)" - }, - "dark": { - "value": "rgb(213, 73, 235)" - } + "swatch-slash-thickness-extra-small": { + "value": "2px", + "prop": "--spectrum-swatch-slash-thickness-extra-small" }, - "gradient-stop-2-genai": { - "prop": "--spectrum-gradient-stop-2-genai", - "value": "0.3333" + "swatch-slash-thickness-small": { + "value": "3px", + "prop": "--spectrum-swatch-slash-thickness-small" }, - "gradient-stop-2-premium": { - "prop": "--spectrum-gradient-stop-2-premium", - "value": "0.6666" + "swatch-slash-thickness-medium": { + "value": "4px", + "prop": "--spectrum-swatch-slash-thickness-medium" }, - "gradient-stop-3-genai": { - "prop": "--spectrum-gradient-stop-3-genai", - "value": "1" + "swatch-slash-thickness-large": { + "value": "5px", + "prop": "--spectrum-swatch-slash-thickness-large" }, - "gradient-stop-3-premium": { - "prop": "--spectrum-gradient-stop-3-premium", - "value": "1" + "progress-bar-minimum-width": { + "value": "48px", + "prop": "--spectrum-progress-bar-minimum-width" }, - "gray-100": { - "prop": "--spectrum-gray-100", - "light": { - "value": "rgb(233, 233, 233)" + "progress-bar-maximum-width": { + "value": "768px", + "prop": "--spectrum-progress-bar-maximum-width" + }, + "progress-bar-thickness-small": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(44, 44, 44)" + "prop": "--spectrum-progress-bar-thickness-small", + "mobile": { + "value": "5px" } }, - "gray-1000": { - "prop": "--spectrum-gray-1000", - "dark": { - "value": "rgb(255, 255, 255)" + "progress-bar-thickness-medium": { + "desktop": { + "value": "6px" }, - "light": { - "value": "rgb(0, 0, 0)" + "prop": "--spectrum-progress-bar-thickness-medium", + "mobile": { + "value": "8px" } }, - "gray-200": { - "prop": "--spectrum-gray-200", - "light": { - "value": "rgb(225, 225, 225)" + "progress-bar-thickness-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-progress-bar-thickness-large", + "mobile": { + "value": "10px" } }, - "gray-25": { - "prop": "--spectrum-gray-25", - "dark": { - "value": "rgb(17, 17, 17)" + "progress-bar-thickness-extra-large": { + "desktop": { + "value": "10px" }, - "light": { - "value": "rgb(255, 255, 255)" + "prop": "--spectrum-progress-bar-thickness-extra-large", + "mobile": { + "value": "13px" } }, - "gray-300": { - "prop": "--spectrum-gray-300", - "light": { - "value": "rgb(218, 218, 218)" + "meter-minimum-width": { + "value": "48px", + "prop": "--spectrum-meter-minimum-width" + }, + "meter-maximum-width": { + "value": "768px", + "prop": "--spectrum-meter-maximum-width" + }, + "meter-width": { + "desktop": { + "value": "192px" }, - "dark": { - "value": "rgb(57, 57, 57)" + "prop": "--spectrum-meter-width", + "mobile": { + "value": "240px" } }, - "gray-400": { - "prop": "--spectrum-gray-400", - "light": { - "value": "rgb(198, 198, 198)" + "meter-default-width": { + "desktop": { + "value": "192px" }, - "dark": { - "value": "rgb(68, 68, 68)" - } + "mobile": { + "value": "240px" + }, + "prop": "--spectrum-meter-default-width" }, - "gray-50": { - "prop": "--spectrum-gray-50", - "light": { - "value": "rgb(248, 248, 248)" + "meter-thickness-small": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(27, 27, 27)" + "prop": "--spectrum-meter-thickness-small", + "mobile": { + "value": "5px" } }, - "gray-500": { - "prop": "--spectrum-gray-500", - "light": { - "value": "rgb(143, 143, 143)" + "meter-thickness-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(109, 109, 109)" + "prop": "--spectrum-meter-thickness-large", + "mobile": { + "value": "10px" } }, - "gray-600": { - "prop": "--spectrum-gray-600", - "light": { - "value": "rgb(113, 113, 113)" + "in-line-alert-minimum-width": { + "value": "240px", + "prop": "--spectrum-in-line-alert-minimum-width" + }, + "tag-top-to-avatar-small": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(138, 138, 138)" + "prop": "--spectrum-tag-top-to-avatar-small", + "mobile": { + "value": "5px" } }, - "gray-700": { - "prop": "--spectrum-gray-700", - "light": { - "value": "rgb(80, 80, 80)" + "tag-top-to-avatar-medium": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(175, 175, 175)" + "prop": "--spectrum-tag-top-to-avatar-medium", + "mobile": { + "value": "7px" } }, - "gray-75": { - "prop": "--spectrum-gray-75", - "light": { - "value": "rgb(243, 243, 243)" + "tag-top-to-avatar-large": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(34, 34, 34)" + "prop": "--spectrum-tag-top-to-avatar-large", + "mobile": { + "value": "11px" } }, - "gray-800": { - "prop": "--spectrum-gray-800", - "light": { - "value": "rgb(41, 41, 41)" + "tag-top-to-cross-icon-small": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tag-top-to-cross-icon-small", + "mobile": { + "value": "10px" } }, - "gray-900": { - "prop": "--spectrum-gray-900", - "light": { - "value": "rgb(19, 19, 19)" + "tag-top-to-cross-icon-medium": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tag-top-to-cross-icon-medium", + "mobile": { + "value": "15px" } }, - "gray-background-color-default": { - "prop": "--spectrum-gray-background-color-default", - "ref": "var(--spectrum-gray-500)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(109, 109, 109)" - } - }, - "gray-subtle-background-color-default": { - "prop": "--spectrum-gray-subtle-background-color-default", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" + "tag-top-to-cross-icon-large": { + "desktop": { + "value": "15px" }, - "dark": { - "value": "rgb(57, 57, 57)" + "prop": "--spectrum-tag-top-to-cross-icon-large", + "mobile": { + "value": "19px" } }, - "gray-visual-color": { - "prop": "--spectrum-gray-visual-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(113, 113, 113)" + "popover-tip-width": { + "value": "16px", + "prop": "--spectrum-popover-tip-width" + }, + "popover-tip-height": { + "value": "8px", + "prop": "--spectrum-popover-tip-height" + }, + "popover-top-to-content-area": { + "value": "8px", + "prop": "--spectrum-popover-top-to-content-area" + }, + "popover-edge-to-content-area": { + "value": "8px", + "prop": "--spectrum-popover-edge-to-content-area" + }, + "menu-item-label-to-description": { + "value": "1px", + "prop": "--spectrum-menu-item-label-to-description" + }, + "menu-item-edge-to-content-not-selected-small": { + "desktop": { + "value": "28px" }, - "dark": { - "value": "rgb(138, 138, 138)" + "prop": "--spectrum-menu-item-edge-to-content-not-selected-small", + "mobile": { + "value": "24px" } }, - "green-100": { - "prop": "--spectrum-green-100", - "light": { - "value": "rgb(237, 252, 241)" + "menu-item-edge-to-content-not-selected-medium": { + "desktop": { + "value": "32px" }, - "dark": { - "value": "rgb(0, 30, 23)" + "prop": "--spectrum-menu-item-edge-to-content-not-selected-medium", + "mobile": { + "value": "42px" } }, - "green-1000": { - "prop": "--spectrum-green-1000", - "light": { - "value": "rgb(3, 110, 69)" + "menu-item-edge-to-content-not-selected-large": { + "desktop": { + "value": "38px" }, - "dark": { - "value": "rgb(14, 175, 98)" + "prop": "--spectrum-menu-item-edge-to-content-not-selected-large", + "mobile": { + "value": "47px" } }, - "green-1100": { - "prop": "--spectrum-green-1100", - "light": { - "value": "rgb(2, 93, 60)" + "menu-item-edge-to-content-not-selected-extra-large": { + "desktop": { + "value": "45px" }, - "dark": { - "value": "rgb(24, 193, 110)" + "prop": "--spectrum-menu-item-edge-to-content-not-selected-extra-large", + "mobile": { + "value": "54px" } }, - "green-1200": { - "prop": "--spectrum-green-1200", - "light": { - "value": "rgb(1, 76, 52)" + "menu-item-top-to-disclosure-icon-small": { + "desktop": { + "value": "7px" }, - "dark": { - "value": "rgb(57, 215, 134)" + "prop": "--spectrum-menu-item-top-to-disclosure-icon-small", + "mobile": { + "value": "9px" } }, - "green-1300": { - "prop": "--spectrum-green-1300", - "light": { - "value": "rgb(0, 61, 44)" + "menu-item-top-to-disclosure-icon-medium": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(126, 231, 172)" + "prop": "--spectrum-menu-item-top-to-disclosure-icon-medium", + "mobile": { + "value": "13px" } }, - "green-1400": { - "prop": "--spectrum-green-1400", - "light": { - "value": "rgb(0, 46, 34)" + "menu-item-top-to-disclosure-icon-large": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(189, 241, 208)" + "prop": "--spectrum-menu-item-top-to-disclosure-icon-large", + "mobile": { + "value": "17px" } }, - "green-1500": { - "prop": "--spectrum-green-1500", - "dark": { - "value": "rgb(229, 250, 236)" + "menu-item-top-to-disclosure-icon-extra-large": { + "desktop": { + "value": "17px" }, - "light": { - "value": "rgb(0, 33, 25)" + "prop": "--spectrum-menu-item-top-to-disclosure-icon-extra-large", + "mobile": { + "value": "22px" } }, - "green-1600": { - "prop": "--spectrum-green-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "menu-item-top-to-selected-icon-small": { + "desktop": { + "value": "7px" }, - "light": { - "value": "rgb(0, 15, 12)" + "prop": "--spectrum-menu-item-top-to-selected-icon-small", + "mobile": { + "value": "9px" } }, - "green-200": { - "prop": "--spectrum-green-200", - "light": { - "value": "rgb(215, 247, 225)" + "menu-item-top-to-selected-icon-medium": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(0, 38, 29)" + "prop": "--spectrum-menu-item-top-to-selected-icon-medium", + "mobile": { + "value": "13px" } }, - "green-300": { - "prop": "--spectrum-green-300", - "light": { - "value": "rgb(173, 238, 197)" + "menu-item-top-to-selected-icon-large": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(0, 51, 38)" + "prop": "--spectrum-menu-item-top-to-selected-icon-large", + "mobile": { + "value": "17px" } }, - "green-400": { - "prop": "--spectrum-green-400", - "light": { - "value": "rgb(107, 227, 162)" + "menu-item-top-to-selected-icon-extra-large": { + "desktop": { + "value": "17px" }, - "dark": { - "value": "rgb(0, 68, 48)" + "prop": "--spectrum-menu-item-top-to-selected-icon-extra-large", + "mobile": { + "value": "22px" } }, - "green-500": { - "prop": "--spectrum-green-500", - "light": { - "value": "rgb(43, 209, 125)" + "menu-item-section-divider-height": { + "value": "12px", + "prop": "--spectrum-menu-item-section-divider-height" + }, + "slider-track-thickness": { + "value": "2px", + "prop": "--spectrum-slider-track-thickness" + }, + "slider-control-height-small": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(2, 87, 58)" + "prop": "--spectrum-slider-control-height-small", + "mobile": { + "value": "18px" } }, - "green-600": { - "prop": "--spectrum-green-600", - "light": { - "value": "rgb(18, 184, 103)" + "slider-control-height-medium": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(3, 106, 67)" + "prop": "--spectrum-slider-control-height-medium", + "mobile": { + "value": "20px" } }, - "green-700": { - "prop": "--spectrum-green-700", - "light": { - "value": "rgb(11, 164, 93)" + "slider-control-height-large": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(4, 124, 75)" + "prop": "--spectrum-slider-control-height-large", + "mobile": { + "value": "22px" } }, - "green-800": { - "prop": "--spectrum-green-800", - "light": { - "value": "rgb(7, 147, 85)" + "slider-control-height-extra-large": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(6, 136, 80)" + "prop": "--spectrum-slider-control-height-extra-large", + "mobile": { + "value": "26px" } }, - "green-900": { - "prop": "--spectrum-green-900", - "light": { - "value": "rgb(5, 131, 78)" + "slider-handle-size-small": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(9, 157, 89)" + "prop": "--spectrum-slider-handle-size-small", + "mobile": { + "value": "18px" } }, - "green-background-color-default": { - "prop": "--spectrum-green-background-color-default", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(7, 147, 85)" + "slider-handle-size-medium": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(6, 136, 80)" + "prop": "--spectrum-slider-handle-size-medium", + "mobile": { + "value": "20px" } }, - "green-subtle-background-color-default": { - "prop": "--spectrum-green-subtle-background-color-default", - "ref": "var(--spectrum-green-300)", - "light": { - "value": "rgb(173, 238, 197)" + "slider-handle-size-large": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(0, 51, 38)" + "prop": "--spectrum-slider-handle-size-large", + "mobile": { + "value": "22px" } }, - "green-visual-color": { - "prop": "--spectrum-green-visual-color", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(7, 147, 85)" + "slider-handle-size-extra-large": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(6, 136, 80)" + "prop": "--spectrum-slider-handle-size-extra-large", + "mobile": { + "value": "26px" } }, - "gripper-icon-size-100": { - "prop": "--spectrum-gripper-icon-size-100", - "value": "24px" - }, - "heading-cjk-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-cjk-font-family": { - "prop": "--spectrum-heading-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "heading-cjk-font-style": { - "prop": "--spectrum-heading-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-font-weight": { - "prop": "--spectrum-heading-cjk-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" - }, - "heading-cjk-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-heavy-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-cjk-heavy-font-style": { - "prop": "--spectrum-heading-cjk-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" - }, - "heading-cjk-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-cjk-heavy-strong-font-style": { - "prop": "--spectrum-heading-cjk-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-strong-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-cjk-light-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-light-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "heading-cjk-light-font-style": { - "prop": "--spectrum-heading-cjk-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-font-weight": { - "prop": "--spectrum-heading-cjk-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "light" - }, - "heading-cjk-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" - }, - "heading-cjk-light-strong-font-style": { - "prop": "--spectrum-heading-cjk-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-strong-font-weight": { - "prop": "--spectrum-heading-cjk-light-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" - }, - "heading-cjk-line-height": { - "prop": "--spectrum-heading-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": "1.5" + "slider-handle-border-width-down-small": { + "desktop": { + "value": "5px" + }, + "prop": "--spectrum-slider-handle-border-width-down-small", + "mobile": { + "value": "7px" + } }, - "heading-cjk-size-l": { - "prop": "--spectrum-heading-cjk-size-l", - "ref": "var(--spectrum-font-size-600)", + "slider-handle-border-width-down-medium": { "desktop": { - "value": "25px" + "value": "6px" }, + "prop": "--spectrum-slider-handle-border-width-down-medium", "mobile": { - "value": "31px" + "value": "8px" } }, - "heading-cjk-size-m": { - "prop": "--spectrum-heading-cjk-size-m", - "ref": "var(--spectrum-font-size-400)", + "slider-handle-border-width-down-large": { "desktop": { - "value": "20px" + "value": "7px" }, + "prop": "--spectrum-slider-handle-border-width-down-large", "mobile": { - "value": "24px" + "value": "9px" } }, - "heading-cjk-size-s": { - "prop": "--spectrum-heading-cjk-size-s", - "ref": "var(--spectrum-font-size-300)", + "slider-handle-border-width-down-extra-large": { "desktop": { - "value": "18px" + "value": "8px" }, + "prop": "--spectrum-slider-handle-border-width-down-extra-large", "mobile": { - "value": "22px" + "value": "11px" } }, - "heading-cjk-size-xl": { - "prop": "--spectrum-heading-cjk-size-xl", - "ref": "var(--spectrum-font-size-800)", + "slider-handle-gap": { + "value": "4px", + "prop": "--spectrum-slider-handle-gap" + }, + "slider-bottom-to-handle-small": { "desktop": { - "value": "32px" + "value": "5px" }, + "prop": "--spectrum-slider-bottom-to-handle-small", "mobile": { - "value": "39px" + "value": "6px" } }, - "heading-cjk-size-xs": { - "prop": "--spectrum-heading-cjk-size-xs", - "ref": "var(--spectrum-font-size-200)", + "slider-bottom-to-handle-medium": { "desktop": { - "value": "16px" + "value": "8px" }, + "prop": "--spectrum-slider-bottom-to-handle-medium", "mobile": { - "value": "19px" + "value": "10px" } }, - "heading-cjk-size-xxl": { - "prop": "--spectrum-heading-cjk-size-xxl", - "ref": "var(--spectrum-font-size-1000)", + "slider-bottom-to-handle-large": { "desktop": { - "value": "40px" + "value": "11px" }, + "prop": "--spectrum-slider-bottom-to-handle-large", "mobile": { - "value": "49px" + "value": "14px" } }, - "heading-cjk-size-xxs": { - "prop": "--spectrum-heading-cjk-size-xxs", - "ref": "var(--spectrum-font-size-100)", + "slider-bottom-to-handle-extra-large": { "desktop": { "value": "14px" }, + "prop": "--spectrum-slider-bottom-to-handle-extra-large", "mobile": { "value": "17px" } }, - "heading-cjk-size-xxxl": { - "prop": "--spectrum-heading-cjk-size-xxxl", - "ref": "var(--spectrum-font-size-1200)", + "slider-control-to-field-label-small": { "desktop": { - "value": "51px" + "value": "-4px" }, + "prop": "--spectrum-slider-control-to-field-label-small", "mobile": { - "value": "62px" + "value": "-8px" } }, - "heading-cjk-size-xxxxl": { - "prop": "--spectrum-heading-cjk-size-xxxxl", - "ref": "var(--spectrum-font-size-1400)", + "slider-control-to-field-label-medium": { "desktop": { - "value": "65px" + "value": "-12px" }, + "prop": "--spectrum-slider-control-to-field-label-medium", "mobile": { - "value": "79px" + "value": "-16px" } }, - "heading-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-cjk-strong-font-style": { - "prop": "--spectrum-heading-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-strong-font-weight": { - "prop": "--spectrum-heading-cjk-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-color": { - "prop": "--spectrum-heading-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "slider-control-to-field-label-large": { + "desktop": { + "value": "-16px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-slider-control-to-field-label-large", + "mobile": { + "value": "-20px" } }, - "heading-line-height": { - "prop": "--spectrum-heading-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": "1.3" + "slider-control-to-field-label-extra-large": { + "desktop": { + "value": "-20px" + }, + "prop": "--spectrum-slider-control-to-field-label-extra-large", + "mobile": { + "value": "-28px" + } }, - "heading-margin-bottom-multiplier": { - "prop": "--spectrum-heading-margin-bottom-multiplier", - "value": "0.25" + "picker-minimum-width-multiplier": { + "value": "2", + "prop": "--spectrum-picker-minimum-width-multiplier" }, - "heading-margin-top-multiplier": { - "prop": "--spectrum-heading-margin-top-multiplier", - "value": "0.88888889" + "picker-visual-to-disclosure-icon-small": { + "desktop": { + "value": "7px" + }, + "prop": "--spectrum-picker-visual-to-disclosure-icon-small", + "mobile": { + "value": "9px" + } }, - "heading-sans-serif-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "picker-visual-to-disclosure-icon-medium": { + "desktop": { + "value": "8px" + }, + "prop": "--spectrum-picker-visual-to-disclosure-icon-medium", + "mobile": { + "value": "10px" + } }, - "heading-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "picker-visual-to-disclosure-icon-large": { + "desktop": { + "value": "9px" + }, + "prop": "--spectrum-picker-visual-to-disclosure-icon-large", + "mobile": { + "value": "11px" + } }, - "heading-sans-serif-font-family": { - "prop": "--spectrum-heading-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" + "picker-visual-to-disclosure-icon-extra-large": { + "desktop": { + "value": "10px" + }, + "prop": "--spectrum-picker-visual-to-disclosure-icon-extra-large", + "mobile": { + "value": "13px" + } }, - "heading-sans-serif-font-style": { - "prop": "--spectrum-heading-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "picker-border-width": { + "value": "1px", + "prop": "--spectrum-picker-border-width" }, - "heading-sans-serif-font-weight": { - "prop": "--spectrum-heading-sans-serif-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "picker-end-edge-to-disclousure-icon-quiet": { + "value": "0px", + "prop": "--spectrum-picker-end-edge-to-disclousure-icon-quiet" }, - "heading-sans-serif-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "picker-end-edge-to-disclosure-icon-quiet": { + "value": "0px", + "prop": "--spectrum-picker-end-edge-to-disclosure-icon-quiet" }, - "heading-sans-serif-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" + "text-field-minimum-width-multiplier": { + "value": "1.5", + "prop": "--spectrum-text-field-minimum-width-multiplier" }, - "heading-sans-serif-heavy-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "text-area-minimum-width": { + "desktop": { + "value": "112px" + }, + "prop": "--spectrum-text-area-minimum-width", + "mobile": { + "value": "140px" + } }, - "heading-sans-serif-heavy-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" + "text-area-minimum-height": { + "desktop": { + "value": "56px" + }, + "prop": "--spectrum-text-area-minimum-height", + "mobile": { + "value": "70px" + } }, - "heading-sans-serif-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "combo-box-minimum-width-multiplier": { + "value": "2.5", + "prop": "--spectrum-combo-box-minimum-width-multiplier" }, - "heading-sans-serif-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" + "combo-box-quiet-minimum-width-multiplier": { + "value": "2", + "prop": "--spectrum-combo-box-quiet-minimum-width-multiplier" }, - "heading-sans-serif-heavy-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "combo-box-visual-to-field-button-small": { + "value": "0px", + "prop": "--spectrum-combo-box-visual-to-field-button-small" }, - "heading-sans-serif-heavy-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" + "combo-box-visual-to-field-button-medium": { + "value": "0px", + "prop": "--spectrum-combo-box-visual-to-field-button-medium" }, - "heading-sans-serif-light-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "combo-box-visual-to-field-button-large": { + "value": "0px", + "prop": "--spectrum-combo-box-visual-to-field-button-large" }, - "heading-sans-serif-light-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "light" + "combo-box-visual-to-field-button-extra-large": { + "value": "0px", + "prop": "--spectrum-combo-box-visual-to-field-button-extra-large" }, - "heading-sans-serif-light-font-style": { - "prop": "--spectrum-heading-sans-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "combo-box-visual-to-field-button-quiet": { + "value": "0px", + "prop": "--spectrum-combo-box-visual-to-field-button-quiet" }, - "heading-sans-serif-light-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "light" + "thumbnail-size-50": { + "desktop": { + "value": "16px" + }, + "prop": "--spectrum-thumbnail-size-50", + "mobile": { + "value": "20px" + } }, - "heading-sans-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "thumbnail-size-75": { + "desktop": { + "value": "20px" + }, + "prop": "--spectrum-thumbnail-size-75", + "mobile": { + "value": "24px" + } }, - "heading-sans-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "thumbnail-size-100": { + "desktop": { + "value": "24px" + }, + "prop": "--spectrum-thumbnail-size-100", + "mobile": { + "value": "28px" + } }, - "heading-sans-serif-light-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-light-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "heading-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-sans-serif-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-serif-emphasized-font-style": { - "prop": "--spectrum-heading-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "heading-serif-font-family": { - "prop": "--spectrum-heading-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "heading-serif-font-style": { - "prop": "--spectrum-heading-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-font-weight": { - "prop": "--spectrum-heading-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "heading-serif-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-serif-heavy-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-serif-heavy-font-style": { - "prop": "--spectrum-heading-serif-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-heavy-font-weight": { - "prop": "--spectrum-heading-serif-heavy-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-serif-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-serif-heavy-strong-font-style": { - "prop": "--spectrum-heading-serif-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-heavy-strong-font-weight": { - "prop": "--spectrum-heading-serif-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-serif-light-emphasized-font-style": { - "prop": "--spectrum-heading-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-light-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "heading-serif-light-font-style": { - "prop": "--spectrum-heading-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-light-font-weight": { - "prop": "--spectrum-heading-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "regular" - }, - "heading-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "heading-serif-light-strong-font-style": { - "prop": "--spectrum-heading-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-light-strong-font-weight": { - "prop": "--spectrum-heading-serif-light-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" - }, - "heading-serif-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-serif-strong-font-style": { - "prop": "--spectrum-heading-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-strong-font-weight": { - "prop": "--spectrum-heading-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" - }, - "heading-size-l": { - "prop": "--spectrum-heading-size-l", - "ref": "var(--spectrum-font-size-700)", + "thumbnail-size-200": { "desktop": { "value": "28px" }, + "prop": "--spectrum-thumbnail-size-200", "mobile": { - "value": "34px" + "value": "32px" } }, - "heading-size-m": { - "prop": "--spectrum-heading-size-m", - "ref": "var(--spectrum-font-size-500)", + "thumbnail-size-300": { "desktop": { - "value": "22px" + "value": "32px" }, + "prop": "--spectrum-thumbnail-size-300", "mobile": { - "value": "27px" + "value": "36px" } }, - "heading-size-s": { - "prop": "--spectrum-heading-size-s", - "ref": "var(--spectrum-font-size-400)", + "thumbnail-size-400": { "desktop": { - "value": "20px" + "value": "36px" }, + "prop": "--spectrum-thumbnail-size-400", "mobile": { - "value": "24px" + "value": "40px" } }, - "heading-size-xl": { - "prop": "--spectrum-heading-size-xl", - "ref": "var(--spectrum-font-size-900)", + "thumbnail-size-500": { "desktop": { - "value": "36px" + "value": "40px" }, + "prop": "--spectrum-thumbnail-size-500", "mobile": { "value": "44px" } }, - "heading-size-xs": { - "prop": "--spectrum-heading-size-xs", - "ref": "var(--spectrum-font-size-300)", + "thumbnail-size-600": { "desktop": { - "value": "18px" + "value": "44px" }, + "prop": "--spectrum-thumbnail-size-600", "mobile": { - "value": "22px" + "value": "48px" } }, - "heading-size-xxl": { - "prop": "--spectrum-heading-size-xxl", - "ref": "var(--spectrum-font-size-1100)", + "thumbnail-size-700": { "desktop": { - "value": "45px" + "value": "48px" }, + "prop": "--spectrum-thumbnail-size-700", "mobile": { - "value": "55px" + "value": "52px" } }, - "heading-size-xxs": { - "prop": "--spectrum-heading-size-xxs", - "ref": "var(--spectrum-font-size-100)", + "thumbnail-size-800": { "desktop": { - "value": "14px" + "value": "52px" }, + "prop": "--spectrum-thumbnail-size-800", "mobile": { - "value": "17px" + "value": "56px" } }, - "heading-size-xxxl": { - "prop": "--spectrum-heading-size-xxxl", - "ref": "var(--spectrum-font-size-1300)", + "thumbnail-size-900": { "desktop": { - "value": "58px" + "value": "56px" }, + "prop": "--spectrum-thumbnail-size-900", "mobile": { - "value": "70px" + "value": "64px" } }, - "heading-size-xxxxl": { - "prop": "--spectrum-heading-size-xxxxl", - "ref": "var(--spectrum-font-size-1500)", + "thumbnail-size-1000": { "desktop": { - "value": "73px" + "value": "64px" }, + "prop": "--spectrum-thumbnail-size-1000", "mobile": { - "value": "88px" + "value": "72px" } }, - "help-text-to-component": { - "prop": "--spectrum-help-text-to-component", - "value": "0px" + "alert-dialog-minimum-width": { + "value": "288px", + "prop": "--spectrum-alert-dialog-minimum-width" }, - "help-text-top-to-workflow-icon-extra-large": { - "prop": "--spectrum-help-text-top-to-workflow-icon-extra-large", - "ref": "var(--spectrum-component-top-to-workflow-icon-300)", + "alert-dialog-maximum-width": { + "value": "480px", + "prop": "--spectrum-alert-dialog-maximum-width" + }, + "alert-dialog-title-size": { "desktop": { - "value": "11px" + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } }, "mobile": { - "value": "15px" - } + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } + }, + "prop": "--spectrum-alert-dialog-title-size" }, - "help-text-top-to-workflow-icon-large": { - "prop": "--spectrum-help-text-top-to-workflow-icon-large", - "ref": "var(--spectrum-component-top-to-workflow-icon-200)", + "alert-dialog-description-size": { "desktop": { - "value": "9px" + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } }, "mobile": { - "value": "11px" - } + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-alert-dialog-description-size" }, - "help-text-top-to-workflow-icon-medium": { - "prop": "--spectrum-help-text-top-to-workflow-icon-medium", - "ref": "var(--spectrum-component-top-to-workflow-icon-100)", + "opacity-checkerboard-square-size": { "desktop": { - "value": "6px" + "mobile": { + "value": "8px" + } }, "mobile": { - "value": "8px" - } + "mobile": { + "value": "10px" + } + }, + "prop": "--spectrum-opacity-checkerboard-square-size" }, - "help-text-top-to-workflow-icon-small": { - "prop": "--spectrum-help-text-top-to-workflow-icon-small", - "ref": "var(--spectrum-component-top-to-workflow-icon-75)", + "opacity-checkerboard-square-size-medium": { "desktop": { - "value": "4px" + "value": "8px" }, + "prop": "--spectrum-opacity-checkerboard-square-size-medium", "mobile": { - "value": "6px" + "value": "10px" } }, - "icon-color-blue-background": { - "prop": "--spectrum-icon-color-blue-background", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(203, 226, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } + "contextual-help-minimum-width": { + "value": "268px", + "prop": "--spectrum-contextual-help-minimum-width" }, - "icon-color-blue-primary-default": { - "prop": "--spectrum-icon-color-blue-primary-default", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" + "contextual-help-title-size": { + "desktop": { + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "icon-color-blue-primary-down": { - "prop": "--spectrum-icon-color-blue-primary-down", - "ref": "var(--spectrum-blue-1000)", - "light": { - "value": "rgb(39, 77, 234)" + "mobile": { + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } }, - "dark": { - "value": "rgb(105, 149, 254)" - } + "prop": "--spectrum-contextual-help-title-size" }, - "icon-color-blue-primary-hover": { - "prop": "--spectrum-icon-color-blue-primary-hover", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(59, 99, 251)" + "contextual-help-body-size": { + "desktop": { + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } }, - "dark": { - "value": "rgb(86, 129, 255)" - } + "mobile": { + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-contextual-help-body-size" }, - "icon-color-brown-background": { - "prop": "--spectrum-icon-color-brown-background", - "ref": "var(--spectrum-brown-400)", - "dark": { - "value": "rgb(78, 55, 19)" + "breadcrumbs-height": { + "desktop": { + "value": "40px" }, - "light": { - "value": "rgb(229, 200, 157)" - } + "mobile": { + "value": "50px" + }, + "prop": "--spectrum-breadcrumbs-height" }, - "icon-color-brown-primary-default": { - "prop": "--spectrum-icon-color-brown-primary-default", - "ref": "var(--spectrum-brown-700)", - "dark": { - "value": "rgb(132, 104, 61)" + "breadcrumbs-height-compact": { + "desktop": { + "value": "32px" }, - "light": { - "value": "rgb(171, 138, 90)" - } + "mobile": { + "value": "40px" + }, + "prop": "--spectrum-breadcrumbs-height-compact" }, - "icon-color-brown-primary-down": { - "prop": "--spectrum-icon-color-brown-primary-down", - "ref": "var(--spectrum-brown-900)", - "dark": { - "value": "rgb(163, 132, 84)" + "breadcrumbs-height-multiline": { + "desktop": { + "value": "72px" }, - "light": { - "value": "rgb(139, 109, 66)" + "prop": "--spectrum-breadcrumbs-height-multiline", + "mobile": { + "value": "90px" } }, - "icon-color-brown-primary-hover": { - "prop": "--spectrum-icon-color-brown-primary-hover", - "ref": "var(--spectrum-brown-800)", - "dark": { - "value": "rgb(143, 114, 69)" + "breadcrumbs-top-to-text": { + "desktop": { + "value": "9px" }, - "light": { - "value": "rgb(154, 123, 77)" - } + "mobile": { + "value": "12px" + }, + "prop": "--spectrum-breadcrumbs-top-to-text" }, - "icon-color-celery-background": { - "prop": "--spectrum-icon-color-celery-background", - "ref": "var(--spectrum-celery-400)", - "light": { - "value": "rgb(129, 228, 58)" + "breadcrumbs-top-to-text-compact": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(31, 67, 4)" - } + "mobile": { + "value": "8px" + }, + "prop": "--spectrum-breadcrumbs-top-to-text-compact" }, - "icon-color-celery-primary-default": { - "prop": "--spectrum-icon-color-celery-primary-default", - "ref": "var(--spectrum-celery-900)", - "light": { - "value": "rgb(64, 129, 17)" + "breadcrumbs-top-to-text-multiline": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(78, 154, 23)" + "prop": "--spectrum-breadcrumbs-top-to-text-multiline", + "mobile": { + "value": "5px" } }, - "icon-color-celery-primary-down": { - "prop": "--spectrum-icon-color-celery-primary-down", - "ref": "var(--spectrum-celery-1100)", - "light": { - "value": "rgb(44, 92, 9)" + "breadcrumbs-bottom-to-text": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(100, 190, 35)" - } + "mobile": { + "value": "14px" + }, + "prop": "--spectrum-breadcrumbs-bottom-to-text" }, - "icon-color-celery-primary-hover": { - "prop": "--spectrum-icon-color-celery-primary-hover", - "ref": "var(--spectrum-celery-1000)", - "light": { - "value": "rgb(52, 109, 12)" + "breadcrumbs-bottom-to-text-compact": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(88, 172, 28)" - } + "mobile": { + "value": "11px" + }, + "prop": "--spectrum-breadcrumbs-bottom-to-text-compact" }, - "icon-color-chartreuse-background": { - "prop": "--spectrum-icon-color-chartreuse-background", - "ref": "var(--spectrum-chartreuse-400)", - "light": { - "value": "rgb(182, 219, 0)" + "breadcrumbs-bottom-to-text-multiline": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(53, 63, 0)" + "prop": "--spectrum-breadcrumbs-bottom-to-text-multiline", + "mobile": { + "value": "11px" } }, - "icon-color-chartreuse-primary-default": { - "prop": "--spectrum-icon-color-chartreuse-primary-default", - "ref": "var(--spectrum-chartreuse-1000)", - "light": { - "value": "rgb(86, 103, 0)" + "breadcrumbs-start-edge-to-text": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(136, 164, 0)" - } + "mobile": { + "value": "11px" + }, + "prop": "--spectrum-breadcrumbs-start-edge-to-text" }, - "icon-color-chartreuse-primary-down": { - "prop": "--spectrum-icon-color-chartreuse-primary-down", - "ref": "var(--spectrum-chartreuse-1200)", - "light": { - "value": "rgb(60, 71, 0)" + "breadcrumbs-end-edge-to-text": { + "value": "0px", + "prop": "--spectrum-breadcrumbs-end-edge-to-text" + }, + "breadcrumbs-top-text-to-bottom-text": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(169, 203, 0)" + "prop": "--spectrum-breadcrumbs-top-text-to-bottom-text", + "mobile": { + "value": "11px" } }, - "icon-color-chartreuse-primary-hover": { - "prop": "--spectrum-icon-color-chartreuse-primary-hover", - "ref": "var(--spectrum-chartreuse-1100)", - "light": { - "value": "rgb(73, 87, 0)" + "breadcrumbs-top-to-separator-icon": { + "desktop": { + "value": "15px" }, - "dark": { - "value": "rgb(151, 181, 0)" - } + "mobile": { + "value": "20px" + }, + "prop": "--spectrum-breadcrumbs-top-to-separator-icon" }, - "icon-color-cinnamon-background": { - "prop": "--spectrum-icon-color-cinnamon-background", - "ref": "var(--spectrum-cinnamon-300)", - "dark": { - "value": "rgb(79, 28, 7)" + "breadcrumbs-top-to-separator-icon-compact": { + "desktop": { + "value": "11px" }, - "light": { - "value": "rgb(244, 218, 203)" - } + "mobile": { + "value": "15px" + }, + "prop": "--spectrum-breadcrumbs-top-to-separator-icon-compact" }, - "icon-color-cinnamon-primary-default": { - "prop": "--spectrum-icon-color-cinnamon-primary-default", - "ref": "var(--spectrum-cinnamon-800)", - "dark": { - "value": "rgb(176, 98, 59)" + "breadcrumbs-top-to-separator-icon-multiline": { + "desktop": { + "mobile": { + "value": "11px" + } }, - "light": { - "value": "rgb(184, 109, 70)" - } + "mobile": { + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-breadcrumbs-top-to-separator-icon-multiline" }, - "icon-color-cinnamon-primary-down": { - "prop": "--spectrum-icon-color-cinnamon-primary-down", - "ref": "var(--spectrum-cinnamon-1000)", - "dark": { - "value": "rgb(206, 136, 99)" + "breadcrumbs-separator-icon-to-bottom-text-multiline": { + "desktop": { + "value": "11px" }, - "light": { - "value": "rgb(147, 77, 43)" - } + "mobile": { + "value": "15px" + }, + "prop": "--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline" }, - "icon-color-cinnamon-primary-hover": { - "prop": "--spectrum-icon-color-cinnamon-primary-hover", - "ref": "var(--spectrum-cinnamon-900)", - "dark": { - "value": "rgb(192, 119, 80)" + "breadcrumbs-truncated-menu-to-separator-icon": { + "value": "0px", + "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator-icon" + }, + "breadcrumbs-top-to-truncated-menu": { + "value": "0px", + "prop": "--spectrum-breadcrumbs-top-to-truncated-menu" + }, + "breadcrumbs-top-to-truncated-menu-compact": { + "value": "0px", + "prop": "--spectrum-breadcrumbs-top-to-truncated-menu-compact" + }, + "breadcrumbs-start-edge-to-truncated-menu": { + "value": "0px", + "prop": "--spectrum-breadcrumbs-start-edge-to-truncated-menu" + }, + "breadcrumbs-truncated-menu-to-bottom-text": { + "desktop": { + "value": "4px" }, - "light": { - "value": "rgb(170, 94, 56)" + "prop": "--spectrum-breadcrumbs-truncated-menu-to-bottom-text", + "mobile": { + "value": "5px" } }, - "icon-color-cyan-background": { - "prop": "--spectrum-icon-color-cyan-background", - "ref": "var(--spectrum-cyan-400)", - "light": { - "value": "rgb(138, 213, 255)" + "avatar-size-50": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(0, 64, 88)" + "prop": "--spectrum-avatar-size-50", + "mobile": { + "value": "20px" } }, - "icon-color-cyan-primary-default": { - "prop": "--spectrum-icon-color-cyan-primary-default", - "ref": "var(--spectrum-cyan-800)", - "light": { - "value": "rgb(18, 134, 205)" + "avatar-size-75": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(13, 125, 186)" + "prop": "--spectrum-avatar-size-75", + "mobile": { + "value": "24px" } }, - "icon-color-cyan-primary-down": { - "prop": "--spectrum-icon-color-cyan-primary-down", - "ref": "var(--spectrum-cyan-1000)", - "light": { - "value": "rgb(4, 102, 145)" + "avatar-size-100": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(38, 159, 244)" + "prop": "--spectrum-avatar-size-100", + "mobile": { + "value": "28px" } }, - "icon-color-cyan-primary-hover": { - "prop": "--spectrum-icon-color-cyan-primary-hover", - "ref": "var(--spectrum-cyan-900)", - "light": { - "value": "rgb(11, 120, 179)" + "avatar-size-200": { + "desktop": { + "value": "28px" }, - "dark": { - "value": "rgb(24, 142, 220)" + "prop": "--spectrum-avatar-size-200", + "mobile": { + "value": "32px" } }, - "icon-color-disabled-primary": { - "prop": "--spectrum-icon-color-disabled-primary", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" + "avatar-size-300": { + "desktop": { + "value": "32px" }, - "dark": { - "value": "rgb(68, 68, 68)" + "prop": "--spectrum-avatar-size-300", + "mobile": { + "value": "36px" } }, - "icon-color-emphasized-background": { - "prop": "--spectrum-icon-color-emphasized-background", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "avatar-size-400": { + "desktop": { + "value": "36px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-avatar-size-400", + "mobile": { + "value": "40px" } }, - "icon-color-fuchsia-background": { - "prop": "--spectrum-icon-color-fuchsia-background", - "ref": "var(--spectrum-fuchsia-200)", - "light": { - "value": "rgb(253, 233, 255)" + "avatar-size-500": { + "desktop": { + "value": "40px" }, - "dark": { - "value": "rgb(61, 0, 74)" + "prop": "--spectrum-avatar-size-500", + "mobile": { + "value": "44px" } }, - "icon-color-fuchsia-primary-default": { - "prop": "--spectrum-icon-color-fuchsia-primary-default", - "ref": "var(--spectrum-fuchsia-700)", - "light": { - "value": "rgb(223, 77, 245)" + "avatar-size-600": { + "desktop": { + "value": "44px" }, - "dark": { - "value": "rgb(173, 51, 192)" + "prop": "--spectrum-avatar-size-600", + "mobile": { + "value": "48px" } }, - "icon-color-fuchsia-primary-down": { - "prop": "--spectrum-icon-color-fuchsia-primary-down", - "ref": "var(--spectrum-fuchsia-900)", - "light": { - "value": "rgb(181, 57, 200)" + "avatar-size-700": { + "desktop": { + "value": "48px" }, - "dark": { - "value": "rgb(213, 73, 235)" + "prop": "--spectrum-avatar-size-700", + "mobile": { + "value": "52px" } }, - "icon-color-fuchsia-primary-hover": { - "prop": "--spectrum-icon-color-fuchsia-primary-hover", - "ref": "var(--spectrum-fuchsia-800)", - "light": { - "value": "rgb(200, 68, 220)" + "avatar-size-800": { + "desktop": { + "value": "52px" }, - "dark": { - "value": "rgb(186, 60, 206)" + "prop": "--spectrum-avatar-size-800", + "mobile": { + "value": "56px" } }, - "icon-color-green-background": { - "prop": "--spectrum-icon-color-green-background", - "ref": "var(--spectrum-green-400)", - "light": { - "value": "rgb(107, 227, 162)" + "avatar-size-900": { + "desktop": { + "value": "56px" }, - "dark": { - "value": "rgb(0, 68, 48)" + "prop": "--spectrum-avatar-size-900", + "mobile": { + "value": "64px" } }, - "icon-color-green-primary-default": { - "prop": "--spectrum-icon-color-green-primary-default", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(7, 147, 85)" + "avatar-size-1000": { + "desktop": { + "value": "64px" }, - "dark": { - "value": "rgb(6, 136, 80)" + "prop": "--spectrum-avatar-size-1000", + "mobile": { + "value": "72px" } }, - "icon-color-green-primary-down": { - "prop": "--spectrum-icon-color-green-primary-down", - "ref": "var(--spectrum-green-1000)", - "light": { - "value": "rgb(3, 110, 69)" + "avatar-size-1100": { + "desktop": { + "value": "72px" }, - "dark": { - "value": "rgb(14, 175, 98)" + "prop": "--spectrum-avatar-size-1100", + "mobile": { + "value": "80px" } }, - "icon-color-green-primary-hover": { - "prop": "--spectrum-icon-color-green-primary-hover", - "ref": "var(--spectrum-green-900)", - "light": { - "value": "rgb(5, 131, 78)" + "avatar-size-1200": { + "desktop": { + "value": "80px" }, - "dark": { - "value": "rgb(9, 157, 89)" + "prop": "--spectrum-avatar-size-1200", + "mobile": { + "value": "88px" } }, - "icon-color-indigo-background": { - "prop": "--spectrum-icon-color-indigo-background", - "ref": "var(--spectrum-indigo-100)", - "light": { - "value": "rgb(247, 248, 255)" + "avatar-size-1300": { + "desktop": { + "value": "88px" }, - "dark": { - "value": "rgb(30, 0, 93)" + "prop": "--spectrum-avatar-size-1300", + "mobile": { + "value": "96px" } }, - "icon-color-indigo-primary-default": { - "prop": "--spectrum-icon-color-indigo-primary-default", - "ref": "var(--spectrum-indigo-700)", - "light": { - "value": "rgb(132, 128, 254)" + "avatar-size-1400": { + "desktop": { + "value": "96px" }, - "dark": { - "value": "rgb(109, 75, 248)" + "prop": "--spectrum-avatar-size-1400", + "mobile": { + "value": "104px" } }, - "icon-color-indigo-primary-down": { - "prop": "--spectrum-icon-color-indigo-primary-down", - "ref": "var(--spectrum-indigo-900)", - "light": { - "value": "rgb(113, 85, 250)" + "avatar-size-1500": { + "desktop": { + "value": "104px" }, - "dark": { - "value": "rgb(128, 119, 254)" + "prop": "--spectrum-avatar-size-1500", + "mobile": { + "value": "112px" } }, - "icon-color-indigo-primary-hover": { - "prop": "--spectrum-icon-color-indigo-primary-hover", - "ref": "var(--spectrum-indigo-800)", - "light": { - "value": "rgb(122, 106, 253)" + "alert-banner-minimum-height": { + "desktop": { + "value": "56px" }, - "dark": { - "value": "rgb(116, 91, 252)" + "prop": "--spectrum-alert-banner-minimum-height", + "mobile": { + "value": "64px" } }, - "icon-color-informative": { - "prop": "--spectrum-icon-color-informative", - "ref": "var(--spectrum-informative-visual-color)" - }, - "icon-color-inverse": { - "prop": "--spectrum-icon-color-inverse", - "ref": "var(--spectrum-gray-50)", - "light": { - "value": "rgb(248, 248, 248)" + "alert-banner-width": { + "desktop": { + "value": "832px" }, - "dark": { - "value": "rgb(27, 27, 27)" + "prop": "--spectrum-alert-banner-width", + "mobile": { + "value": "680px" } }, - "icon-color-inverse-background": { - "prop": "--spectrum-icon-color-inverse-background", - "ref": "var(--spectrum-gray-50)", - "light": { - "value": "rgb(248, 248, 248)" + "alert-banner-to-top-workflow-icon": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "icon-color-magenta-background": { - "prop": "--spectrum-icon-color-magenta-background", - "ref": "var(--spectrum-magenta-200)", - "light": { - "value": "rgb(255, 232, 240)" + "mobile": { + "value": "20px" }, - "dark": { - "value": "rgb(74, 0, 27)" - } + "prop": "--spectrum-alert-banner-to-top-workflow-icon" }, - "icon-color-magenta-primary-default": { - "prop": "--spectrum-icon-color-magenta-primary-default", - "ref": "var(--spectrum-magenta-700)", - "light": { - "value": "rgb(255, 72, 133)" + "alert-banner-top-to-workflow-icon": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(207, 31, 92)" + "prop": "--spectrum-alert-banner-top-to-workflow-icon", + "mobile": { + "value": "20px" } }, - "icon-color-magenta-primary-down": { - "prop": "--spectrum-icon-color-magenta-primary-down", - "ref": "var(--spectrum-magenta-900)", - "light": { - "value": "rgb(217, 35, 97)" + "alert-banner-to-top-text": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(255, 51, 119)" - } + "mobile": { + "value": "21px" + }, + "prop": "--spectrum-alert-banner-to-top-text" }, - "icon-color-magenta-primary-hover": { - "prop": "--spectrum-icon-color-magenta-primary-hover", - "ref": "var(--spectrum-magenta-800)", - "light": { - "value": "rgb(240, 45, 110)" + "alert-banner-top-to-text": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(224, 38, 101)" + "prop": "--spectrum-alert-banner-top-to-text", + "mobile": { + "value": "21px" } }, - "icon-color-negative": { - "prop": "--spectrum-icon-color-negative", - "ref": "var(--spectrum-negative-visual-color)" - }, - "icon-color-neutral": { - "prop": "--spectrum-icon-color-neutral", - "ref": "var(--spectrum-neutral-visual-color)" - }, - "icon-color-notice": { - "prop": "--spectrum-icon-color-notice", - "ref": "var(--spectrum-notice-visual-color)" - }, - "icon-color-orange-background": { - "prop": "--spectrum-icon-color-orange-background", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 218, 158)" + "alert-banner-to-bottom-text": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(80, 27, 0)" - } + "mobile": { + "value": "22px" + }, + "prop": "--spectrum-alert-banner-to-bottom-text" }, - "icon-color-orange-primary-default": { - "prop": "--spectrum-icon-color-orange-primary-default", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(194, 78, 0)" + "alert-banner-bottom-to-text": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(224, 100, 0)" + "prop": "--spectrum-alert-banner-bottom-to-text", + "mobile": { + "value": "22px" } }, - "icon-color-orange-primary-down": { - "prop": "--spectrum-icon-color-orange-primary-down", - "ref": "var(--spectrum-orange-1100)", - "light": { - "value": "rgb(144, 51, 0)" + "rating-indicator-width": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(255, 137, 0)" + "prop": "--spectrum-rating-indicator-width", + "mobile": { + "value": "22px" } }, - "icon-color-orange-primary-hover": { - "prop": "--spectrum-icon-color-orange-primary-hover", - "ref": "var(--spectrum-orange-1000)", - "light": { - "value": "rgb(167, 62, 0)" + "rating-indicator-to-icon": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(243, 117, 0)" + "prop": "--spectrum-rating-indicator-to-icon", + "mobile": { + "value": "5px" } }, - "icon-color-pink-background": { - "prop": "--spectrum-icon-color-pink-background", - "ref": "var(--spectrum-pink-200)", - "dark": { - "value": "rgb(71, 0, 44)" + "color-area-width": { + "desktop": { + "value": "192px" }, - "light": { - "value": "rgb(255, 232, 247)" + "prop": "--spectrum-color-area-width", + "mobile": { + "value": "240px" } }, - "icon-color-pink-primary-default": { - "prop": "--spectrum-icon-color-pink-primary-default", - "ref": "var(--spectrum-pink-700)", - "dark": { - "value": "rgb(196, 39, 138)" + "color-area-minimum-width": { + "desktop": { + "value": "64px" }, - "light": { - "value": "rgb(242, 76, 184)" + "prop": "--spectrum-color-area-minimum-width", + "mobile": { + "value": "80px" } }, - "icon-color-pink-primary-down": { - "prop": "--spectrum-icon-color-pink-primary-down", - "ref": "var(--spectrum-pink-900)", - "dark": { - "value": "rgb(236, 67, 175)" + "color-area-height": { + "desktop": { + "value": "192px" }, - "light": { - "value": "rgb(206, 42, 146)" + "prop": "--spectrum-color-area-height", + "mobile": { + "value": "240px" } }, - "icon-color-pink-primary-hover": { - "prop": "--spectrum-icon-color-pink-primary-hover", - "ref": "var(--spectrum-pink-800)", - "dark": { - "value": "rgb(213, 45, 151)" + "color-area-minimum-height": { + "desktop": { + "value": "64px" }, - "light": { - "value": "rgb(228, 52, 163)" + "prop": "--spectrum-color-area-minimum-height", + "mobile": { + "value": "80px" } }, - "icon-color-positive": { - "prop": "--spectrum-icon-color-positive", - "ref": "var(--spectrum-positive-visual-color)" - }, - "icon-color-primary-default": { - "prop": "--spectrum-icon-color-primary-default", - "ref": "var(--spectrum-neutral-content-color-default)" - }, - "icon-color-primary-down": { - "prop": "--spectrum-icon-color-primary-down", - "ref": "var(--spectrum-neutral-content-color-down)" + "color-area-border-width": { + "value": "1px", + "prop": "--spectrum-color-area-border-width" }, - "icon-color-primary-hover": { - "prop": "--spectrum-icon-color-primary-hover", - "ref": "var(--spectrum-neutral-content-color-hover)" + "color-area-border-rounding": { + "value": "7px", + "prop": "--spectrum-color-area-border-rounding" }, - "icon-color-purple-background": { - "prop": "--spectrum-icon-color-purple-background", - "ref": "var(--spectrum-purple-200)", - "light": { - "value": "rgb(244, 235, 252)" + "color-wheel-width": { + "desktop": { + "value": "192px" }, - "dark": { - "value": "rgb(50, 0, 96)" + "prop": "--spectrum-color-wheel-width", + "mobile": { + "value": "240px" } }, - "icon-color-purple-primary-default": { - "prop": "--spectrum-icon-color-purple-primary-default", - "ref": "var(--spectrum-purple-700)", - "light": { - "value": "rgb(178, 114, 235)" + "color-wheel-minimum-width": { + "desktop": { + "value": "175px" }, - "dark": { - "value": "rgb(148, 62, 224)" + "prop": "--spectrum-color-wheel-minimum-width", + "mobile": { + "value": "219px" } }, - "icon-color-purple-primary-down": { - "prop": "--spectrum-icon-color-purple-primary-down", - "ref": "var(--spectrum-purple-900)", - "light": { - "value": "rgb(154, 71, 226)" - }, - "dark": { - "value": "rgb(173, 105, 233)" - } + "color-wheel-color-area-margin": { + "value": "12px", + "prop": "--spectrum-color-wheel-color-area-margin" }, - "icon-color-purple-primary-hover": { - "prop": "--spectrum-icon-color-purple-primary-hover", - "ref": "var(--spectrum-purple-800)", - "light": { - "value": "rgb(166, 92, 231)" + "color-slider-length": { + "desktop": { + "value": "192px" }, - "dark": { - "value": "rgb(157, 78, 228)" + "prop": "--spectrum-color-slider-length", + "mobile": { + "value": "240px" } }, - "icon-color-red-background": { - "prop": "--spectrum-icon-color-red-background", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 214, 209)" + "color-slider-minimum-length": { + "desktop": { + "value": "80px" }, - "dark": { - "value": "rgb(87, 17, 7)" + "prop": "--spectrum-color-slider-minimum-length", + "mobile": { + "value": "100px" } }, - "icon-color-red-primary-default": { - "prop": "--spectrum-icon-color-red-primary-default", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(255, 81, 61)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } + "color-slider-border-width": { + "value": "1px", + "prop": "--spectrum-color-slider-border-width" }, - "icon-color-red-primary-down": { - "prop": "--spectrum-icon-color-red-primary-down", - "ref": "var(--spectrum-red-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } + "color-slider-border-rounding": { + "value": "7px", + "prop": "--spectrum-color-slider-border-rounding" }, - "icon-color-red-primary-hover": { - "prop": "--spectrum-icon-color-red-primary-hover", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } + "floating-action-button-drop-shadow-blur": { + "value": "12px", + "prop": "--spectrum-floating-action-button-drop-shadow-blur" }, - "icon-color-seafoam-background": { - "prop": "--spectrum-icon-color-seafoam-background", - "ref": "var(--spectrum-seafoam-400)", - "light": { - "value": "rgb(92, 225, 194)" - }, - "dark": { - "value": "rgb(0, 67, 59)" - } + "floating-action-button-drop-shadow-y": { + "value": "4px", + "prop": "--spectrum-floating-action-button-drop-shadow-y" }, - "icon-color-seafoam-primary-default": { - "prop": "--spectrum-icon-color-seafoam-primary-default", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(9, 144, 120)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } + "illustrated-message-maximum-width": { + "value": "380px", + "prop": "--spectrum-illustrated-message-maximum-width" }, - "icon-color-seafoam-primary-down": { - "prop": "--spectrum-icon-color-seafoam-primary-down", - "ref": "var(--spectrum-seafoam-1000)", - "light": { - "value": "rgb(5, 108, 92)" + "illustrated-message-title-size": { + "desktop": { + "desktop": { + "value": "22px" + }, + "mobile": { + "value": "27px" + } }, - "dark": { - "value": "rgb(12, 173, 142)" - } - }, - "icon-color-seafoam-primary-hover": { - "prop": "--spectrum-icon-color-seafoam-primary-hover", - "ref": "var(--spectrum-seafoam-900)", - "light": { - "value": "rgb(7, 129, 109)" + "mobile": { + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } }, - "dark": { - "value": "rgb(10, 154, 128)" - } + "prop": "--spectrum-illustrated-message-title-size" }, - "icon-color-silver-background": { - "prop": "--spectrum-icon-color-silver-background", - "ref": "var(--spectrum-silver-400)", - "dark": { - "value": "rgb(59, 59, 59)" + "illustrated-message-cjk-title-size": { + "desktop": { + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } }, - "light": { - "value": "rgb(204, 204, 204)" - } - }, - "icon-color-silver-primary-default": { - "prop": "--spectrum-icon-color-silver-primary-default", - "ref": "var(--spectrum-silver-800)", - "dark": { - "value": "rgb(118, 118, 118)" + "mobile": { + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } }, - "light": { - "value": "rgb(128, 128, 128)" - } + "prop": "--spectrum-illustrated-message-cjk-title-size" }, - "icon-color-silver-primary-down": { - "prop": "--spectrum-icon-color-silver-primary-down", - "ref": "var(--spectrum-silver-1000)", - "dark": { - "value": "rgb(152, 152, 152)" + "illustrated-message-body-size": { + "desktop": { + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } }, - "light": { - "value": "rgb(96, 96, 96)" - } - }, - "icon-color-silver-primary-hover": { - "prop": "--spectrum-icon-color-silver-primary-hover", - "ref": "var(--spectrum-silver-900)", - "dark": { - "value": "rgb(137, 137, 137)" + "mobile": { + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } }, - "light": { - "value": "rgb(114, 114, 114)" - } + "prop": "--spectrum-illustrated-message-body-size" }, - "icon-color-turquoise-background": { - "prop": "--spectrum-icon-color-turquoise-background", - "ref": "var(--spectrum-turquoise-400)", - "dark": { - "value": "rgb(0, 66, 72)" - }, - "light": { - "value": "rgb(111, 221, 228)" - } + "search-field-minimum-width-multiplier": { + "value": "4", + "prop": "--spectrum-search-field-minimum-width-multiplier" }, - "icon-color-turquoise-primary-default": { - "prop": "--spectrum-icon-color-turquoise-primary-default", - "ref": "var(--spectrum-turquoise-800)", - "dark": { - "value": "rgb(9, 131, 142)" - }, - "light": { - "value": "rgb(10, 141, 153)" - } + "color-loupe-height": { + "value": "64px", + "prop": "--spectrum-color-loupe-height" }, - "icon-color-turquoise-primary-down": { - "prop": "--spectrum-icon-color-turquoise-primary-down", - "ref": "var(--spectrum-turquoise-1000)", - "dark": { - "value": "rgb(13, 168, 182)" - }, - "light": { - "value": "rgb(5, 107, 116)" - } + "color-loupe-width": { + "value": "48px", + "prop": "--spectrum-color-loupe-width" }, - "icon-color-turquoise-primary-hover": { - "prop": "--spectrum-icon-color-turquoise-primary-hover", - "ref": "var(--spectrum-turquoise-900)", - "dark": { - "value": "rgb(11, 151, 164)" - }, - "light": { - "value": "rgb(8, 126, 137)" - } + "color-loupe-bottom-to-color-handle": { + "value": "12px", + "prop": "--spectrum-color-loupe-bottom-to-color-handle" }, - "icon-color-yellow-background": { - "prop": "--spectrum-icon-color-yellow-background", - "ref": "var(--spectrum-yellow-400)", - "light": { - "value": "rgb(245, 199, 0)" - }, - "dark": { - "value": "rgb(83, 52, 0)" - } + "color-loupe-outer-border-width": { + "value": "2px", + "prop": "--spectrum-color-loupe-outer-border-width" }, - "icon-color-yellow-primary-default": { - "prop": "--spectrum-icon-color-yellow-primary-default", - "ref": "var(--spectrum-yellow-1200)", - "light": { - "value": "rgb(93, 59, 0)" - }, - "dark": { - "value": "rgb(235, 183, 0)" - } + "color-loupe-inner-border-width": { + "value": "1px", + "prop": "--spectrum-color-loupe-inner-border-width" }, - "icon-color-yellow-primary-down": { - "prop": "--spectrum-icon-color-yellow-primary-down", - "ref": "var(--spectrum-yellow-1400)", - "light": { - "value": "rgb(56, 35, 0)" - }, - "dark": { - "value": "rgb(255, 230, 86)" - } + "card-minimum-width": { + "value": "100px", + "prop": "--spectrum-card-minimum-width" }, - "icon-color-yellow-primary-hover": { - "prop": "--spectrum-icon-color-yellow-primary-hover", - "ref": "var(--spectrum-yellow-1300)", - "light": { - "value": "rgb(75, 47, 0)" - }, - "dark": { - "value": "rgb(249, 206, 0)" - } + "card-minimum-width-default": { + "value": "100px", + "prop": "--spectrum-card-minimum-width-default" }, - "illustrated-message-body-size": { - "prop": "--spectrum-illustrated-message-body-size", - "ref": "var(--spectrum-illustrated-message-large-body-font-size)" + "card-preview-minimum-height": { + "value": "130px", + "prop": "--spectrum-card-preview-minimum-height" }, - "illustrated-message-cjk-title-size": { - "prop": "--spectrum-illustrated-message-cjk-title-size", - "ref": "var(--spectrum-illustrated-message-large-cjk-title-font-size)" + "card-selection-background-size": { + "value": "40px", + "prop": "--spectrum-card-selection-background-size" }, - "illustrated-message-horizontal-maximum-width": { - "prop": "--spectrum-illustrated-message-horizontal-maximum-width", - "value": "535px" + "drop-zone-width": { + "value": "428px", + "prop": "--spectrum-drop-zone-width" }, - "illustrated-message-large-body-font-size": { - "prop": "--spectrum-illustrated-message-large-body-font-size", - "ref": "var(--spectrum-body-size-xs)", + "drop-zone-content-maximum-width": { + "value": "380px", + "prop": "--spectrum-drop-zone-content-maximum-width" + }, + "drop-zone-border-dash-length": { + "value": "8px", + "prop": "--spectrum-drop-zone-border-dash-length" + }, + "drop-zone-border-dash-gap": { + "value": "6px", + "prop": "--spectrum-drop-zone-border-dash-gap" + }, + "drop-zone-title-size": { + "ref": "var(--spectrum-drop-zone-title-font-size)", + "prop": "--spectrum-drop-zone-title-size", "desktop": { - "value": "12px" + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } }, "mobile": { - "value": "15px" + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } } }, - "illustrated-message-large-cjk-title-font-size": { - "prop": "--spectrum-illustrated-message-large-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-xl)" - }, - "illustrated-message-large-title-font-size": { - "prop": "--spectrum-illustrated-message-large-title-font-size", - "ref": "var(--spectrum-title-size-xl)" - }, - "illustrated-message-maximum-width": { - "prop": "--spectrum-illustrated-message-maximum-width", - "ref": "var(--spectrum-illustrated-message-vertical-maximum-width)", - "value": "380px" - }, - "illustrated-message-medium-body-font-size": { - "prop": "--spectrum-illustrated-message-medium-body-font-size", - "ref": "var(--spectrum-body-size-xs)", + "drop-zone-cjk-title-size": { + "ref": "var(--spectrum-drop-zone-cjk-title-font-size)", + "prop": "--spectrum-drop-zone-cjk-title-size", "desktop": { - "value": "12px" + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } }, "mobile": { - "value": "15px" + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } } }, - "illustrated-message-medium-cjk-title-font-size": { - "prop": "--spectrum-illustrated-message-medium-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-l)" - }, - "illustrated-message-medium-title-font-size": { - "prop": "--spectrum-illustrated-message-medium-title-font-size", - "ref": "var(--spectrum-title-size-l)" - }, - "illustrated-message-small-body-font-size": { - "prop": "--spectrum-illustrated-message-small-body-font-size", - "ref": "var(--spectrum-body-size-xs)", + "drop-zone-body-size": { + "ref": "var(--spectrum-drop-zone-body-font-size)", + "prop": "--spectrum-drop-zone-body-size", "desktop": { - "value": "12px" + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } }, "mobile": { - "value": "15px" + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } } }, - "illustrated-message-small-cjk-title-font-size": { - "prop": "--spectrum-illustrated-message-small-cjk-title-font-size", - "ref": "var(--spectrum-title-cjk-size-s)" - }, - "illustrated-message-small-title-font-size": { - "prop": "--spectrum-illustrated-message-small-title-font-size", - "ref": "var(--spectrum-title-size-s)" - }, - "illustrated-message-title-size": { - "prop": "--spectrum-illustrated-message-title-size", - "ref": "var(--spectrum-illustrated-message-large-title-font-size)" - }, - "illustrated-message-vertical-maximum-width": { - "prop": "--spectrum-illustrated-message-vertical-maximum-width", - "value": "380px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large", - "value": "16px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large", - "value": "13px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium", - "value": "9px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small", - "value": "7px" - }, - "in-field-button-edge-to-fill": { - "prop": "--spectrum-in-field-button-edge-to-fill", - "value": "0px" - }, - "in-field-button-edge-to-fill-extra-large": { - "prop": "--spectrum-in-field-button-edge-to-fill-extra-large", + "coach-mark-width": { "desktop": { - "value": "8px" + "value": "296px" }, + "prop": "--spectrum-coach-mark-width", "mobile": { - "value": "10px" + "value": "216px" } }, - "in-field-button-edge-to-fill-large": { - "prop": "--spectrum-in-field-button-edge-to-fill-large", - "value": "8px" - }, - "in-field-button-edge-to-fill-medium": { - "prop": "--spectrum-in-field-button-edge-to-fill-medium", - "value": "6px" - }, - "in-field-button-edge-to-fill-small": { - "prop": "--spectrum-in-field-button-edge-to-fill-small", + "coach-mark-minimum-width": { "desktop": { - "value": "4px" + "value": "296px" }, + "prop": "--spectrum-coach-mark-minimum-width", "mobile": { - "value": "5px" + "value": "216px" } }, - "in-field-button-fill-stacked-inner-border-rounding": { - "prop": "--spectrum-in-field-button-fill-stacked-inner-border-rounding", - "value": "0px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large)", - "value": "5px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large)", - "value": "4px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium)", - "value": "3px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small)", - "value": "3px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large", - "value": "5px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large", - "value": "4px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium", - "value": "3px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small", - "value": "3px" - }, - "in-field-button-stacked-inner-edge-to-fill": { - "prop": "--spectrum-in-field-button-stacked-inner-edge-to-fill", - "value": "0px" - }, - "in-field-button-width-stacked-extra-large": { - "prop": "--spectrum-in-field-button-width-stacked-extra-large", - "value": "44px" - }, - "in-field-button-width-stacked-large": { - "prop": "--spectrum-in-field-button-width-stacked-large", - "value": "36px" - }, - "in-field-button-width-stacked-medium": { - "prop": "--spectrum-in-field-button-width-stacked-medium", - "value": "28px" - }, - "in-field-button-width-stacked-small": { - "prop": "--spectrum-in-field-button-width-stacked-small", - "value": "20px" - }, - "in-field-progress-circle-edge-to-fill": { - "prop": "--spectrum-in-field-progress-circle-edge-to-fill", + "coach-mark-maximum-width": { "desktop": { - "value": "1px" + "value": "380px" }, + "prop": "--spectrum-coach-mark-maximum-width", "mobile": { - "value": "2px" + "value": "248px" } }, - "in-field-progress-circle-size-100": { - "prop": "--spectrum-in-field-progress-circle-size-100", + "coach-mark-edge-to-content": { "desktop": { - "value": "20px" + "value": "24px" }, + "prop": "--spectrum-coach-mark-edge-to-content", "mobile": { - "value": "24px" + "value": "16px" } }, - "in-field-progress-circle-size-200": { - "prop": "--spectrum-in-field-progress-circle-size-200", + "coach-mark-pagination-text-to-bottom-edge": { "desktop": { - "value": "22px" + "value": "33px" }, + "prop": "--spectrum-coach-mark-pagination-text-to-bottom-edge", "mobile": { - "value": "28px" + "value": "22px" } }, - "in-field-progress-circle-size-300": { - "prop": "--spectrum-in-field-progress-circle-size-300", + "coach-mark-media-height": { "desktop": { - "value": "26px" + "value": "222px" }, + "prop": "--spectrum-coach-mark-media-height", "mobile": { - "value": "30px" + "value": "162px" } }, - "in-field-progress-circle-size-75": { - "prop": "--spectrum-in-field-progress-circle-size-75", + "coach-mark-media-minimum-height": { "desktop": { - "value": "16px" + "value": "166px" }, + "prop": "--spectrum-coach-mark-media-minimum-height", "mobile": { - "value": "18px" + "value": "121px" } }, - "in-field-stepper-to-end-extra-large": { - "prop": "--spectrum-in-field-stepper-to-end-extra-large", + "coach-mark-title-size": { "desktop": { - "value": "4px" + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } }, "mobile": { - "value": "5px" - } - }, - "in-field-stepper-to-end-large": { - "prop": "--spectrum-in-field-stepper-to-end-large", - "value": "4px" + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-coach-mark-title-size" }, - "in-field-stepper-to-end-medium": { - "prop": "--spectrum-in-field-stepper-to-end-medium", - "value": "3px" + "coach-mark-body-size": { + "desktop": { + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } + }, + "mobile": { + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-coach-mark-body-size" }, - "in-field-stepper-to-end-small": { - "prop": "--spectrum-in-field-stepper-to-end-small", + "coach-mark-pagination-body-size": { "desktop": { - "value": "0px" + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } }, "mobile": { + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-coach-mark-pagination-body-size" + }, + "accordion-top-to-text-compact-small": { + "desktop": { "value": "3px" + }, + "prop": "--spectrum-accordion-top-to-text-compact-small", + "mobile": { + "value": "4px" } }, - "in-line-alert-minimum-width": { - "prop": "--spectrum-in-line-alert-minimum-width", - "value": "240px" + "accordion-top-to-text-regular-small": { + "desktop": { + "value": "7px" + }, + "mobile": { + "value": "10px" + }, + "prop": "--spectrum-accordion-top-to-text-regular-small" }, - "indigo-100": { - "prop": "--spectrum-indigo-100", - "light": { - "value": "rgb(247, 248, 255)" + "accordion-small-top-to-text-spacious": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(30, 0, 93)" + "prop": "--spectrum-accordion-small-top-to-text-spacious", + "mobile": { + "value": "12px" } }, - "indigo-1000": { - "prop": "--spectrum-indigo-1000", - "light": { - "value": "rgb(99, 56, 238)" + "accordion-top-to-text-compact-medium": { + "value": "5px", + "prop": "--spectrum-accordion-top-to-text-compact-medium" + }, + "accordion-top-to-text-regular-medium": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(139, 141, 254)" - } + "mobile": { + "value": "10px" + }, + "prop": "--spectrum-accordion-top-to-text-regular-medium" }, - "indigo-1100": { - "prop": "--spectrum-indigo-1100", - "light": { - "value": "rgb(84, 36, 219)" + "accordion-top-to-text-spacious-medium": { + "desktop": { + "value": "13px" }, - "dark": { - "value": "rgb(153, 161, 255)" + "prop": "--spectrum-accordion-top-to-text-spacious-medium", + "mobile": { + "value": "15px" } }, - "indigo-1200": { - "prop": "--spectrum-indigo-1200", - "light": { - "value": "rgb(69, 19, 191)" + "accordion-top-to-text-compact-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(176, 186, 255)" + "prop": "--spectrum-accordion-top-to-text-compact-large", + "mobile": { + "value": "14px" } }, - "indigo-1300": { - "prop": "--spectrum-indigo-1300", - "light": { - "value": "rgb(55, 6, 160)" + "accordion-top-to-text-regular-large": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(199, 208, 255)" - } + "mobile": { + "value": "16px" + }, + "prop": "--spectrum-accordion-top-to-text-regular-large" }, - "indigo-1400": { - "prop": "--spectrum-indigo-1400", - "light": { - "value": "rgb(42, 0, 129)" + "accordion-top-to-text-spacious-large": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(223, 228, 255)" + "prop": "--spectrum-accordion-top-to-text-spacious-large", + "mobile": { + "value": "19px" } }, - "indigo-1500": { - "prop": "--spectrum-indigo-1500", - "dark": { - "value": "rgb(243, 244, 255)" + "accordion-top-to-text-compact-extra-large": { + "desktop": { + "value": "8px" }, - "light": { - "value": "rgb(31, 0, 98)" + "prop": "--spectrum-accordion-top-to-text-compact-extra-large", + "mobile": { + "value": "11px" } }, - "indigo-1600": { - "prop": "--spectrum-indigo-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "accordion-top-to-text-regular-extra-large": { + "desktop": { + "value": "13px" }, - "light": { - "value": "rgb(17, 0, 54)" - } + "mobile": { + "value": "17px" + }, + "prop": "--spectrum-accordion-top-to-text-regular-extra-large" }, - "indigo-200": { - "prop": "--spectrum-indigo-200", - "light": { - "value": "rgb(235, 238, 255)" + "accordion-top-to-text-spacious-extra-large": { + "desktop": { + "value": "17px" }, - "dark": { - "value": "rgb(35, 0, 110)" + "prop": "--spectrum-accordion-top-to-text-spacious-extra-large", + "mobile": { + "value": "21px" } }, - "indigo-300": { - "prop": "--spectrum-indigo-300", - "light": { - "value": "rgb(216, 222, 255)" + "accordion-bottom-to-text-compact-small": { + "desktop": { + "value": "2px" }, - "dark": { - "value": "rgb(47, 0, 140)" + "prop": "--spectrum-accordion-bottom-to-text-compact-small", + "mobile": { + "value": "4px" } }, - "indigo-400": { - "prop": "--spectrum-indigo-400", - "light": { - "value": "rgb(192, 201, 255)" + "accordion-bottom-to-text-regular-small": { + "desktop": { + "value": "7px" }, - "dark": { - "value": "rgb(62, 12, 174)" - } + "mobile": { + "value": "9px" + }, + "prop": "--spectrum-accordion-bottom-to-text-regular-small" }, - "indigo-500": { - "prop": "--spectrum-indigo-500", - "light": { - "value": "rgb(167, 178, 255)" + "accordion-bottom-to-text-spacious-small": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(79, 30, 209)" + "prop": "--spectrum-accordion-bottom-to-text-spacious-small", + "mobile": { + "value": "15px" } }, - "indigo-600": { - "prop": "--spectrum-indigo-600", - "light": { - "value": "rgb(145, 151, 254)" + "accordion-bottom-to-text-compact-medium": { + "desktop": { + "value": "5px" }, - "dark": { - "value": "rgb(95, 52, 235)" + "prop": "--spectrum-accordion-bottom-to-text-compact-medium", + "mobile": { + "value": "8px" } }, - "indigo-700": { - "prop": "--spectrum-indigo-700", - "light": { - "value": "rgb(132, 128, 254)" + "accordion-bottom-to-text-regular-medium": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(109, 75, 248)" + "mobile": { + "value": "13px" + }, + "prop": "--spectrum-accordion-bottom-to-text-regular-medium" + }, + "accordion-bottom-to-text-spacious-medium": { + "desktop": { + "value": "13px" + }, + "prop": "--spectrum-accordion-bottom-to-text-spacious-medium", + "mobile": { + "value": "18px" } }, - "indigo-800": { - "prop": "--spectrum-indigo-800", - "light": { - "value": "rgb(122, 106, 253)" + "accordion-bottom-to-text-compact-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(116, 91, 252)" + "prop": "--spectrum-accordion-bottom-to-text-compact-large", + "mobile": { + "value": "9px" } }, - "indigo-900": { - "prop": "--spectrum-indigo-900", - "light": { - "value": "rgb(113, 85, 250)" + "accordion-bottom-to-text-regular-large": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(128, 119, 254)" + "mobile": { + "value": "14px" + }, + "prop": "--spectrum-accordion-bottom-to-text-regular-large" + }, + "accordion-bottom-to-text-spacious-large": { + "desktop": { + "value": "16px" + }, + "prop": "--spectrum-accordion-bottom-to-text-spacious-large", + "mobile": { + "value": "19px" } }, - "indigo-background-color-default": { - "prop": "--spectrum-indigo-background-color-default", - "ref": "var(--spectrum-indigo-800)", - "light": { - "value": "rgb(122, 106, 253)" + "accordion-bottom-to-text-compact-extra-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(116, 91, 252)" + "prop": "--spectrum-accordion-bottom-to-text-compact-extra-large", + "mobile": { + "value": "10px" } }, - "indigo-subtle-background-color-default": { - "prop": "--spectrum-indigo-subtle-background-color-default", - "ref": "var(--spectrum-indigo-300)", - "light": { - "value": "rgb(216, 222, 255)" + "accordion-bottom-to-text-regular-extra-large": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(47, 0, 140)" + "mobile": { + "value": "15px" + }, + "prop": "--spectrum-accordion-bottom-to-text-regular-extra-large" + }, + "accordion-bottom-to-text-spacious-extra-large": { + "desktop": { + "value": "16px" + }, + "prop": "--spectrum-accordion-bottom-to-text-spacious-extra-large", + "mobile": { + "value": "21px" } }, - "indigo-visual-color": { - "prop": "--spectrum-indigo-visual-color", - "ref": "var(--spectrum-indigo-900)", - "light": { - "value": "rgb(113, 85, 250)" + "accordion-minimum-width": { + "desktop": { + "value": "200px" }, - "dark": { - "value": "rgb(128, 119, 254)" + "prop": "--spectrum-accordion-minimum-width", + "mobile": { + "value": "250px" } }, - "informative-background-color-default": { - "prop": "--spectrum-informative-background-color-default", - "ref": "var(--spectrum-informative-color-800)" + "accordion-disclosure-indicator-to-text": { + "value": "0px", + "prop": "--spectrum-accordion-disclosure-indicator-to-text" }, - "informative-background-color-down": { - "prop": "--spectrum-informative-background-color-down", - "ref": "var(--spectrum-informative-color-700)" + "accordion-edge-to-disclosure-indicator": { + "value": "0px", + "prop": "--spectrum-accordion-edge-to-disclosure-indicator" }, - "informative-background-color-hover": { - "prop": "--spectrum-informative-background-color-hover", - "ref": "var(--spectrum-informative-color-700)" + "accordion-edge-to-text": { + "value": "0px", + "prop": "--spectrum-accordion-edge-to-text" }, - "informative-background-color-key-focus": { - "prop": "--spectrum-informative-background-color-key-focus", - "ref": "var(--spectrum-informative-color-700)" + "accordion-focus-indicator-gap": { + "value": "2px", + "prop": "--spectrum-accordion-focus-indicator-gap" }, - "informative-color-100": { - "prop": "--spectrum-informative-color-100", - "ref": "var(--spectrum-blue-100)", - "light": { - "value": "rgb(245, 249, 255)" + "accordion-content-area-top-to-content": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(14, 23, 63)" + "prop": "--spectrum-accordion-content-area-top-to-content", + "mobile": { + "value": "10px" } }, - "informative-color-1000": { - "prop": "--spectrum-informative-color-1000", - "ref": "var(--spectrum-blue-1000)", - "light": { - "value": "rgb(39, 77, 234)" + "accordion-content-area-bottom-to-content": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(105, 149, 254)" + "prop": "--spectrum-accordion-content-area-bottom-to-content", + "mobile": { + "value": "20px" } }, - "informative-color-1100": { - "prop": "--spectrum-informative-color-1100", - "ref": "var(--spectrum-blue-1100)", - "light": { - "value": "rgb(29, 62, 207)" + "color-handle-size": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(124, 169, 252)" + "prop": "--spectrum-color-handle-size", + "mobile": { + "value": "20px" } }, - "informative-color-1200": { - "prop": "--spectrum-informative-color-1200", - "ref": "var(--spectrum-blue-1200)", - "light": { - "value": "rgb(21, 50, 173)" + "color-handle-size-key-focus": { + "desktop": { + "value": "32px" }, - "dark": { - "value": "rgb(152, 192, 252)" + "prop": "--spectrum-color-handle-size-key-focus", + "mobile": { + "value": "40px" } }, - "informative-color-1300": { - "prop": "--spectrum-informative-color-1300", - "ref": "var(--spectrum-blue-1300)", - "light": { - "value": "rgb(16, 40, 140)" + "color-handle-border-width": { + "value": "2px", + "prop": "--spectrum-color-handle-border-width" + }, + "color-handle-inner-border-width": { + "value": "1px", + "prop": "--spectrum-color-handle-inner-border-width" + }, + "color-handle-outer-border-width": { + "value": "1px", + "prop": "--spectrum-color-handle-outer-border-width" + }, + "color-handle-drop-shadow-x": { + "value": "0", + "prop": "--spectrum-color-handle-drop-shadow-x" + }, + "color-handle-drop-shadow-y": { + "value": "0", + "prop": "--spectrum-color-handle-drop-shadow-y" + }, + "color-handle-drop-shadow-blur": { + "value": "0", + "prop": "--spectrum-color-handle-drop-shadow-blur" + }, + "table-column-header-row-top-to-text-small": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(181, 213, 253)" + "prop": "--spectrum-table-column-header-row-top-to-text-small", + "mobile": { + "value": "10px" } }, - "informative-color-1400": { - "prop": "--spectrum-informative-color-1400", - "ref": "var(--spectrum-blue-1400)", - "light": { - "value": "rgb(12, 31, 105)" + "table-column-header-row-top-to-text-medium": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(213, 231, 254)" + "prop": "--spectrum-table-column-header-row-top-to-text-medium", + "mobile": { + "value": "9px" } }, - "informative-color-1500": { - "prop": "--spectrum-informative-color-1500", - "ref": "var(--spectrum-blue-1500)", - "dark": { - "value": "rgb(238, 245, 255)" + "table-column-header-row-top-to-text-large": { + "desktop": { + "value": "10px" }, - "light": { - "value": "rgb(14, 24, 67)" + "prop": "--spectrum-table-column-header-row-top-to-text-large", + "mobile": { + "value": "13px" } }, - "informative-color-1600": { - "prop": "--spectrum-informative-color-1600", - "ref": "var(--spectrum-blue-1600)", - "dark": { - "value": "rgb(255, 255, 255)" + "table-column-header-row-top-to-text-extra-large": { + "desktop": { + "value": "13px" }, - "light": { - "value": "rgb(7, 11, 30)" + "prop": "--spectrum-table-column-header-row-top-to-text-extra-large", + "mobile": { + "value": "16px" } }, - "informative-color-200": { - "prop": "--spectrum-informative-color-200", - "ref": "var(--spectrum-blue-200)", - "light": { - "value": "rgb(229, 240, 254)" + "table-column-header-row-bottom-to-text-small": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(15, 28, 82)" + "prop": "--spectrum-table-column-header-row-bottom-to-text-small", + "mobile": { + "value": "11px" } }, - "informative-color-300": { - "prop": "--spectrum-informative-color-300", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(203, 226, 254)" + "table-column-header-row-bottom-to-text-medium": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(12, 33, 117)" + "prop": "--spectrum-table-column-header-row-bottom-to-text-medium", + "mobile": { + "value": "10px" } }, - "informative-color-400": { - "prop": "--spectrum-informative-color-400", - "ref": "var(--spectrum-blue-400)", - "light": { - "value": "rgb(172, 207, 253)" + "table-column-header-row-bottom-to-text-large": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(18, 45, 154)" + "prop": "--spectrum-table-column-header-row-bottom-to-text-large", + "mobile": { + "value": "13px" } }, - "informative-color-500": { - "prop": "--spectrum-informative-color-500", - "ref": "var(--spectrum-blue-500)", - "light": { - "value": "rgb(142, 185, 252)" + "table-column-header-row-bottom-to-text-extra-large": { + "desktop": { + "value": "13px" }, - "dark": { - "value": "rgb(26, 58, 195)" + "prop": "--spectrum-table-column-header-row-bottom-to-text-extra-large", + "mobile": { + "value": "17px" } }, - "informative-color-600": { - "prop": "--spectrum-informative-color-600", - "ref": "var(--spectrum-blue-600)", - "light": { - "value": "rgb(114, 158, 253)" + "table-row-height-small-compact": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(37, 73, 229)" - } - }, - "informative-color-700": { - "prop": "--spectrum-informative-color-700", - "ref": "var(--spectrum-blue-700)", - "light": { - "value": "rgb(93, 137, 255)" + "mobile": { + "value": "30px" }, - "dark": { - "value": "rgb(52, 91, 248)" - } + "prop": "--spectrum-table-row-height-small-compact" }, - "informative-color-800": { - "prop": "--spectrum-informative-color-800", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" + "table-row-height-medium-compact": { + "desktop": { + "value": "32px" }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "informative-color-900": { - "prop": "--spectrum-informative-color-900", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(59, 99, 251)" + "mobile": { + "value": "40px" }, - "dark": { - "value": "rgb(86, 129, 255)" - } + "prop": "--spectrum-table-row-height-medium-compact" }, - "informative-subtle-background-color-default": { - "prop": "--spectrum-informative-subtle-background-color-default", - "ref": "var(--spectrum-informative-color-300)", - "light": { - "value": "rgb(203, 226, 254)" + "table-row-height-large-compact": { + "desktop": { + "value": "40px" }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "informative-visual-color": { - "prop": "--spectrum-informative-visual-color", - "ref": "var(--spectrum-informative-color-900)", - "light": { - "value": "rgb(59, 99, 251)" + "mobile": { + "value": "50px" }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "italic-font-style": { - "prop": "--spectrum-italic-font-style", - "value": "italic" - }, - "label-to-description-0": { - "prop": "--spectrum-label-to-description-0", - "value": "0px" - }, - "letter-spacing": { - "prop": "--spectrum-letter-spacing", - "value": "0em" - }, - "light-font-weight": { - "prop": "--spectrum-light-font-weight", - "value": "light" - }, - "line-height-100": { - "prop": "--spectrum-line-height-100", - "value": "1.3" - }, - "line-height-200": { - "prop": "--spectrum-line-height-200", - "value": "1.5" + "prop": "--spectrum-table-row-height-large-compact" }, - "line-height-font-size-100": { - "prop": "--spectrum-line-height-font-size-100", + "table-row-height-extra-large-compact": { "desktop": { - "value": "18px" + "value": "48px" }, "mobile": { - "value": "22px" - } + "value": "60px" + }, + "prop": "--spectrum-table-row-height-extra-large-compact" }, - "line-height-font-size-1000": { - "prop": "--spectrum-line-height-font-size-1000", + "table-row-height-small-regular": { "desktop": { - "value": "46px" + "mobile": { + "value": "32px" + } }, "mobile": { - "value": "56px" - } + "mobile": { + "value": "40px" + } + }, + "prop": "--spectrum-table-row-height-small-regular" }, - "line-height-font-size-1100": { - "prop": "--spectrum-line-height-font-size-1100", + "table-row-height-small": { "desktop": { - "value": "52px" + "value": "32px" }, + "prop": "--spectrum-table-row-height-small", "mobile": { - "value": "64px" + "value": "40px" } }, - "line-height-font-size-1200": { - "prop": "--spectrum-line-height-font-size-1200", + "table-row-height-medium-regular": { "desktop": { - "value": "58px" + "mobile": { + "value": "40px" + } }, "mobile": { - "value": "72px" - } + "mobile": { + "value": "50px" + } + }, + "prop": "--spectrum-table-row-height-medium-regular" }, - "line-height-font-size-1300": { - "prop": "--spectrum-line-height-font-size-1300", + "table-row-height-medium": { "desktop": { - "value": "66px" + "value": "40px" }, + "prop": "--spectrum-table-row-height-medium", "mobile": { - "value": "80px" + "value": "50px" } }, - "line-height-font-size-1400": { - "prop": "--spectrum-line-height-font-size-1400", + "table-row-height-large-regular": { "desktop": { - "value": "74px" + "mobile": { + "value": "48px" + } }, "mobile": { - "value": "90px" - } + "mobile": { + "value": "60px" + } + }, + "prop": "--spectrum-table-row-height-large-regular" }, - "line-height-font-size-1500": { - "prop": "--spectrum-line-height-font-size-1500", + "table-row-height-large": { "desktop": { - "value": "84px" + "value": "48px" }, + "prop": "--spectrum-table-row-height-large", "mobile": { - "value": "102px" + "value": "60px" } }, - "line-height-font-size-200": { - "prop": "--spectrum-line-height-font-size-200", + "table-row-height-extra-large-regular": { "desktop": { - "value": "20px" + "mobile": { + "value": "56px" + } }, "mobile": { - "value": "24px" - } + "mobile": { + "value": "70px" + } + }, + "prop": "--spectrum-table-row-height-extra-large-regular" }, - "line-height-font-size-25": { - "prop": "--spectrum-line-height-font-size-25", + "table-row-height-extra-large": { "desktop": { - "value": "12px" + "value": "56px" }, + "prop": "--spectrum-table-row-height-extra-large", "mobile": { - "value": "14px" + "value": "70px" } }, - "line-height-font-size-300": { - "prop": "--spectrum-line-height-font-size-300", + "table-row-height-small-spacious": { "desktop": { - "value": "22px" + "value": "40px" }, + "prop": "--spectrum-table-row-height-small-spacious", "mobile": { - "value": "26px" + "value": "50px" } }, - "line-height-font-size-400": { - "prop": "--spectrum-line-height-font-size-400", + "table-row-height-medium-spacious": { "desktop": { - "value": "24px" + "value": "48px" }, + "prop": "--spectrum-table-row-height-medium-spacious", "mobile": { - "value": "28px" + "value": "60px" } }, - "line-height-font-size-50": { - "prop": "--spectrum-line-height-font-size-50", + "table-row-height-large-spacious": { "desktop": { - "value": "14px" + "value": "56px" }, + "prop": "--spectrum-table-row-height-large-spacious", "mobile": { - "value": "16px" + "value": "70px" } }, - "line-height-font-size-500": { - "prop": "--spectrum-line-height-font-size-500", + "table-row-height-extra-large-spacious": { "desktop": { - "value": "26px" + "value": "64px" }, + "prop": "--spectrum-table-row-height-extra-large-spacious", "mobile": { - "value": "32px" + "value": "80px" } }, - "line-height-font-size-600": { - "prop": "--spectrum-line-height-font-size-600", + "table-row-top-to-text-small-compact": { "desktop": { - "value": "30px" + "value": "4px" }, "mobile": { - "value": "36px" - } + "value": "5px" + }, + "prop": "--spectrum-table-row-top-to-text-small-compact" }, - "line-height-font-size-700": { - "prop": "--spectrum-line-height-font-size-700", + "table-row-top-to-text-medium-compact": { "desktop": { - "value": "32px" + "value": "6px" }, "mobile": { - "value": "40px" - } + "value": "8px" + }, + "prop": "--spectrum-table-row-top-to-text-medium-compact" }, - "line-height-font-size-75": { - "prop": "--spectrum-line-height-font-size-75", + "table-row-top-to-text-large-compact": { "desktop": { - "value": "16px" + "value": "9px" }, "mobile": { - "value": "20px" - } + "value": "12px" + }, + "prop": "--spectrum-table-row-top-to-text-large-compact" }, - "line-height-font-size-800": { - "prop": "--spectrum-line-height-font-size-800", + "table-row-top-to-text-extra-large-compact": { "desktop": { - "value": "36px" + "value": "12px" }, "mobile": { - "value": "44px" - } + "value": "15px" + }, + "prop": "--spectrum-table-row-top-to-text-extra-large-compact" }, - "line-height-font-size-900": { - "prop": "--spectrum-line-height-font-size-900", + "table-row-bottom-to-text-small-compact": { "desktop": { - "value": "42px" + "value": "5px" }, "mobile": { - "value": "50px" - } + "value": "6px" + }, + "prop": "--spectrum-table-row-bottom-to-text-small-compact" }, - "link-out-icon-size-100": { - "prop": "--spectrum-link-out-icon-size-100", + "table-row-bottom-to-text-medium-compact": { "desktop": { - "value": "12px" + "value": "9px" }, "mobile": { - "value": "14px" - } + "value": "11px" + }, + "prop": "--spectrum-table-row-bottom-to-text-medium-compact" }, - "link-out-icon-size-200": { - "prop": "--spectrum-link-out-icon-size-200", + "table-row-bottom-to-text-large-compact": { "desktop": { - "value": "14px" + "value": "11px" }, "mobile": { - "value": "16px" - } + "value": "14px" + }, + "prop": "--spectrum-table-row-bottom-to-text-large-compact" }, - "link-out-icon-size-300": { - "prop": "--spectrum-link-out-icon-size-300", + "table-row-bottom-to-text-extra-large-compact": { "desktop": { "value": "14px" }, "mobile": { - "value": "16px" - } + "value": "18px" + }, + "prop": "--spectrum-table-row-bottom-to-text-extra-large-compact" }, - "link-out-icon-size-400": { - "prop": "--spectrum-link-out-icon-size-400", + "table-row-top-to-text-small-regular": { "desktop": { - "value": "16px" + "mobile": { + "value": "8px" + } }, "mobile": { - "value": "18px" - } + "mobile": { + "value": "10px" + } + }, + "prop": "--spectrum-table-row-top-to-text-small-regular" }, - "link-out-icon-size-75": { - "prop": "--spectrum-link-out-icon-size-75", + "table-row-top-to-text-small": { "desktop": { - "value": "10px" + "value": "8px" }, + "prop": "--spectrum-table-row-top-to-text-small", "mobile": { - "value": "12px" + "value": "10px" } }, - "list-view-end-edge-to-content": { - "prop": "--spectrum-list-view-end-edge-to-content", + "table-row-top-to-text-medium-regular": { "desktop": { - "value": "6px" + "mobile": { + "value": "10px" + } }, "mobile": { - "value": "8px" - } - }, - "list-view-item-bottom-corner-radius": { - "prop": "--spectrum-list-view-item-bottom-corner-radius", - "ref": "var(--spectrum-corner-radius-medium-default)", - "value": "8px" - }, - "list-view-item-top-corner-radius": { - "prop": "--spectrum-list-view-item-top-corner-radius", - "ref": "var(--spectrum-corner-radius-medium-default)", - "value": "8px" + "mobile": { + "value": "14px" + } + }, + "prop": "--spectrum-table-row-top-to-text-medium-regular" }, - "list-view-minimum-height": { - "prop": "--spectrum-list-view-minimum-height", + "table-row-top-to-text-medium": { "desktop": { - "value": "40px" + "value": "10px" }, + "prop": "--spectrum-table-row-top-to-text-medium", "mobile": { - "value": "50px" + "value": "14px" } }, - "list-view-minimum-width": { - "prop": "--spectrum-list-view-minimum-width", + "table-row-top-to-text-large-regular": { "desktop": { - "value": "200px" + "mobile": { + "value": "14px" + } }, "mobile": { - "value": "240px" - } + "mobile": { + "value": "18px" + } + }, + "prop": "--spectrum-table-row-top-to-text-large-regular" }, - "magenta-100": { - "prop": "--spectrum-magenta-100", - "light": { - "value": "rgb(255, 245, 248)" + "table-row-top-to-text-large": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(59, 0, 22)" + "prop": "--spectrum-table-row-top-to-text-large", + "mobile": { + "value": "18px" } }, - "magenta-1000": { - "prop": "--spectrum-magenta-1000", - "light": { - "value": "rgb(186, 22, 80)" + "table-row-top-to-text-extra-large-regular": { + "desktop": { + "mobile": { + "value": "17px" + } }, - "dark": { - "value": "rgb(255, 96, 149)" - } + "mobile": { + "mobile": { + "value": "21px" + } + }, + "prop": "--spectrum-table-row-top-to-text-extra-large-regular" }, - "magenta-1100": { - "prop": "--spectrum-magenta-1100", - "light": { - "value": "rgb(163, 5, 62)" + "table-row-top-to-text-extra-large": { + "desktop": { + "value": "17px" }, - "dark": { - "value": "rgb(255, 128, 171)" + "prop": "--spectrum-table-row-top-to-text-extra-large", + "mobile": { + "value": "21px" } }, - "magenta-1200": { - "prop": "--spectrum-magenta-1200", - "light": { - "value": "rgb(136, 0, 51)" + "table-row-bottom-to-text-small-regular": { + "desktop": { + "mobile": { + "value": "9px" + } }, - "dark": { - "value": "rgb(255, 163, 194)" - } + "mobile": { + "mobile": { + "value": "11px" + } + }, + "prop": "--spectrum-table-row-bottom-to-text-small-regular" }, - "magenta-1300": { - "prop": "--spectrum-magenta-1300", - "light": { - "value": "rgb(111, 0, 40)" + "table-row-bottom-to-text-small": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(255, 193, 214)" + "prop": "--spectrum-table-row-bottom-to-text-small", + "mobile": { + "value": "11px" } }, - "magenta-1400": { - "prop": "--spectrum-magenta-1400", - "light": { - "value": "rgb(86, 0, 30)" + "table-row-bottom-to-text-medium-regular": { + "desktop": { + "mobile": { + "value": "13px" + } }, - "dark": { - "value": "rgb(255, 220, 232)" - } + "mobile": { + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-table-row-bottom-to-text-medium-regular" }, - "magenta-1500": { - "prop": "--spectrum-magenta-1500", - "dark": { - "value": "rgb(255, 241, 246)" + "table-row-bottom-to-text-medium": { + "desktop": { + "value": "13px" }, - "light": { - "value": "rgb(64, 0, 22)" + "prop": "--spectrum-table-row-bottom-to-text-medium", + "mobile": { + "value": "15px" } }, - "magenta-1600": { - "prop": "--spectrum-magenta-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "table-row-bottom-to-text-large-regular": { + "desktop": { + "mobile": { + "value": "14px" + } }, - "light": { - "value": "rgb(35, 0, 12)" - } + "mobile": { + "mobile": { + "value": "18px" + } + }, + "prop": "--spectrum-table-row-bottom-to-text-large-regular" }, - "magenta-200": { - "prop": "--spectrum-magenta-200", - "light": { - "value": "rgb(255, 232, 240)" + "table-row-bottom-to-text-large": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(74, 0, 27)" + "prop": "--spectrum-table-row-bottom-to-text-large", + "mobile": { + "value": "18px" } }, - "magenta-300": { - "prop": "--spectrum-magenta-300", - "light": { - "value": "rgb(255, 213, 227)" + "table-row-bottom-to-text-extra-large-regular": { + "desktop": { + "mobile": { + "value": "17px" + } }, - "dark": { - "value": "rgb(93, 0, 34)" - } + "mobile": { + "mobile": { + "value": "22px" + } + }, + "prop": "--spectrum-table-row-bottom-to-text-extra-large-regular" }, - "magenta-400": { - "prop": "--spectrum-magenta-400", - "light": { - "value": "rgb(255, 185, 208)" + "table-row-bottom-to-text-extra-large": { + "desktop": { + "value": "17px" }, - "dark": { - "value": "rgb(123, 0, 45)" + "prop": "--spectrum-table-row-bottom-to-text-extra-large", + "mobile": { + "value": "22px" } }, - "magenta-500": { - "prop": "--spectrum-magenta-500", - "light": { - "value": "rgb(255, 152, 187)" + "table-row-top-to-text-small-spacious": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(152, 7, 60)" + "prop": "--spectrum-table-row-top-to-text-small-spacious", + "mobile": { + "value": "15px" } }, - "magenta-600": { - "prop": "--spectrum-magenta-600", - "light": { - "value": "rgb(255, 112, 159)" + "table-row-top-to-text-medium-spacious": { + "desktop": { + "value": "15px" }, - "dark": { - "value": "rgb(181, 19, 76)" + "prop": "--spectrum-table-row-top-to-text-medium-spacious", + "mobile": { + "value": "16px" } }, - "magenta-700": { - "prop": "--spectrum-magenta-700", - "light": { - "value": "rgb(255, 72, 133)" + "table-row-top-to-text-large-spacious": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(207, 31, 92)" + "prop": "--spectrum-table-row-top-to-text-large-spacious", + "mobile": { + "value": "23px" } }, - "magenta-800": { - "prop": "--spectrum-magenta-800", - "light": { - "value": "rgb(240, 45, 110)" + "table-row-top-to-text-extra-large-spacious": { + "desktop": { + "value": "21px" }, - "dark": { - "value": "rgb(224, 38, 101)" + "prop": "--spectrum-table-row-top-to-text-extra-large-spacious", + "mobile": { + "value": "26px" } }, - "magenta-900": { - "prop": "--spectrum-magenta-900", - "light": { - "value": "rgb(217, 35, 97)" + "table-row-bottom-to-text-small-spacious": { + "desktop": { + "value": "13px" }, - "dark": { - "value": "rgb(255, 51, 119)" + "prop": "--spectrum-table-row-bottom-to-text-small-spacious", + "mobile": { + "value": "16px" } }, - "magenta-background-color-default": { - "prop": "--spectrum-magenta-background-color-default", - "ref": "var(--spectrum-magenta-800)", - "light": { - "value": "rgb(240, 45, 110)" + "table-row-bottom-to-text-medium-spacious": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(224, 38, 101)" + "prop": "--spectrum-table-row-bottom-to-text-medium-spacious", + "mobile": { + "value": "18px" } }, - "magenta-subtle-background-color-default": { - "prop": "--spectrum-magenta-subtle-background-color-default", - "ref": "var(--spectrum-magenta-300)", - "light": { - "value": "rgb(255, 213, 227)" + "table-row-bottom-to-text-large-spacious": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(93, 0, 34)" + "prop": "--spectrum-table-row-bottom-to-text-large-spacious", + "mobile": { + "value": "23px" } }, - "magenta-visual-color": { - "prop": "--spectrum-magenta-visual-color", - "ref": "var(--spectrum-magenta-900)", - "light": { - "value": "rgb(217, 35, 97)" + "table-row-bottom-to-text-extra-large-spacious": { + "desktop": { + "value": "21px" }, - "dark": { - "value": "rgb(255, 51, 119)" + "prop": "--spectrum-table-row-bottom-to-text-extra-large-spacious", + "mobile": { + "value": "27px" } }, - "medium-font-weight": { - "prop": "--spectrum-medium-font-weight", - "value": "medium" + "table-edge-to-content": { + "value": "16px", + "prop": "--spectrum-table-edge-to-content" }, - "menu-item-background-color-default": { - "prop": "--spectrum-menu-item-background-color-default", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "table-border-divider-width": { + "value": "1px", + "prop": "--spectrum-table-border-divider-width" + }, + "table-checkbox-to-text": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-table-checkbox-to-text", + "mobile": { + "value": "30px" } }, - "menu-item-background-color-disabled": { - "prop": "--spectrum-menu-item-background-color-disabled", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "table-header-row-checkbox-to-top-small": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-table-header-row-checkbox-to-top-small", + "mobile": { + "value": "14px" } }, - "menu-item-background-color-down": { - "prop": "--spectrum-menu-item-background-color-down", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "table-header-row-checkbox-to-top-medium": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-table-header-row-checkbox-to-top-medium", + "mobile": { + "value": "11px" } }, - "menu-item-background-color-hover": { - "prop": "--spectrum-menu-item-background-color-hover", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "table-header-row-checkbox-to-top-large": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-table-header-row-checkbox-to-top-large", + "mobile": { + "value": "17px" } }, - "menu-item-background-color-keyboard-focus": { - "prop": "--spectrum-menu-item-background-color-keyboard-focus", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "table-header-row-checkbox-to-top-extra-large": { + "desktop": { + "value": "15px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-table-header-row-checkbox-to-top-extra-large", + "mobile": { + "value": "21px" } }, - "menu-item-background-opacity": { - "prop": "--spectrum-menu-item-background-opacity", - "value": "0" - }, - "menu-item-edge-to-content-not-selected-extra-large": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-extra-large", + "table-row-checkbox-to-top-small-compact": { "desktop": { - "value": "45px" + "value": "6px" }, + "prop": "--spectrum-table-row-checkbox-to-top-small-compact", "mobile": { - "value": "54px" + "value": "9px" } }, - "menu-item-edge-to-content-not-selected-large": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-large", + "table-row-checkbox-to-top-small-regular": { "desktop": { - "value": "38px" + "mobile": { + "value": "10px" + } }, "mobile": { - "value": "47px" - } + "mobile": { + "value": "14px" + } + }, + "prop": "--spectrum-table-row-checkbox-to-top-small-regular" }, - "menu-item-edge-to-content-not-selected-medium": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-medium", + "table-row-checkbox-to-top-small": { "desktop": { - "value": "32px" + "value": "10px" }, + "prop": "--spectrum-table-row-checkbox-to-top-small", "mobile": { - "value": "42px" + "value": "14px" } }, - "menu-item-edge-to-content-not-selected-small": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-small", + "table-row-checkbox-to-top-small-spacious": { "desktop": { - "value": "28px" + "value": "14px" }, + "prop": "--spectrum-table-row-checkbox-to-top-small-spacious", "mobile": { - "value": "24px" + "value": "19px" } }, - "menu-item-label-to-description": { - "prop": "--spectrum-menu-item-label-to-description", - "ref": "var(--spectrum-menu-item-label-to-description-medium)", - "value": "1px" - }, - "menu-item-label-to-description-extra-large": { - "prop": "--spectrum-menu-item-label-to-description-extra-large", - "value": "2px" - }, - "menu-item-label-to-description-large": { - "prop": "--spectrum-menu-item-label-to-description-large", - "value": "2px" - }, - "menu-item-label-to-description-medium": { - "prop": "--spectrum-menu-item-label-to-description-medium", - "value": "1px" - }, - "menu-item-label-to-description-small": { - "prop": "--spectrum-menu-item-label-to-description-small", - "value": "1px" - }, - "menu-item-section-divider-height": { - "prop": "--spectrum-menu-item-section-divider-height", - "value": "12px" - }, - "menu-item-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-extra-large", + "table-row-checkbox-to-top-medium-compact": { "desktop": { - "value": "17px" + "value": "8px" }, + "prop": "--spectrum-table-row-checkbox-to-top-medium-compact", "mobile": { - "value": "22px" + "value": "11px" } }, - "menu-item-top-to-disclosure-icon-large": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-large", + "table-row-checkbox-to-top-medium-regular": { "desktop": { - "value": "14px" + "mobile": { + "value": "12px" + } }, "mobile": { - "value": "17px" - } + "mobile": { + "value": "16px" + } + }, + "prop": "--spectrum-table-row-checkbox-to-top-medium-regular" }, - "menu-item-top-to-disclosure-icon-medium": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-medium", + "table-row-checkbox-to-top-medium": { "desktop": { - "value": "11px" + "value": "12px" }, + "prop": "--spectrum-table-row-checkbox-to-top-medium", "mobile": { - "value": "13px" + "value": "16px" } }, - "menu-item-top-to-disclosure-icon-small": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-small", + "table-row-checkbox-to-top-medium-spacious": { "desktop": { - "value": "7px" + "value": "16px" }, + "prop": "--spectrum-table-row-checkbox-to-top-medium-spacious", "mobile": { - "value": "9px" + "value": "21px" } }, - "menu-item-top-to-selected-icon-extra-large": { - "prop": "--spectrum-menu-item-top-to-selected-icon-extra-large", + "table-row-checkbox-to-top-large-compact": { "desktop": { - "value": "17px" + "value": "12px" }, + "prop": "--spectrum-table-row-checkbox-to-top-large-compact", "mobile": { - "value": "22px" + "value": "17px" } }, - "menu-item-top-to-selected-icon-large": { - "prop": "--spectrum-menu-item-top-to-selected-icon-large", + "table-row-checkbox-to-top-large-regular": { "desktop": { - "value": "14px" + "mobile": { + "value": "16px" + } }, "mobile": { - "value": "17px" - } + "mobile": { + "value": "22px" + } + }, + "prop": "--spectrum-table-row-checkbox-to-top-large-regular" }, - "menu-item-top-to-selected-icon-medium": { - "prop": "--spectrum-menu-item-top-to-selected-icon-medium", + "table-row-checkbox-to-top-large": { "desktop": { - "value": "11px" + "value": "16px" }, + "prop": "--spectrum-table-row-checkbox-to-top-large", "mobile": { - "value": "13px" + "value": "22px" } }, - "menu-item-top-to-selected-icon-small": { - "prop": "--spectrum-menu-item-top-to-selected-icon-small", + "table-row-checkbox-to-top-large-spacious": { "desktop": { - "value": "7px" + "value": "20px" }, + "prop": "--spectrum-table-row-checkbox-to-top-large-spacious", "mobile": { - "value": "9px" + "value": "27px" } }, - "menu-item-top-to-thumbnail-extra-large": { - "prop": "--spectrum-menu-item-top-to-thumbnail-extra-large", + "table-row-checkbox-to-top-extra-large-compact": { "desktop": { - "value": "11px" + "value": "15px" }, + "prop": "--spectrum-table-row-checkbox-to-top-extra-large-compact", "mobile": { - "value": "13px" + "value": "21px" } }, - "menu-item-top-to-thumbnail-large": { - "prop": "--spectrum-menu-item-top-to-thumbnail-large", + "table-row-checkbox-to-top-extra-large-regular": { "desktop": { - "value": "10px" + "mobile": { + "value": "19px" + } }, "mobile": { - "value": "12px" - } + "mobile": { + "value": "26px" + } + }, + "prop": "--spectrum-table-row-checkbox-to-top-extra-large-regular" }, - "menu-item-top-to-thumbnail-medium": { - "prop": "--spectrum-menu-item-top-to-thumbnail-medium", + "table-row-checkbox-to-top-extra-large": { "desktop": { - "value": "9px" + "value": "19px" }, + "prop": "--spectrum-table-row-checkbox-to-top-extra-large", "mobile": { - "value": "11px" + "value": "26px" } }, - "menu-item-top-to-thumbnail-small": { - "prop": "--spectrum-menu-item-top-to-thumbnail-small", + "table-row-checkbox-to-top-extra-large-spacious": { "desktop": { - "value": "8px" + "value": "23px" }, + "prop": "--spectrum-table-row-checkbox-to-top-extra-large-spacious", "mobile": { - "value": "10px" + "value": "31px" } }, - "menu-section-header-to-description-extra-large": { - "prop": "--spectrum-menu-section-header-to-description-extra-large", - "value": "2px" - }, - "menu-section-header-to-description-large": { - "prop": "--spectrum-menu-section-header-to-description-large", - "value": "2px" - }, - "menu-section-header-to-description-medium": { - "prop": "--spectrum-menu-section-header-to-description-medium", - "value": "1px" - }, - "menu-section-header-to-description-small": { - "prop": "--spectrum-menu-section-header-to-description-small", - "value": "1px" - }, - "meter-default-width": { - "prop": "--spectrum-meter-default-width", - "ref": "var(--spectrum-meter-width)", + "table-section-header-row-height-small": { "desktop": { - "value": "192px" + "value": "24px" }, + "prop": "--spectrum-table-section-header-row-height-small", "mobile": { - "value": "240px" + "value": "30px" } }, - "meter-maximum-width": { - "prop": "--spectrum-meter-maximum-width", - "value": "768px" - }, - "meter-minimum-width": { - "prop": "--spectrum-meter-minimum-width", - "value": "48px" - }, - "meter-thickness-extra-large": { - "prop": "--spectrum-meter-thickness-extra-large", + "table-section-header-row-height-medium": { "desktop": { - "value": "10px" + "value": "32px" }, + "prop": "--spectrum-table-section-header-row-height-medium", "mobile": { - "value": "13px" + "value": "40px" } }, - "meter-thickness-large": { - "prop": "--spectrum-meter-thickness-large", + "table-section-header-row-height-large": { "desktop": { - "value": "8px" + "value": "40px" }, + "prop": "--spectrum-table-section-header-row-height-large", "mobile": { - "value": "10px" + "value": "50px" } }, - "meter-thickness-medium": { - "prop": "--spectrum-meter-thickness-medium", + "table-section-header-row-height-extra-large": { "desktop": { - "value": "6px" + "value": "48px" }, + "prop": "--spectrum-table-section-header-row-height-extra-large", "mobile": { - "value": "8px" + "value": "60px" } }, - "meter-thickness-small": { - "prop": "--spectrum-meter-thickness-small", + "table-thumbnail-to-top-minimum-small-compact": { "desktop": { "value": "4px" }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-small-compact", "mobile": { "value": "5px" } }, - "meter-width": { - "prop": "--spectrum-meter-width", + "table-thumbnail-to-top-minimum-medium-compact": { "desktop": { - "value": "192px" + "value": "5px" }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-compact", "mobile": { - "value": "240px" + "value": "6px" } }, - "navigational-indicator-top-to-back-icon-extra-large": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-extra-large", + "table-thumbnail-to-top-minimum-large-compact": { "desktop": { - "value": "15px" + "value": "7px" }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-large-compact", "mobile": { - "value": "19px" + "value": "9px" } }, - "navigational-indicator-top-to-back-icon-large": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-large", + "table-thumbnail-to-top-minimum-extra-large-compact": { "desktop": { - "value": "12px" + "value": "8px" }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-compact", "mobile": { - "value": "16px" + "value": "10px" } }, - "navigational-indicator-top-to-back-icon-medium": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-medium", + "table-thumbnail-to-top-minimum-small-regular": { "desktop": { - "value": "9px" + "mobile": { + "value": "5px" + } }, "mobile": { - "value": "12px" - } + "mobile": { + "value": "6px" + } + }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-small-regular" }, - "navigational-indicator-top-to-back-icon-small": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-small", + "table-thumbnail-to-top-minimum-small": { "desktop": { - "value": "6px" + "value": "5px" }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-small", "mobile": { - "value": "7px" + "value": "6px" } }, - "negative-background-color-default": { - "prop": "--spectrum-negative-background-color-default", - "ref": "var(--spectrum-negative-color-800)" - }, - "negative-background-color-down": { - "prop": "--spectrum-negative-background-color-down", - "ref": "var(--spectrum-negative-color-700)" - }, - "negative-background-color-hover": { - "prop": "--spectrum-negative-background-color-hover", - "ref": "var(--spectrum-negative-color-700)" - }, - "negative-background-color-key-focus": { - "prop": "--spectrum-negative-background-color-key-focus", - "ref": "var(--spectrum-negative-color-700)" - }, - "negative-border-color-default": { - "prop": "--spectrum-negative-border-color-default", - "ref": "var(--spectrum-negative-color-900)" - }, - "negative-border-color-down": { - "prop": "--spectrum-negative-border-color-down", - "ref": "var(--spectrum-negative-color-1100)" - }, - "negative-border-color-focus": { - "prop": "--spectrum-negative-border-color-focus", - "ref": "var(--spectrum-negative-color-1000)" - }, - "negative-border-color-focus-hover": { - "prop": "--spectrum-negative-border-color-focus-hover", - "ref": "var(--spectrum-negative-border-color-down)" - }, - "negative-border-color-hover": { - "prop": "--spectrum-negative-border-color-hover", - "ref": "var(--spectrum-negative-color-1000)" - }, - "negative-border-color-key-focus": { - "prop": "--spectrum-negative-border-color-key-focus", - "ref": "var(--spectrum-negative-color-1000)" - }, - "negative-color-100": { - "prop": "--spectrum-negative-color-100", - "ref": "var(--spectrum-red-100)", - "light": { - "value": "rgb(255, 246, 245)" + "table-thumbnail-to-top-minimum-medium-regular": { + "desktop": { + "mobile": { + "value": "7px" + } }, - "dark": { - "value": "rgb(54, 10, 3)" - } + "mobile": { + "mobile": { + "value": "9px" + } + }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-regular" }, - "negative-color-1000": { - "prop": "--spectrum-negative-color-1000", - "ref": "var(--spectrum-red-1000)", - "light": { - "value": "rgb(183, 40, 24)" + "table-thumbnail-to-top-minimum-medium": { + "desktop": { + "value": "7px" }, - "dark": { - "value": "rgb(255, 103, 86)" + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium", + "mobile": { + "value": "9px" } }, - "negative-color-1100": { - "prop": "--spectrum-negative-color-1100", - "ref": "var(--spectrum-red-1100)", - "light": { - "value": "rgb(156, 33, 19)" + "table-thumbnail-to-top-minimum-large-regular": { + "desktop": { + "mobile": { + "value": "8px" + } }, - "dark": { - "value": "rgb(255, 134, 120)" - } + "mobile": { + "mobile": { + "value": "10px" + } + }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-large-regular" }, - "negative-color-1200": { - "prop": "--spectrum-negative-color-1200", - "ref": "var(--spectrum-red-1200)", - "light": { - "value": "rgb(129, 27, 14)" + "table-thumbnail-to-top-minimum-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(255, 167, 157)" + "prop": "--spectrum-table-thumbnail-to-top-minimum-large", + "mobile": { + "value": "10px" } }, - "negative-color-1300": { - "prop": "--spectrum-negative-color-1300", - "ref": "var(--spectrum-red-1300)", - "light": { - "value": "rgb(104, 21, 10)" + "table-thumbnail-to-top-minimum-extra-large-regular": { + "desktop": { + "mobile": { + "value": "8px" + } }, - "dark": { - "value": "rgb(255, 196, 189)" - } + "mobile": { + "mobile": { + "value": "10px" + } + }, + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-regular" }, - "negative-color-1400": { - "prop": "--spectrum-negative-color-1400", - "ref": "var(--spectrum-red-1400)", - "light": { - "value": "rgb(80, 16, 6)" + "table-thumbnail-to-top-minimum-extra-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(255, 222, 219)" + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large", + "mobile": { + "value": "10px" } }, - "negative-color-1500": { - "prop": "--spectrum-negative-color-1500", - "ref": "var(--spectrum-red-1500)", - "dark": { - "value": "rgb(255, 242, 240)" + "table-thumbnail-to-top-minimum-small-spacious": { + "desktop": { + "value": "7px" }, - "light": { - "value": "rgb(59, 11, 4)" + "prop": "--spectrum-table-thumbnail-to-top-minimum-small-spacious", + "mobile": { + "value": "9px" } }, - "negative-color-1600": { - "prop": "--spectrum-negative-color-1600", - "ref": "var(--spectrum-red-1600)", - "dark": { - "value": "rgb(255, 255, 255)" + "table-thumbnail-to-top-minimum-medium-spacious": { + "desktop": { + "value": "8px" }, - "light": { - "value": "rgb(29, 5, 2)" + "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-spacious", + "mobile": { + "value": "10px" } }, - "negative-color-200": { - "prop": "--spectrum-negative-color-200", - "ref": "var(--spectrum-red-200)", - "light": { - "value": "rgb(255, 235, 232)" + "table-thumbnail-to-top-minimum-large-spacious": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(68, 13, 5)" + "prop": "--spectrum-table-thumbnail-to-top-minimum-large-spacious", + "mobile": { + "value": "10px" } }, - "negative-color-300": { - "prop": "--spectrum-negative-color-300", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 214, 209)" + "table-thumbnail-to-top-minimum-extra-large-spacious": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(87, 17, 7)" + "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious", + "mobile": { + "value": "12px" } }, - "negative-color-400": { - "prop": "--spectrum-negative-color-400", - "ref": "var(--spectrum-red-400)", - "light": { - "value": "rgb(255, 188, 180)" + "tab-item-height-small": { + "desktop": { + "value": "40px" }, - "dark": { - "value": "rgb(115, 24, 11)" - } + "mobile": { + "value": "50px" + }, + "prop": "--spectrum-tab-item-height-small" }, - "negative-color-500": { - "prop": "--spectrum-negative-color-500", - "ref": "var(--spectrum-red-500)", - "light": { - "value": "rgb(255, 157, 145)" + "tab-item-height-medium": { + "desktop": { + "value": "48px" }, - "dark": { - "value": "rgb(147, 31, 17)" - } + "mobile": { + "value": "60px" + }, + "prop": "--spectrum-tab-item-height-medium" }, - "negative-color-600": { - "prop": "--spectrum-negative-color-600", - "ref": "var(--spectrum-red-600)", - "light": { - "value": "rgb(255, 118, 101)" + "tab-item-height-large": { + "desktop": { + "value": "56px" }, - "dark": { - "value": "rgb(177, 38, 23)" - } + "mobile": { + "value": "70px" + }, + "prop": "--spectrum-tab-item-height-large" }, - "negative-color-700": { - "prop": "--spectrum-negative-color-700", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(255, 81, 61)" + "tab-item-height-extra-large": { + "desktop": { + "value": "64px" }, - "dark": { - "value": "rgb(205, 46, 29)" - } + "mobile": { + "value": "80px" + }, + "prop": "--spectrum-tab-item-height-extra-large" }, - "negative-color-800": { - "prop": "--spectrum-negative-color-800", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(240, 56, 35)" + "tab-item-compact-height-small": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(223, 52, 34)" - } + "mobile": { + "value": "30px" + }, + "prop": "--spectrum-tab-item-compact-height-small" }, - "negative-color-900": { - "prop": "--spectrum-negative-color-900", - "ref": "var(--spectrum-red-900)", - "light": { - "value": "rgb(215, 50, 32)" + "tab-item-compact-height-medium": { + "desktop": { + "value": "32px" }, - "dark": { - "value": "rgb(252, 67, 46)" - } + "mobile": { + "value": "40px" + }, + "prop": "--spectrum-tab-item-compact-height-medium" }, - "negative-content-color-default": { - "prop": "--spectrum-negative-content-color-default", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(215, 50, 32)" + "tab-item-compact-height-large": { + "desktop": { + "value": "40px" }, - "dark": { - "value": "rgb(252, 67, 46)" - } + "mobile": { + "value": "50px" + }, + "prop": "--spectrum-tab-item-compact-height-large" }, - "negative-content-color-down": { - "prop": "--spectrum-negative-content-color-down", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" + "tab-item-compact-height-extra-large": { + "desktop": { + "value": "48px" }, - "dark": { - "value": "rgb(255, 103, 86)" - } + "mobile": { + "value": "60px" + }, + "prop": "--spectrum-tab-item-compact-height-extra-large" }, - "negative-content-color-hover": { - "prop": "--spectrum-negative-content-color-hover", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" + "tab-item-to-tab-item-horizontal-small": { + "desktop": { + "value": "21px" }, - "dark": { - "value": "rgb(255, 103, 86)" + "prop": "--spectrum-tab-item-to-tab-item-horizontal-small", + "mobile": { + "value": "27px" } }, - "negative-content-color-key-focus": { - "prop": "--spectrum-negative-content-color-key-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" + "tab-item-to-tab-item-horizontal-medium": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(255, 103, 86)" + "prop": "--spectrum-tab-item-to-tab-item-horizontal-medium", + "mobile": { + "value": "30px" } }, - "negative-subdued-background-color-default": { - "prop": "--spectrum-negative-subdued-background-color-default", - "ref": "var(--spectrum-negative-subtle-background-color-default)" - }, - "negative-subdued-background-color-down": { - "prop": "--spectrum-negative-subdued-background-color-down", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" + "tab-item-to-tab-item-horizontal-large": { + "desktop": { + "value": "27px" }, - "dark": { - "value": "rgb(87, 17, 7)" + "prop": "--spectrum-tab-item-to-tab-item-horizontal-large", + "mobile": { + "value": "33px" } }, - "negative-subdued-background-color-hover": { - "prop": "--spectrum-negative-subdued-background-color-hover", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" + "tab-item-to-tab-item-horizontal-extra-large": { + "desktop": { + "value": "30px" }, - "dark": { - "value": "rgb(87, 17, 7)" + "prop": "--spectrum-tab-item-to-tab-item-horizontal-extra-large", + "mobile": { + "value": "36px" } }, - "negative-subdued-background-color-key-focus": { - "prop": "--spectrum-negative-subdued-background-color-key-focus", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" + "tab-item-to-tab-item-vertical-small": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(87, 17, 7)" + "prop": "--spectrum-tab-item-to-tab-item-vertical-small", + "mobile": { + "value": "5px" } }, - "negative-subtle-background-color-default": { - "prop": "--spectrum-negative-subtle-background-color-default", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" + "tab-item-to-tab-item-vertical-medium": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(87, 17, 7)" + "prop": "--spectrum-tab-item-to-tab-item-vertical-medium", + "mobile": { + "value": "5px" } }, - "negative-visual-color": { - "prop": "--spectrum-negative-visual-color", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(215, 50, 32)" + "tab-item-to-tab-item-vertical-large": { + "desktop": { + "value": "5px" }, - "dark": { - "value": "rgb(252, 67, 46)" + "prop": "--spectrum-tab-item-to-tab-item-vertical-large", + "mobile": { + "value": "6px" } }, - "neutral-background-color-default": { - "prop": "--spectrum-neutral-background-color-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "tab-item-to-tab-item-vertical-extra-large": { + "desktop": { + "value": "5px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tab-item-to-tab-item-vertical-extra-large", + "mobile": { + "value": "6px" } }, - "neutral-background-color-down": { - "prop": "--spectrum-neutral-background-color-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } + "tab-item-start-to-edge-quiet": { + "value": "0px", + "prop": "--spectrum-tab-item-start-to-edge-quiet" }, - "neutral-background-color-hover": { - "prop": "--spectrum-neutral-background-color-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-start-to-edge-small": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-start-to-edge-small", + "mobile": { + "value": "13px" } }, - "neutral-background-color-key-focus": { - "prop": "--spectrum-neutral-background-color-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-start-to-edge-medium": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-start-to-edge-medium", + "mobile": { + "value": "15px" } }, - "neutral-background-color-selected-default": { - "prop": "--spectrum-neutral-background-color-selected-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "tab-item-start-to-edge-large": { + "desktop": { + "value": "13px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tab-item-start-to-edge-large", + "mobile": { + "value": "17px" } }, - "neutral-background-color-selected-down": { - "prop": "--spectrum-neutral-background-color-selected-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-start-to-edge-extra-large": { + "desktop": { + "value": "13px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-start-to-edge-extra-large", + "mobile": { + "value": "19px" } }, - "neutral-background-color-selected-hover": { - "prop": "--spectrum-neutral-background-color-selected-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-top-to-text-small": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-top-to-text-small", + "mobile": { + "value": "14px" } }, - "neutral-background-color-selected-key-focus": { - "prop": "--spectrum-neutral-background-color-selected-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-bottom-to-text-small": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-bottom-to-text-small", + "mobile": { + "value": "15px" } }, - "neutral-content-color-default": { - "prop": "--spectrum-neutral-content-color-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "tab-item-top-to-text-medium": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tab-item-top-to-text-medium", + "mobile": { + "value": "18px" } }, - "neutral-content-color-down": { - "prop": "--spectrum-neutral-content-color-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-bottom-to-text-medium": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-bottom-to-text-medium", + "mobile": { + "value": "19px" } }, - "neutral-content-color-focus": { - "prop": "--spectrum-neutral-content-color-focus", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-top-to-text-large": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-top-to-text-large", + "mobile": { + "value": "22px" } }, - "neutral-content-color-focus-hover": { - "prop": "--spectrum-neutral-content-color-focus-hover", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-bottom-to-text-large": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-bottom-to-text-large", + "mobile": { + "value": "22px" } }, - "neutral-content-color-hover": { - "prop": "--spectrum-neutral-content-color-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-top-to-text-extra-large": { + "desktop": { + "value": "19px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-top-to-text-extra-large", + "mobile": { + "value": "25px" } }, - "neutral-content-color-key-focus": { - "prop": "--spectrum-neutral-content-color-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "tab-item-bottom-to-text-extra-large": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(242, 242, 242)" + "prop": "--spectrum-tab-item-bottom-to-text-extra-large", + "mobile": { + "value": "25px" } }, - "neutral-subdued-background-color-default": { - "prop": "--spectrum-neutral-subdued-background-color-default", - "ref": "var(--spectrum-gray-500)", - "light": { - "value": "rgb(143, 143, 143)" + "tab-item-top-to-text-compact-small": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(109, 109, 109)" + "prop": "--spectrum-tab-item-top-to-text-compact-small", + "mobile": { + "value": "5px" } }, - "neutral-subdued-background-color-down": { - "prop": "--spectrum-neutral-subdued-background-color-down", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" + "tab-item-bottom-to-text-compact-small": { + "desktop": { + "value": "5px" }, - "dark": { - "value": "rgb(68, 68, 68)" + "prop": "--spectrum-tab-item-bottom-to-text-compact-small", + "mobile": { + "value": "6px" } }, - "neutral-subdued-background-color-hover": { - "prop": "--spectrum-neutral-subdued-background-color-hover", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" + "tab-item-top-to-text-compact-medium": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(68, 68, 68)" + "prop": "--spectrum-tab-item-top-to-text-compact-medium", + "mobile": { + "value": "9px" } }, - "neutral-subdued-background-color-key-focus": { - "prop": "--spectrum-neutral-subdued-background-color-key-focus", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" + "tab-item-bottom-to-text-compact-medium": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(68, 68, 68)" + "prop": "--spectrum-tab-item-bottom-to-text-compact-medium", + "mobile": { + "value": "10px" } }, - "neutral-subdued-content-color-default": { - "prop": "--spectrum-neutral-subdued-content-color-default", - "ref": "var(--spectrum-gray-700)", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(175, 175, 175)" + "tab-item-top-to-text-compact-large": { + "desktop": { + "value": "10px" + }, + "prop": "--spectrum-tab-item-top-to-text-compact-large", + "mobile": { + "value": "12px" } }, - "neutral-subdued-content-color-down": { - "prop": "--spectrum-neutral-subdued-content-color-down", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "tab-item-bottom-to-text-compact-large": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tab-item-bottom-to-text-compact-large", + "mobile": { + "value": "14px" } }, - "neutral-subdued-content-color-hover": { - "prop": "--spectrum-neutral-subdued-content-color-hover", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "tab-item-top-to-text-compact-extra-large": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tab-item-top-to-text-compact-extra-large", + "mobile": { + "value": "15px" } }, - "neutral-subdued-content-color-key-focus": { - "prop": "--spectrum-neutral-subdued-content-color-key-focus", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "tab-item-bottom-to-text-compact-extra-large": { + "desktop": { + "value": "13px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tab-item-bottom-to-text-compact-extra-large", + "mobile": { + "value": "17px" } }, - "neutral-subdued-content-color-selected": { - "prop": "--spectrum-neutral-subdued-content-color-selected", - "ref": "var(--spectrum-neutral-subdued-content-color-down)", - "light": { - "value": "rgb(41, 41, 41)" + "tab-item-top-to-workflow-icon-small": { + "desktop": { + "value": "13px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-small", + "mobile": { + "value": "15px" } }, - "neutral-subtle-background-color-default": { - "prop": "--spectrum-neutral-subtle-background-color-default", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" + "tab-item-top-to-workflow-icon-medium": { + "desktop": { + "value": "15px" }, - "dark": { - "value": "rgb(57, 57, 57)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-medium", + "mobile": { + "value": "19px" } }, - "neutral-visual-color": { - "prop": "--spectrum-neutral-visual-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(113, 113, 113)" + "tab-item-top-to-workflow-icon-large": { + "desktop": { + "value": "17px" }, - "dark": { - "value": "rgb(138, 138, 138)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-large", + "mobile": { + "value": "23px" } }, - "notice-background-color-default": { - "prop": "--spectrum-notice-background-color-default", - "ref": "var(--spectrum-notice-color-600)" - }, - "notice-color-100": { - "prop": "--spectrum-notice-color-100", - "ref": "var(--spectrum-orange-100)", - "light": { - "value": "rgb(255, 246, 231)" + "tab-item-top-to-workflow-icon-extra-large": { + "desktop": { + "value": "19px" }, - "dark": { - "value": "rgb(49, 16, 0)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-extra-large", + "mobile": { + "value": "26px" } }, - "notice-color-1000": { - "prop": "--spectrum-notice-color-1000", - "ref": "var(--spectrum-orange-1000)", - "light": { - "value": "rgb(167, 62, 0)" + "tab-item-top-to-workflow-icon-compact-small": { + "desktop": { + "value": "3px" }, - "dark": { - "value": "rgb(243, 117, 0)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-small", + "mobile": { + "value": "5px" } }, - "notice-color-1100": { - "prop": "--spectrum-notice-color-1100", - "ref": "var(--spectrum-orange-1100)", - "light": { - "value": "rgb(144, 51, 0)" + "tab-item-top-to-workflow-icon-compact-medium": { + "desktop": { + "value": "7px" }, - "dark": { - "value": "rgb(255, 137, 0)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-medium", + "mobile": { + "value": "9px" } }, - "notice-color-1200": { - "prop": "--spectrum-notice-color-1200", - "ref": "var(--spectrum-orange-1200)", - "light": { - "value": "rgb(118, 41, 0)" + "tab-item-top-to-workflow-icon-compact-large": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(255, 173, 45)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-large", + "mobile": { + "value": "13px" } }, - "notice-color-1300": { - "prop": "--spectrum-notice-color-1300", - "ref": "var(--spectrum-orange-1300)", - "light": { - "value": "rgb(95, 32, 0)" + "tab-item-top-to-workflow-icon-compact-extra-large": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(255, 201, 116)" + "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-extra-large", + "mobile": { + "value": "16px" } }, - "notice-color-1400": { - "prop": "--spectrum-notice-color-1400", - "ref": "var(--spectrum-orange-1400)", - "light": { - "value": "rgb(73, 24, 0)" + "tab-item-focus-indicator-gap-small": { + "desktop": { + "value": "7px" }, - "dark": { - "value": "rgb(255, 225, 178)" + "prop": "--spectrum-tab-item-focus-indicator-gap-small", + "mobile": { + "value": "9px" } }, - "notice-color-1500": { - "prop": "--spectrum-notice-color-1500", - "ref": "var(--spectrum-orange-1500)", - "dark": { - "value": "rgb(255, 243, 225)" + "tab-item-focus-indicator-gap-medium": { + "desktop": { + "value": "8px" }, - "light": { - "value": "rgb(52, 18, 0)" + "prop": "--spectrum-tab-item-focus-indicator-gap-medium", + "mobile": { + "value": "10px" } }, - "notice-color-1600": { - "prop": "--spectrum-notice-color-1600", - "ref": "var(--spectrum-orange-1600)", - "dark": { - "value": "rgb(255, 255, 255)" + "tab-item-focus-indicator-gap-large": { + "desktop": { + "value": "9px" }, - "light": { - "value": "rgb(25, 8, 0)" + "prop": "--spectrum-tab-item-focus-indicator-gap-large", + "mobile": { + "value": "11px" } }, - "notice-color-200": { - "prop": "--spectrum-notice-color-200", - "ref": "var(--spectrum-orange-200)", - "light": { - "value": "rgb(255, 236, 207)" + "tab-item-focus-indicator-gap-extra-large": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(61, 21, 0)" + "prop": "--spectrum-tab-item-focus-indicator-gap-extra-large", + "mobile": { + "value": "12px" } }, - "notice-color-300": { - "prop": "--spectrum-notice-color-300", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 218, 158)" + "side-navigation-width": { + "desktop": { + "value": "192px" }, - "dark": { - "value": "rgb(80, 27, 0)" + "prop": "--spectrum-side-navigation-width", + "mobile": { + "value": "240px" } }, - "notice-color-400": { - "prop": "--spectrum-notice-color-400", - "ref": "var(--spectrum-orange-400)", - "light": { - "value": "rgb(255, 193, 94)" + "side-navigation-minimum-width": { + "desktop": { + "value": "160px" }, - "dark": { - "value": "rgb(106, 36, 0)" + "prop": "--spectrum-side-navigation-minimum-width", + "mobile": { + "value": "200px" } }, - "notice-color-500": { - "prop": "--spectrum-notice-color-500", - "ref": "var(--spectrum-orange-500)", - "light": { - "value": "rgb(255, 162, 19)" + "side-navigation-maximum-width": { + "desktop": { + "value": "240px" }, - "dark": { - "value": "rgb(135, 47, 0)" + "prop": "--spectrum-side-navigation-maximum-width", + "mobile": { + "value": "300px" } }, - "notice-color-600": { - "prop": "--spectrum-notice-color-600", - "ref": "var(--spectrum-orange-600)", - "light": { - "value": "rgb(252, 125, 0)" + "side-navigation-second-level-edge-to-text": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(162, 59, 0)" + "prop": "--spectrum-side-navigation-second-level-edge-to-text", + "mobile": { + "value": "30px" } }, - "notice-color-700": { - "prop": "--spectrum-notice-color-700", - "ref": "var(--spectrum-orange-700)", - "light": { - "value": "rgb(232, 106, 0)" + "side-navigation-third-level-edge-to-text": { + "desktop": { + "value": "36px" }, - "dark": { - "value": "rgb(185, 73, 0)" + "prop": "--spectrum-side-navigation-third-level-edge-to-text", + "mobile": { + "value": "45px" } }, - "notice-color-800": { - "prop": "--spectrum-notice-color-800", - "ref": "var(--spectrum-orange-800)", - "light": { - "value": "rgb(212, 91, 0)" + "side-navigation-with-icon-second-level-edge-to-text": { + "desktop": { + "value": "50px" }, - "dark": { - "value": "rgb(199, 82, 0)" + "prop": "--spectrum-side-navigation-with-icon-second-level-edge-to-text", + "mobile": { + "value": "62px" } }, - "notice-color-900": { - "prop": "--spectrum-notice-color-900", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(194, 78, 0)" + "side-navigation-with-icon-third-level-edge-to-text": { + "desktop": { + "value": "62px" }, - "dark": { - "value": "rgb(224, 100, 0)" + "prop": "--spectrum-side-navigation-with-icon-third-level-edge-to-text", + "mobile": { + "value": "77px" } }, - "notice-subtle-background-color-default": { - "prop": "--spectrum-notice-subtle-background-color-default", - "ref": "var(--spectrum-notice-color-300)", - "light": { - "value": "rgb(255, 218, 158)" + "side-navigation-item-to-item": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(80, 27, 0)" + "prop": "--spectrum-side-navigation-item-to-item", + "mobile": { + "value": "5px" } }, - "notice-visual-color": { - "prop": "--spectrum-notice-visual-color", - "ref": "var(--spectrum-notice-color-900)", - "light": { - "value": "rgb(194, 78, 0)" + "side-navigation-item-to-header": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(224, 100, 0)" + "prop": "--spectrum-side-navigation-item-to-header", + "mobile": { + "value": "30px" } }, - "number-field-minimum-width-multiplier": { - "prop": "--spectrum-number-field-minimum-width-multiplier", - "value": "1.25" - }, - "number-field-visual-to-in-field-stepper-extra-large": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-extra-large", + "side-navigation-bottom-to-text": { "desktop": { "value": "8px" }, + "prop": "--spectrum-side-navigation-bottom-to-text", "mobile": { "value": "10px" } }, - "number-field-visual-to-in-field-stepper-large": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-large", + "tray-top-to-content-area": { "desktop": { - "value": "7px" + "value": "4px" }, + "prop": "--spectrum-tray-top-to-content-area", "mobile": { - "value": "9px" + "value": "5px" } }, - "number-field-visual-to-in-field-stepper-medium": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-medium", + "in-field-button-width-stacked-small": { + "value": "20px", + "prop": "--spectrum-in-field-button-width-stacked-small" + }, + "in-field-button-width-stacked-medium": { + "value": "28px", + "prop": "--spectrum-in-field-button-width-stacked-medium" + }, + "in-field-button-width-stacked-large": { + "value": "36px", + "prop": "--spectrum-in-field-button-width-stacked-large" + }, + "in-field-button-width-stacked-extra-large": { + "value": "44px", + "prop": "--spectrum-in-field-button-width-stacked-extra-large" + }, + "in-field-button-fill-stacked-inner-border-rounding": { + "value": "0px", + "prop": "--spectrum-in-field-button-fill-stacked-inner-border-rounding" + }, + "in-field-button-edge-to-fill": { + "value": "0px", + "prop": "--spectrum-in-field-button-edge-to-fill" + }, + "in-field-button-stacked-inner-edge-to-fill": { + "value": "0px", + "prop": "--spectrum-in-field-button-stacked-inner-edge-to-fill" + }, + "in-field-button-edge-to-disclosure-icon-stacked-small": { + "value": "7px", + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small" + }, + "in-field-button-edge-to-disclosure-icon-stacked-medium": { + "value": "9px", + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium" + }, + "in-field-button-edge-to-disclosure-icon-stacked-large": { + "value": "13px", + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large" + }, + "in-field-button-edge-to-disclosure-icon-stacked-extra-large": { + "value": "16px", + "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-small": { + "value": "3px", + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": { + "value": "3px", + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-large": { + "value": "4px", + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large" + }, + "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": { + "value": "5px", + "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-small": { + "value": "3px", + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": { + "value": "3px", + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-large": { + "value": "4px", + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large" + }, + "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": { + "value": "5px", + "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large" + }, + "arrow-icon-size-75": { "desktop": { - "value": "6px" + "value": "10px" }, + "prop": "--spectrum-arrow-icon-size-75", "mobile": { - "value": "8px" + "value": "12px" } }, - "number-field-visual-to-in-field-stepper-small": { - "prop": "--spectrum-number-field-visual-to-in-field-stepper-small", + "arrow-icon-size-100": { "desktop": { - "value": "5px" + "value": "10px" }, + "prop": "--spectrum-arrow-icon-size-100", "mobile": { - "value": "7px" + "value": "14px" } }, - "number-field-with-stepper-minimum-width-extra-large": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-extra-large", + "arrow-icon-size-200": { "desktop": { - "value": "168px" + "value": "12px" }, + "prop": "--spectrum-arrow-icon-size-200", "mobile": { - "value": "198px" + "value": "16px" } }, - "number-field-with-stepper-minimum-width-large": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-large", + "arrow-icon-size-300": { "desktop": { - "value": "144px" + "value": "14px" }, + "prop": "--spectrum-arrow-icon-size-300", "mobile": { - "value": "174px" + "value": "16px" } }, - "number-field-with-stepper-minimum-width-medium": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-medium", + "arrow-icon-size-400": { "desktop": { - "value": "120px" + "value": "16px" }, + "prop": "--spectrum-arrow-icon-size-400", "mobile": { - "value": "150px" + "value": "18px" } }, - "number-field-with-stepper-minimum-width-small": { - "prop": "--spectrum-number-field-with-stepper-minimum-width-small", + "arrow-icon-size-500": { "desktop": { - "value": "104px" + "value": "18px" }, + "prop": "--spectrum-arrow-icon-size-500", "mobile": { - "value": "126px" + "value": "22px" } }, - "opacity-checkerboard-square-dark": { - "prop": "--spectrum-opacity-checkerboard-square-dark", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" + "arrow-icon-size-600": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(219, 219, 219)" + "prop": "--spectrum-arrow-icon-size-600", + "mobile": { + "value": "24px" } }, - "opacity-checkerboard-square-light": { - "prop": "--spectrum-opacity-checkerboard-square-light", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" + "asterisk-icon-size-75": { + "value": "8px", + "prop": "--spectrum-asterisk-icon-size-75" }, - "opacity-checkerboard-square-size": { - "prop": "--spectrum-opacity-checkerboard-square-size", - "ref": "var(--spectrum-opacity-checkerboard-square-size-medium)", + "asterisk-icon-size-100": { "desktop": { "value": "8px" }, + "prop": "--spectrum-asterisk-icon-size-100", "mobile": { "value": "10px" } }, - "opacity-checkerboard-square-size-medium": { - "prop": "--spectrum-opacity-checkerboard-square-size-medium", + "asterisk-icon-size-200": { "desktop": { - "value": "8px" + "value": "10px" }, + "prop": "--spectrum-asterisk-icon-size-200", "mobile": { - "value": "10px" + "value": "12px" } }, - "opacity-checkerboard-square-size-small": { - "prop": "--spectrum-opacity-checkerboard-square-size-small", + "asterisk-icon-size-300": { "desktop": { - "value": "4px" + "value": "10px" }, + "prop": "--spectrum-asterisk-icon-size-300", "mobile": { - "value": "5px" + "value": "12px" } }, - "opacity-disabled": { - "prop": "--spectrum-opacity-disabled", - "value": "0.3" - }, - "orange-100": { - "prop": "--spectrum-orange-100", - "light": { - "value": "rgb(255, 246, 231)" + "checkmark-icon-size-50": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(49, 16, 0)" + "prop": "--spectrum-checkmark-icon-size-50", + "mobile": { + "value": "12px" } }, - "orange-1000": { - "prop": "--spectrum-orange-1000", - "light": { - "value": "rgb(167, 62, 0)" + "checkmark-icon-size-75": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(243, 117, 0)" + "prop": "--spectrum-checkmark-icon-size-75", + "mobile": { + "value": "12px" } }, - "orange-1100": { - "prop": "--spectrum-orange-1100", - "light": { - "value": "rgb(144, 51, 0)" + "checkmark-icon-size-100": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(255, 137, 0)" + "prop": "--spectrum-checkmark-icon-size-100", + "mobile": { + "value": "14px" } }, - "orange-1200": { - "prop": "--spectrum-orange-1200", - "light": { - "value": "rgb(118, 41, 0)" + "checkmark-icon-size-200": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(255, 173, 45)" + "prop": "--spectrum-checkmark-icon-size-200", + "mobile": { + "value": "14px" } }, - "orange-1300": { - "prop": "--spectrum-orange-1300", - "light": { - "value": "rgb(95, 32, 0)" + "checkmark-icon-size-300": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(255, 201, 116)" + "prop": "--spectrum-checkmark-icon-size-300", + "mobile": { + "value": "16px" } }, - "orange-1400": { - "prop": "--spectrum-orange-1400", - "light": { - "value": "rgb(73, 24, 0)" + "checkmark-icon-size-400": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(255, 225, 178)" + "prop": "--spectrum-checkmark-icon-size-400", + "mobile": { + "value": "18px" } }, - "orange-1500": { - "prop": "--spectrum-orange-1500", - "dark": { - "value": "rgb(255, 243, 225)" + "checkmark-icon-size-500": { + "desktop": { + "value": "16px" }, - "light": { - "value": "rgb(52, 18, 0)" + "prop": "--spectrum-checkmark-icon-size-500", + "mobile": { + "value": "20px" } }, - "orange-1600": { - "prop": "--spectrum-orange-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "checkmark-icon-size-600": { + "desktop": { + "value": "18px" }, - "light": { - "value": "rgb(25, 8, 0)" + "prop": "--spectrum-checkmark-icon-size-600", + "mobile": { + "value": "24px" } }, - "orange-200": { - "prop": "--spectrum-orange-200", - "light": { - "value": "rgb(255, 236, 207)" + "chevron-icon-size-50": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(61, 21, 0)" + "prop": "--spectrum-chevron-icon-size-50", + "mobile": { + "value": "8px" } }, - "orange-300": { - "prop": "--spectrum-orange-300", - "light": { - "value": "rgb(255, 218, 158)" + "chevron-icon-size-75": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(80, 27, 0)" + "prop": "--spectrum-chevron-icon-size-75", + "mobile": { + "value": "12px" } }, - "orange-400": { - "prop": "--spectrum-orange-400", - "light": { - "value": "rgb(255, 193, 94)" + "chevron-icon-size-100": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(106, 36, 0)" + "prop": "--spectrum-chevron-icon-size-100", + "mobile": { + "value": "14px" } }, - "orange-500": { - "prop": "--spectrum-orange-500", - "light": { - "value": "rgb(255, 162, 19)" + "chevron-icon-size-200": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(135, 47, 0)" + "prop": "--spectrum-chevron-icon-size-200", + "mobile": { + "value": "14px" } }, - "orange-600": { - "prop": "--spectrum-orange-600", - "light": { - "value": "rgb(252, 125, 0)" + "chevron-icon-size-300": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(162, 59, 0)" + "prop": "--spectrum-chevron-icon-size-300", + "mobile": { + "value": "16px" } }, - "orange-700": { - "prop": "--spectrum-orange-700", - "light": { - "value": "rgb(232, 106, 0)" + "chevron-icon-size-400": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(185, 73, 0)" + "prop": "--spectrum-chevron-icon-size-400", + "mobile": { + "value": "18px" } }, - "orange-800": { - "prop": "--spectrum-orange-800", - "light": { - "value": "rgb(212, 91, 0)" + "chevron-icon-size-500": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(199, 82, 0)" + "prop": "--spectrum-chevron-icon-size-500", + "mobile": { + "value": "20px" } }, - "orange-900": { - "prop": "--spectrum-orange-900", - "light": { - "value": "rgb(194, 78, 0)" + "chevron-icon-size-600": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(224, 100, 0)" + "prop": "--spectrum-chevron-icon-size-600", + "mobile": { + "value": "24px" } }, - "orange-background-color-default": { - "prop": "--spectrum-orange-background-color-default", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(194, 78, 0)" + "cross-icon-size-75": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(224, 100, 0)" + "prop": "--spectrum-cross-icon-size-75", + "mobile": { + "value": "10px" } }, - "orange-subtle-background-color-default": { - "prop": "--spectrum-orange-subtle-background-color-default", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 218, 158)" + "cross-icon-size-100": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(80, 27, 0)" + "prop": "--spectrum-cross-icon-size-100", + "mobile": { + "value": "10px" } }, - "orange-visual-color": { - "prop": "--spectrum-orange-visual-color", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(194, 78, 0)" + "cross-icon-size-200": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(224, 100, 0)" + "prop": "--spectrum-cross-icon-size-200", + "mobile": { + "value": "12px" } }, - "overlay-color": { - "prop": "--spectrum-overlay-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "overlay-opacity": { - "prop": "--spectrum-overlay-opacity", - "light": { - "value": "0.4" + "cross-icon-size-300": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "0.6" + "prop": "--spectrum-cross-icon-size-300", + "mobile": { + "value": "14px" } }, - "picker-border-width": { - "prop": "--spectrum-picker-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" - }, - "picker-end-edge-to-disclosure-icon-quiet": { - "prop": "--spectrum-picker-end-edge-to-disclosure-icon-quiet", - "value": "0px" - }, - "picker-end-edge-to-disclousure-icon-quiet": { - "prop": "--spectrum-picker-end-edge-to-disclousure-icon-quiet", - "ref": "var(--spectrum-picker-end-edge-to-disclosure-icon-quiet)", - "value": "0px" - }, - "picker-minimum-width-multiplier": { - "prop": "--spectrum-picker-minimum-width-multiplier", - "value": "2" + "cross-icon-size-400": { + "desktop": { + "value": "12px" + }, + "prop": "--spectrum-cross-icon-size-400", + "mobile": { + "value": "16px" + } }, - "picker-visual-to-disclosure-icon-extra-large": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-extra-large", + "cross-icon-size-500": { "desktop": { - "value": "10px" + "value": "14px" }, + "prop": "--spectrum-cross-icon-size-500", "mobile": { - "value": "13px" + "value": "16px" } }, - "picker-visual-to-disclosure-icon-large": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-large", + "cross-icon-size-600": { "desktop": { - "value": "9px" + "value": "16px" }, + "prop": "--spectrum-cross-icon-size-600", "mobile": { - "value": "11px" + "value": "18px" } }, - "picker-visual-to-disclosure-icon-medium": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-medium", + "dash-icon-size-50": { "desktop": { "value": "8px" }, + "prop": "--spectrum-dash-icon-size-50", "mobile": { "value": "10px" } }, - "picker-visual-to-disclosure-icon-small": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-small", + "dash-icon-size-75": { "desktop": { - "value": "7px" + "value": "8px" }, + "prop": "--spectrum-dash-icon-size-75", "mobile": { - "value": "9px" + "value": "10px" } }, - "pink-100": { - "prop": "--spectrum-pink-100", - "dark": { - "value": "rgb(58, 0, 37)" + "dash-icon-size-100": { + "desktop": { + "value": "10px" }, - "light": { - "value": "rgb(255, 246, 252)" + "prop": "--spectrum-dash-icon-size-100", + "mobile": { + "value": "12px" } }, - "pink-1000": { - "prop": "--spectrum-pink-1000", - "dark": { - "value": "rgb(251, 90, 196)" + "dash-icon-size-200": { + "desktop": { + "value": "12px" }, - "light": { - "value": "rgb(176, 31, 123)" + "prop": "--spectrum-dash-icon-size-200", + "mobile": { + "value": "14px" } }, - "pink-1100": { - "prop": "--spectrum-pink-1100", - "dark": { - "value": "rgb(255, 122, 210)" + "dash-icon-size-300": { + "desktop": { + "value": "12px" }, - "light": { - "value": "rgb(152, 22, 104)" + "prop": "--spectrum-dash-icon-size-300", + "mobile": { + "value": "16px" } }, - "pink-1200": { - "prop": "--spectrum-pink-1200", - "dark": { - "value": "rgb(255, 159, 223)" + "dash-icon-size-400": { + "desktop": { + "value": "14px" }, - "light": { - "value": "rgb(128, 12, 85)" + "prop": "--spectrum-dash-icon-size-400", + "mobile": { + "value": "18px" } }, - "pink-1300": { - "prop": "--spectrum-pink-1300", - "dark": { - "value": "rgb(255, 191, 234)" + "dash-icon-size-500": { + "desktop": { + "value": "16px" }, - "light": { - "value": "rgb(105, 3, 68)" + "prop": "--spectrum-dash-icon-size-500", + "mobile": { + "value": "20px" } }, - "pink-1400": { - "prop": "--spectrum-pink-1400", - "dark": { - "value": "rgb(255, 219, 243)" + "dash-icon-size-600": { + "desktop": { + "value": "18px" }, - "light": { - "value": "rgb(83, 0, 53)" + "prop": "--spectrum-dash-icon-size-600", + "mobile": { + "value": "22px" } }, - "pink-1500": { - "prop": "--spectrum-pink-1500", - "dark": { - "value": "rgb(255, 241, 250)" - }, - "light": { - "value": "rgb(62, 0, 39)" + "side-navigation-header-to-item": { + "desktop": { + "value": "8px" + }, + "prop": "--spectrum-side-navigation-header-to-item", + "mobile": { + "value": "10px" } }, - "pink-1600": { - "prop": "--spectrum-pink-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "divider-vertical-minimum-height": { + "value": "200px", + "prop": "--spectrum-divider-vertical-minimum-height" + }, + "divider-horizontal-minimum-width": { + "value": "200px", + "prop": "--spectrum-divider-horizontal-minimum-width" + }, + "tooltip-tip-corner-radius": { + "value": "1px", + "prop": "--spectrum-tooltip-tip-corner-radius" + }, + "switch-handle-size-small": { + "desktop": { + "value": "6px" }, - "light": { - "value": "rgb(33, 0, 21)" + "prop": "--spectrum-switch-handle-size-small", + "mobile": { + "value": "10px" } }, - "pink-200": { - "prop": "--spectrum-pink-200", - "dark": { - "value": "rgb(71, 0, 44)" + "switch-handle-selected-size-small": { + "desktop": { + "value": "8px" }, - "light": { - "value": "rgb(255, 232, 247)" + "prop": "--spectrum-switch-handle-selected-size-small", + "mobile": { + "value": "12px" } }, - "pink-300": { - "prop": "--spectrum-pink-300", - "dark": { - "value": "rgb(90, 0, 57)" + "switch-handle-selected-size-medium": { + "desktop": { + "value": "10px" }, - "light": { - "value": "rgb(255, 211, 240)" + "prop": "--spectrum-switch-handle-selected-size-medium", + "mobile": { + "value": "14px" } }, - "pink-400": { - "prop": "--spectrum-pink-400", - "dark": { - "value": "rgb(115, 7, 75)" + "switch-handle-selected-size-large": { + "desktop": { + "value": "12px" }, - "light": { - "value": "rgb(255, 181, 230)" + "prop": "--spectrum-switch-handle-selected-size-large", + "mobile": { + "value": "16px" } }, - "pink-500": { - "prop": "--spectrum-pink-500", - "dark": { - "value": "rgb(143, 18, 97)" + "switch-handle-selected-size-extra-large": { + "desktop": { + "value": "14px" }, - "light": { - "value": "rgb(255, 148, 219)" + "prop": "--spectrum-switch-handle-selected-size-extra-large", + "mobile": { + "value": "20px" } }, - "pink-600": { - "prop": "--spectrum-pink-600", - "dark": { - "value": "rgb(171, 29, 119)" + "switch-handle-size-medium": { + "desktop": { + "value": "8px" }, - "light": { - "value": "rgb(255, 103, 204)" + "prop": "--spectrum-switch-handle-size-medium", + "mobile": { + "value": "12px" } }, - "pink-700": { - "prop": "--spectrum-pink-700", - "dark": { - "value": "rgb(196, 39, 138)" + "switch-handle-size-large": { + "desktop": { + "value": "10px" }, - "light": { - "value": "rgb(242, 76, 184)" + "prop": "--spectrum-switch-handle-size-large", + "mobile": { + "value": "14px" } }, - "pink-800": { - "prop": "--spectrum-pink-800", - "dark": { - "value": "rgb(213, 45, 151)" + "switch-handle-size-extra-large": { + "desktop": { + "value": "12px" }, - "light": { - "value": "rgb(228, 52, 163)" + "prop": "--spectrum-switch-handle-size-extra-large", + "mobile": { + "value": "18px" } }, - "pink-900": { - "prop": "--spectrum-pink-900", - "dark": { - "value": "rgb(236, 67, 175)" + "tag-minimum-width-multiplier": { + "value": "1", + "prop": "--spectrum-tag-minimum-width-multiplier" + }, + "tag-maximum-width-multiplier": { + "value": "7", + "prop": "--spectrum-tag-maximum-width-multiplier" + }, + "tag-label-to-clear-icon-small": { + "desktop": { + "value": "8px" }, - "light": { - "value": "rgb(206, 42, 146)" + "prop": "--spectrum-tag-label-to-clear-icon-small", + "mobile": { + "value": "10px" } }, - "pink-background-color-default": { - "prop": "--spectrum-pink-background-color-default", - "ref": "var(--spectrum-pink-800)", - "dark": { - "value": "rgb(213, 45, 151)" + "tag-label-to-clear-icon-medium": { + "desktop": { + "value": "12px" }, - "light": { - "value": "rgb(228, 52, 163)" + "prop": "--spectrum-tag-label-to-clear-icon-medium", + "mobile": { + "value": "15px" } }, - "pink-subtle-background-color-default": { - "prop": "--spectrum-pink-subtle-background-color-default", - "ref": "var(--spectrum-pink-300)", - "dark": { - "value": "rgb(90, 0, 57)" + "tag-label-to-clear-icon-large": { + "desktop": { + "value": "15px" }, - "light": { - "value": "rgb(255, 211, 240)" + "prop": "--spectrum-tag-label-to-clear-icon-large", + "mobile": { + "value": "19px" } }, - "pink-visual-color": { - "prop": "--spectrum-pink-visual-color", - "ref": "var(--spectrum-pink-900)", - "dark": { - "value": "rgb(236, 67, 175)" + "tag-edge-to-clear-icon-small": { + "desktop": { + "value": "8px" }, - "light": { - "value": "rgb(206, 42, 146)" + "prop": "--spectrum-tag-edge-to-clear-icon-small", + "mobile": { + "value": "10px" } }, - "popover-border-color": { - "prop": "--spectrum-popover-border-color", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" + "tag-edge-to-clear-icon-medium": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(68, 68, 68)" + "prop": "--spectrum-tag-edge-to-clear-icon-medium", + "mobile": { + "value": "15px" } }, - "popover-border-opacity": { - "prop": "--spectrum-popover-border-opacity", - "light": { - "value": "0" + "tag-edge-to-clear-icon-large": { + "desktop": { + "value": "15px" }, - "dark": { - "value": "1.0" + "prop": "--spectrum-tag-edge-to-clear-icon-large", + "mobile": { + "value": "19px" } }, - "popover-edge-to-content-area": { - "prop": "--spectrum-popover-edge-to-content-area", - "ref": "var(--spectrum-spacing-100)", - "value": "8px" - }, - "popover-tip-height": { - "prop": "--spectrum-popover-tip-height", - "value": "8px" - }, - "popover-tip-width": { - "prop": "--spectrum-popover-tip-width", - "value": "16px" + "title-cjk-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-title-cjk-emphasized-font-style" }, - "popover-top-to-content-area": { - "prop": "--spectrum-popover-top-to-content-area", - "ref": "var(--spectrum-popover-edge-to-content-area)", - "value": "8px" + "title-cjk-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-title-cjk-emphasized-font-weight" }, - "positive-background-color-default": { - "prop": "--spectrum-positive-background-color-default", - "ref": "var(--spectrum-positive-color-800)" + "title-cjk-font-family": { + "value": "Adobe Clean Han", + "prop": "--spectrum-title-cjk-font-family" }, - "positive-background-color-down": { - "prop": "--spectrum-positive-background-color-down", - "ref": "var(--spectrum-positive-color-700)" + "title-cjk-font-style": { + "value": "normal", + "prop": "--spectrum-title-cjk-font-style" }, - "positive-background-color-hover": { - "prop": "--spectrum-positive-background-color-hover", - "ref": "var(--spectrum-positive-color-700)" + "title-cjk-font-weight": { + "value": "700", + "prop": "--spectrum-title-cjk-font-weight" }, - "positive-background-color-key-focus": { - "prop": "--spectrum-positive-background-color-key-focus", - "ref": "var(--spectrum-positive-color-700)" + "title-cjk-line-height": { + "value": "1.5", + "prop": "--spectrum-title-cjk-line-height" }, - "positive-color-100": { - "prop": "--spectrum-positive-color-100", - "ref": "var(--spectrum-green-100)", - "light": { - "value": "rgb(237, 252, 241)" + "title-cjk-size-l": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(0, 30, 23)" - } - }, - "positive-color-1000": { - "prop": "--spectrum-positive-color-1000", - "ref": "var(--spectrum-green-1000)", - "light": { - "value": "rgb(3, 110, 69)" + "mobile": { + "value": "19px" }, - "dark": { - "value": "rgb(14, 175, 98)" - } + "prop": "--spectrum-title-cjk-size-l" }, - "positive-color-1100": { - "prop": "--spectrum-positive-color-1100", - "ref": "var(--spectrum-green-1100)", - "light": { - "value": "rgb(2, 93, 60)" + "title-cjk-size-m": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(24, 193, 110)" - } - }, - "positive-color-1200": { - "prop": "--spectrum-positive-color-1200", - "ref": "var(--spectrum-green-1200)", - "light": { - "value": "rgb(1, 76, 52)" + "mobile": { + "value": "17px" }, - "dark": { - "value": "rgb(57, 215, 134)" - } + "prop": "--spectrum-title-cjk-size-m" }, - "positive-color-1300": { - "prop": "--spectrum-positive-color-1300", - "ref": "var(--spectrum-green-1300)", - "light": { - "value": "rgb(0, 61, 44)" + "title-cjk-size-s": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(126, 231, 172)" - } - }, - "positive-color-1400": { - "prop": "--spectrum-positive-color-1400", - "ref": "var(--spectrum-green-1400)", - "light": { - "value": "rgb(0, 46, 34)" + "mobile": { + "value": "15px" }, - "dark": { - "value": "rgb(189, 241, 208)" - } + "prop": "--spectrum-title-cjk-size-s" }, - "positive-color-1500": { - "prop": "--spectrum-positive-color-1500", - "ref": "var(--spectrum-green-1500)", - "dark": { - "value": "rgb(229, 250, 236)" + "title-cjk-size-xl": { + "desktop": { + "value": "18px" }, - "light": { - "value": "rgb(0, 33, 25)" - } - }, - "positive-color-1600": { - "prop": "--spectrum-positive-color-1600", - "ref": "var(--spectrum-green-1600)", - "dark": { - "value": "rgb(255, 255, 255)" + "mobile": { + "value": "22px" }, - "light": { - "value": "rgb(0, 15, 12)" - } + "prop": "--spectrum-title-cjk-size-xl" }, - "positive-color-200": { - "prop": "--spectrum-positive-color-200", - "ref": "var(--spectrum-green-200)", - "light": { - "value": "rgb(215, 247, 225)" + "title-cjk-size-xs": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(0, 38, 29)" - } - }, - "positive-color-300": { - "prop": "--spectrum-positive-color-300", - "ref": "var(--spectrum-green-300)", - "light": { - "value": "rgb(173, 238, 197)" + "mobile": { + "value": "13px" }, - "dark": { - "value": "rgb(0, 51, 38)" - } + "prop": "--spectrum-title-cjk-size-xs" }, - "positive-color-400": { - "prop": "--spectrum-positive-color-400", - "ref": "var(--spectrum-green-400)", - "light": { - "value": "rgb(107, 227, 162)" + "title-cjk-size-xxl": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(0, 68, 48)" - } - }, - "positive-color-500": { - "prop": "--spectrum-positive-color-500", - "ref": "var(--spectrum-green-500)", - "light": { - "value": "rgb(43, 209, 125)" + "mobile": { + "value": "24px" }, - "dark": { - "value": "rgb(2, 87, 58)" - } + "prop": "--spectrum-title-cjk-size-xxl" }, - "positive-color-600": { - "prop": "--spectrum-positive-color-600", - "ref": "var(--spectrum-green-600)", - "light": { - "value": "rgb(18, 184, 103)" + "title-cjk-size-xxxl": { + "desktop": { + "value": "22px" }, - "dark": { - "value": "rgb(3, 106, 67)" - } - }, - "positive-color-700": { - "prop": "--spectrum-positive-color-700", - "ref": "var(--spectrum-green-700)", - "light": { - "value": "rgb(11, 164, 93)" + "mobile": { + "value": "27px" }, - "dark": { - "value": "rgb(4, 124, 75)" - } + "prop": "--spectrum-title-cjk-size-xxxl" }, - "positive-color-800": { - "prop": "--spectrum-positive-color-800", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } + "title-cjk-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-title-cjk-strong-emphasized-font-style" }, - "positive-color-900": { - "prop": "--spectrum-positive-color-900", - "ref": "var(--spectrum-green-900)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } + "title-cjk-strong-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-title-cjk-strong-emphasized-font-weight" }, - "positive-subtle-background-color-default": { - "prop": "--spectrum-positive-subtle-background-color-default", - "ref": "var(--spectrum-positive-color-300)", - "light": { - "value": "rgb(173, 238, 197)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } + "title-cjk-strong-font-style": { + "value": "normal", + "prop": "--spectrum-title-cjk-strong-font-style" }, - "positive-visual-color": { - "prop": "--spectrum-positive-visual-color", - "ref": "var(--spectrum-positive-color-900)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } + "title-cjk-strong-font-weight": { + "value": "800", + "prop": "--spectrum-title-cjk-strong-font-weight" }, - "progress-bar-maximum-width": { - "prop": "--spectrum-progress-bar-maximum-width", - "value": "768px" + "title-line-height": { + "value": "1.3", + "prop": "--spectrum-title-line-height" }, - "progress-bar-minimum-width": { - "prop": "--spectrum-progress-bar-minimum-width", - "value": "48px" + "title-margin-bottom-multiplier": { + "value": "0.25", + "prop": "--spectrum-title-margin-bottom-multiplier" }, - "progress-bar-thickness-extra-large": { - "prop": "--spectrum-progress-bar-thickness-extra-large", + "title-margin-top-multiplier": { + "value": "0.88888889", + "prop": "--spectrum-title-margin-top-multiplier" + }, + "title-sans-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-title-sans-serif-emphasized-font-style" + }, + "title-sans-serif-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-title-sans-serif-emphasized-font-weight" + }, + "title-sans-serif-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-title-sans-serif-font-family" + }, + "title-sans-serif-font-style": { + "value": "normal", + "prop": "--spectrum-title-sans-serif-font-style" + }, + "title-sans-serif-font-weight": { + "value": "700", + "prop": "--spectrum-title-sans-serif-font-weight" + }, + "title-sans-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-title-sans-serif-strong-emphasized-font-style" + }, + "title-sans-serif-strong-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-title-sans-serif-strong-emphasized-font-weight" + }, + "title-sans-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-title-sans-serif-strong-font-style" + }, + "title-sans-serif-strong-font-weight": { + "value": "800", + "prop": "--spectrum-title-sans-serif-strong-font-weight" + }, + "title-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-title-serif-emphasized-font-style" + }, + "title-serif-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-title-serif-emphasized-font-weight" + }, + "title-serif-font-family": { + "value": "Adobe Clean Serif", + "prop": "--spectrum-title-serif-font-family" + }, + "title-serif-font-style": { + "value": "normal", + "prop": "--spectrum-title-serif-font-style" + }, + "title-serif-font-weight": { + "value": "700", + "prop": "--spectrum-title-serif-font-weight" + }, + "title-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-title-serif-strong-emphasized-font-style" + }, + "title-serif-strong-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-title-serif-strong-emphasized-font-weight" + }, + "title-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-title-serif-strong-font-style" + }, + "title-serif-strong-font-weight": { + "value": "900", + "prop": "--spectrum-title-serif-strong-font-weight" + }, + "title-size-l": { "desktop": { - "value": "10px" + "value": "18px" }, "mobile": { - "value": "13px" - } + "value": "22px" + }, + "prop": "--spectrum-title-size-l" }, - "progress-bar-thickness-large": { - "prop": "--spectrum-progress-bar-thickness-large", + "title-size-m": { "desktop": { - "value": "8px" + "value": "16px" }, "mobile": { - "value": "10px" - } + "value": "19px" + }, + "prop": "--spectrum-title-size-m" }, - "progress-bar-thickness-medium": { - "prop": "--spectrum-progress-bar-thickness-medium", + "title-size-s": { "desktop": { - "value": "6px" + "value": "14px" }, "mobile": { - "value": "8px" - } + "value": "17px" + }, + "prop": "--spectrum-title-size-s" }, - "progress-bar-thickness-small": { - "prop": "--spectrum-progress-bar-thickness-small", + "title-size-xl": { "desktop": { - "value": "4px" + "value": "20px" }, "mobile": { - "value": "5px" - } + "value": "24px" + }, + "prop": "--spectrum-title-size-xl" }, - "progress-circle-size-large": { - "prop": "--spectrum-progress-circle-size-large", + "title-size-xs": { "desktop": { - "value": "64px" + "value": "12px" }, "mobile": { - "value": "80px" - } + "value": "15px" + }, + "prop": "--spectrum-title-size-xs" }, - "progress-circle-size-medium": { - "prop": "--spectrum-progress-circle-size-medium", + "title-size-xxl": { "desktop": { - "value": "32px" + "value": "22px" }, "mobile": { - "value": "40px" - } + "value": "27px" + }, + "prop": "--spectrum-title-size-xxl" }, - "progress-circle-size-small": { - "prop": "--spectrum-progress-circle-size-small", + "title-size-xxxl": { "desktop": { - "value": "16px" + "value": "25px" }, "mobile": { - "value": "20px" - } + "value": "31px" + }, + "prop": "--spectrum-title-size-xxxl" }, - "progress-circle-thickness-large": { - "prop": "--spectrum-progress-circle-thickness-large", + "opacity-checkerboard-square-size-small": { "desktop": { "value": "4px" }, + "prop": "--spectrum-opacity-checkerboard-square-size-small", "mobile": { "value": "5px" } }, - "progress-circle-thickness-medium": { - "prop": "--spectrum-progress-circle-thickness-medium", + "alert-banner-top-to-alert-icon": { "desktop": { - "value": "3px" + "value": "37px" }, + "prop": "--spectrum-alert-banner-top-to-alert-icon", "mobile": { - "value": "4px" + "value": "29px" } }, - "progress-circle-thickness-small": { - "prop": "--spectrum-progress-circle-thickness-small", + "accordion-top-to-text-spacious-small": { "desktop": { - "value": "2px" + "value": "11px" }, + "prop": "--spectrum-accordion-top-to-text-spacious-small", "mobile": { - "value": "3px" + "value": "15px" } }, - "purple-100": { - "prop": "--spectrum-purple-100", - "light": { - "value": "rgb(251, 247, 254)" + "field-default-width-small": { + "desktop": { + "value": "192px" }, - "dark": { - "value": "rgb(41, 0, 79)" + "prop": "--spectrum-field-default-width-small", + "mobile": { + "value": "240px" } }, - "purple-1000": { - "prop": "--spectrum-purple-1000", - "light": { - "value": "rgb(134, 40, 217)" + "field-default-width-medium": { + "desktop": { + "value": "208px" }, - "dark": { - "value": "rgb(186, 127, 237)" + "prop": "--spectrum-field-default-width-medium", + "mobile": { + "value": "256px" } }, - "purple-1100": { - "prop": "--spectrum-purple-1100", - "light": { - "value": "rgb(115, 13, 204)" - }, - "dark": { - "value": "rgb(197, 149, 240)" - } - }, - "purple-1200": { - "prop": "--spectrum-purple-1200", - "light": { - "value": "rgb(93, 0, 177)" - }, - "dark": { - "value": "rgb(212, 176, 244)" - } - }, - "purple-1300": { - "prop": "--spectrum-purple-1300", - "light": { - "value": "rgb(75, 0, 144)" - }, - "dark": { - "value": "rgb(225, 201, 247)" - } - }, - "purple-1400": { - "prop": "--spectrum-purple-1400", - "light": { - "value": "rgb(59, 0, 111)" + "field-default-width-large": { + "desktop": { + "value": "224px" }, - "dark": { - "value": "rgb(238, 224, 250)" + "prop": "--spectrum-field-default-width-large", + "mobile": { + "value": "272px" } }, - "purple-1500": { - "prop": "--spectrum-purple-1500", - "dark": { - "value": "rgb(248, 243, 253)" + "field-default-width-extra-large": { + "desktop": { + "value": "240px" }, - "light": { - "value": "rgb(44, 0, 84)" + "prop": "--spectrum-field-default-width-extra-large", + "mobile": { + "value": "288px" } }, - "purple-1600": { - "prop": "--spectrum-purple-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "tag-minimum-width-small": { + "desktop": { + "value": "21px" }, - "light": { - "value": "rgb(23, 0, 45)" + "prop": "--spectrum-tag-minimum-width-small", + "mobile": { + "value": "25px" } }, - "purple-200": { - "prop": "--spectrum-purple-200", - "light": { - "value": "rgb(244, 235, 252)" + "tag-minimum-width-medium": { + "desktop": { + "value": "27px" }, - "dark": { - "value": "rgb(50, 0, 96)" + "prop": "--spectrum-tag-minimum-width-medium", + "mobile": { + "value": "34px" } }, - "purple-300": { - "prop": "--spectrum-purple-300", - "light": { - "value": "rgb(235, 218, 249)" + "tag-minimum-width-large": { + "desktop": { + "value": "33px" }, - "dark": { - "value": "rgb(64, 0, 122)" + "prop": "--spectrum-tag-minimum-width-large", + "mobile": { + "value": "42px" } }, - "purple-400": { - "prop": "--spectrum-purple-400", - "light": { - "value": "rgb(221, 193, 246)" - }, - "dark": { - "value": "rgb(83, 0, 159)" - } + "combo-box-visual-to-field-button": { + "value": "0px", + "prop": "--spectrum-combo-box-visual-to-field-button" }, - "purple-500": { - "prop": "--spectrum-purple-500", - "light": { - "value": "rgb(208, 167, 243)" + "in-field-button-edge-to-fill-small": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(107, 6, 195)" + "prop": "--spectrum-in-field-button-edge-to-fill-small", + "mobile": { + "value": "5px" } }, - "purple-600": { - "prop": "--spectrum-purple-600", - "light": { - "value": "rgb(191, 138, 238)" - }, - "dark": { - "value": "rgb(130, 34, 215)" - } + "in-field-button-edge-to-fill-medium": { + "value": "6px", + "prop": "--spectrum-in-field-button-edge-to-fill-medium" }, - "purple-700": { - "prop": "--spectrum-purple-700", - "light": { - "value": "rgb(178, 114, 235)" - }, - "dark": { - "value": "rgb(148, 62, 224)" - } + "in-field-button-edge-to-fill-large": { + "value": "8px", + "prop": "--spectrum-in-field-button-edge-to-fill-large" }, - "purple-800": { - "prop": "--spectrum-purple-800", - "light": { - "value": "rgb(166, 92, 231)" + "in-field-button-edge-to-fill-extra-large": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(157, 78, 228)" + "prop": "--spectrum-in-field-button-edge-to-fill-extra-large", + "mobile": { + "value": "10px" } }, - "purple-900": { - "prop": "--spectrum-purple-900", - "light": { - "value": "rgb(154, 71, 226)" + "in-field-progress-circle-edge-to-fill": { + "desktop": { + "value": "1px" }, - "dark": { - "value": "rgb(173, 105, 233)" + "prop": "--spectrum-in-field-progress-circle-edge-to-fill", + "mobile": { + "value": "2px" } }, - "purple-background-color-default": { - "prop": "--spectrum-purple-background-color-default", - "ref": "var(--spectrum-purple-800)", - "light": { - "value": "rgb(166, 92, 231)" + "in-field-progress-circle-size-75": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(157, 78, 228)" + "prop": "--spectrum-in-field-progress-circle-size-75", + "mobile": { + "value": "18px" } }, - "purple-subtle-background-color-default": { - "prop": "--spectrum-purple-subtle-background-color-default", - "ref": "var(--spectrum-purple-300)", - "light": { - "value": "rgb(235, 218, 249)" + "in-field-progress-circle-size-100": { + "desktop": { + "value": "20px" }, - "dark": { - "value": "rgb(64, 0, 122)" + "prop": "--spectrum-in-field-progress-circle-size-100", + "mobile": { + "value": "24px" } }, - "purple-visual-color": { - "prop": "--spectrum-purple-visual-color", - "ref": "var(--spectrum-purple-900)", - "light": { - "value": "rgb(154, 71, 226)" + "in-field-progress-circle-size-200": { + "desktop": { + "value": "22px" }, - "dark": { - "value": "rgb(173, 105, 233)" + "prop": "--spectrum-in-field-progress-circle-size-200", + "mobile": { + "value": "28px" } }, - "radio-button-control-size-extra-large": { - "prop": "--spectrum-radio-button-control-size-extra-large", + "in-field-progress-circle-size-300": { "desktop": { - "value": "18px" + "value": "26px" }, + "prop": "--spectrum-in-field-progress-circle-size-300", "mobile": { - "value": "22px" + "value": "30px" } }, - "radio-button-control-size-large": { - "prop": "--spectrum-radio-button-control-size-large", + "alert-dialog-description-font-size": { "desktop": { - "value": "16px" + "mobile": { + "value": "14px" + } }, "mobile": { - "value": "20px" - } + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-alert-dialog-description-font-size" }, - "radio-button-control-size-medium": { - "prop": "--spectrum-radio-button-control-size-medium", + "alert-dialog-title-font-size": { "desktop": { - "value": "14px" + "mobile": { + "value": "20px" + } }, "mobile": { - "value": "18px" - } + "mobile": { + "value": "24px" + } + }, + "prop": "--spectrum-alert-dialog-title-font-size" }, - "radio-button-control-size-small": { - "prop": "--spectrum-radio-button-control-size-small", + "coach-mark-body-font-size": { "desktop": { - "value": "12px" + "mobile": { + "value": "14px" + } }, "mobile": { - "value": "16px" - } - }, - "radio-button-selection-indicator": { - "prop": "--spectrum-radio-button-selection-indicator", - "value": "4px" + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-coach-mark-body-font-size" }, - "radio-button-top-to-control-extra-large": { - "prop": "--spectrum-radio-button-top-to-control-extra-large", + "coach-mark-pagination-body-font-size": { "desktop": { - "value": "15px" + "mobile": { + "value": "12px" + } }, "mobile": { - "value": "19px" - } + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-coach-mark-pagination-body-font-size" }, - "radio-button-top-to-control-large": { - "prop": "--spectrum-radio-button-top-to-control-large", + "coach-mark-title-font-size": { "desktop": { - "value": "12px" + "mobile": { + "value": "14px" + } }, "mobile": { - "value": "15px" - } + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-coach-mark-title-font-size" }, - "radio-button-top-to-control-medium": { - "prop": "--spectrum-radio-button-top-to-control-medium", + "standard-dialog-title-font-size": { "desktop": { - "value": "9px" + "mobile": { + "value": "20px" + } }, "mobile": { - "value": "11px" - } + "mobile": { + "value": "24px" + } + }, + "prop": "--spectrum-standard-dialog-title-font-size" }, - "radio-button-top-to-control-small": { - "prop": "--spectrum-radio-button-top-to-control-small", + "standard-dialog-body-font-size": { "desktop": { - "value": "6px" + "mobile": { + "value": "14px" + } }, "mobile": { - "value": "7px" - } + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-standard-dialog-body-font-size" }, - "rating-bottom-to-content-area-medium": { - "prop": "--spectrum-rating-bottom-to-content-area-medium", - "value": "6px" + "standard-dialog-maximum-width-small": { + "value": "400px", + "prop": "--spectrum-standard-dialog-maximum-width-small" }, - "rating-bottom-to-content-area-small": { - "prop": "--spectrum-rating-bottom-to-content-area-small", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" + "standard-dialog-minimum-width": { + "value": "288px", + "prop": "--spectrum-standard-dialog-minimum-width" }, - "rating-edge-to-content-area-medium": { - "prop": "--spectrum-rating-edge-to-content-area-medium", - "value": "6px" + "standard-dialog-maximum-width-medium": { + "value": "480px", + "prop": "--spectrum-standard-dialog-maximum-width-medium" }, - "rating-edge-to-content-area-small": { - "prop": "--spectrum-rating-edge-to-content-area-small", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" + "standard-dialog-maximum-width-large": { + "value": "640px", + "prop": "--spectrum-standard-dialog-maximum-width-large" }, - "rating-height-medium": { - "prop": "--spectrum-rating-height-medium", - "ref": "var(--spectrum-component-height-100)", + "status-light-text-to-visual-75": { "desktop": { - "value": "32px" + "value": "5px" }, "mobile": { - "value": "40px" - } + "value": "7px" + }, + "prop": "--spectrum-status-light-text-to-visual-75" }, - "rating-height-small": { - "prop": "--spectrum-rating-height-small", - "ref": "var(--spectrum-component-height-75)", + "status-light-text-to-visual-100": { "desktop": { - "value": "24px" + "value": "6px" }, "mobile": { - "value": "30px" - } + "value": "8px" + }, + "prop": "--spectrum-status-light-text-to-visual-100" }, - "rating-indicator-to-icon": { - "prop": "--spectrum-rating-indicator-to-icon", + "status-light-text-to-visual-200": { "desktop": { - "value": "4px" + "value": "7px" }, "mobile": { - "value": "5px" - } + "value": "9px" + }, + "prop": "--spectrum-status-light-text-to-visual-200" }, - "rating-indicator-width": { - "prop": "--spectrum-rating-indicator-width", + "status-light-text-to-visual-300": { "desktop": { - "value": "18px" + "value": "8px" }, "mobile": { - "value": "22px" - } - }, - "rating-top-to-content-area-medium": { - "prop": "--spectrum-rating-top-to-content-area-medium", - "value": "6px" - }, - "rating-top-to-content-area-small": { - "prop": "--spectrum-rating-top-to-content-area-small", - "ref": "var(--spectrum-spacing-75)", - "value": "4px" - }, - "rating-width-medium": { - "prop": "--spectrum-rating-width-medium", - "value": "128px" - }, - "rating-width-small": { - "prop": "--spectrum-rating-width-small", - "value": "104px" + "value": "10px" + }, + "prop": "--spectrum-status-light-text-to-visual-300" }, - "red-100": { - "prop": "--spectrum-red-100", - "light": { - "value": "rgb(255, 246, 245)" + "link-out-icon-size-75": { + "desktop": { + "value": "10px" }, - "dark": { - "value": "rgb(54, 10, 3)" + "prop": "--spectrum-link-out-icon-size-75", + "mobile": { + "value": "12px" } }, - "red-1000": { - "prop": "--spectrum-red-1000", - "light": { - "value": "rgb(183, 40, 24)" + "link-out-icon-size-100": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(255, 103, 86)" + "prop": "--spectrum-link-out-icon-size-100", + "mobile": { + "value": "14px" } }, - "red-1100": { - "prop": "--spectrum-red-1100", - "light": { - "value": "rgb(156, 33, 19)" + "link-out-icon-size-200": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(255, 134, 120)" + "prop": "--spectrum-link-out-icon-size-200", + "mobile": { + "value": "16px" } }, - "red-1200": { - "prop": "--spectrum-red-1200", - "light": { - "value": "rgb(129, 27, 14)" + "link-out-icon-size-300": { + "desktop": { + "value": "14px" }, - "dark": { - "value": "rgb(255, 167, 157)" + "prop": "--spectrum-link-out-icon-size-300", + "mobile": { + "value": "16px" } }, - "red-1300": { - "prop": "--spectrum-red-1300", - "light": { - "value": "rgb(104, 21, 10)" + "link-out-icon-size-400": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(255, 196, 189)" + "prop": "--spectrum-link-out-icon-size-400", + "mobile": { + "value": "18px" } }, - "red-1400": { - "prop": "--spectrum-red-1400", - "light": { - "value": "rgb(80, 16, 6)" + "menu-item-label-to-description-small": { + "value": "1px", + "prop": "--spectrum-menu-item-label-to-description-small" + }, + "menu-item-label-to-description-medium": { + "value": "1px", + "prop": "--spectrum-menu-item-label-to-description-medium" + }, + "menu-item-label-to-description-large": { + "value": "2px", + "prop": "--spectrum-menu-item-label-to-description-large" + }, + "menu-item-label-to-description-extra-large": { + "value": "2px", + "prop": "--spectrum-menu-item-label-to-description-extra-large" + }, + "menu-section-header-to-description-small": { + "value": "1px", + "prop": "--spectrum-menu-section-header-to-description-small" + }, + "menu-section-header-to-description-medium": { + "value": "1px", + "prop": "--spectrum-menu-section-header-to-description-medium" + }, + "menu-section-header-to-description-large": { + "value": "2px", + "prop": "--spectrum-menu-section-header-to-description-large" + }, + "menu-section-header-to-description-extra-large": { + "value": "2px", + "prop": "--spectrum-menu-section-header-to-description-extra-large" + }, + "menu-item-top-to-thumbnail-small": { + "desktop": { + "value": "8px" }, - "dark": { - "value": "rgb(255, 222, 219)" + "prop": "--spectrum-menu-item-top-to-thumbnail-small", + "mobile": { + "value": "10px" } }, - "red-1500": { - "prop": "--spectrum-red-1500", - "dark": { - "value": "rgb(255, 242, 240)" + "menu-item-top-to-thumbnail-medium": { + "desktop": { + "value": "9px" }, - "light": { - "value": "rgb(59, 11, 4)" + "prop": "--spectrum-menu-item-top-to-thumbnail-medium", + "mobile": { + "value": "11px" } }, - "red-1600": { - "prop": "--spectrum-red-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "menu-item-top-to-thumbnail-large": { + "desktop": { + "value": "10px" }, - "light": { - "value": "rgb(29, 5, 2)" + "prop": "--spectrum-menu-item-top-to-thumbnail-large", + "mobile": { + "value": "12px" } }, - "red-200": { - "prop": "--spectrum-red-200", - "light": { - "value": "rgb(255, 235, 232)" + "menu-item-top-to-thumbnail-extra-large": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(68, 13, 5)" + "prop": "--spectrum-menu-item-top-to-thumbnail-extra-large", + "mobile": { + "value": "13px" } }, - "red-300": { - "prop": "--spectrum-red-300", - "light": { - "value": "rgb(255, 214, 209)" + "menu-item-background-opacity": { + "value": "0", + "prop": "--spectrum-menu-item-background-opacity" + }, + "illustrated-message-small-title-font-size": { + "desktop": { + "mobile": { + "value": "14px" + } }, - "dark": { - "value": "rgb(87, 17, 7)" - } + "mobile": { + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-illustrated-message-small-title-font-size" }, - "red-400": { - "prop": "--spectrum-red-400", - "light": { - "value": "rgb(255, 188, 180)" + "illustrated-message-small-cjk-title-font-size": { + "desktop": { + "mobile": { + "value": "12px" + } }, - "dark": { - "value": "rgb(115, 24, 11)" - } + "mobile": { + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-illustrated-message-small-cjk-title-font-size" }, - "red-500": { - "prop": "--spectrum-red-500", - "light": { - "value": "rgb(255, 157, 145)" + "illustrated-message-medium-title-font-size": { + "desktop": { + "mobile": { + "value": "18px" + } }, - "dark": { - "value": "rgb(147, 31, 17)" - } + "mobile": { + "mobile": { + "value": "22px" + } + }, + "prop": "--spectrum-illustrated-message-medium-title-font-size" }, - "red-600": { - "prop": "--spectrum-red-600", - "light": { - "value": "rgb(255, 118, 101)" + "illustrated-message-medium-cjk-title-font-size": { + "desktop": { + "mobile": { + "value": "16px" + } }, - "dark": { - "value": "rgb(177, 38, 23)" - } + "mobile": { + "mobile": { + "value": "19px" + } + }, + "prop": "--spectrum-illustrated-message-medium-cjk-title-font-size" }, - "red-700": { - "prop": "--spectrum-red-700", - "light": { - "value": "rgb(255, 81, 61)" + "illustrated-message-large-title-font-size": { + "desktop": { + "mobile": { + "value": "20px" + } }, - "dark": { - "value": "rgb(205, 46, 29)" - } + "mobile": { + "mobile": { + "value": "24px" + } + }, + "prop": "--spectrum-illustrated-message-large-title-font-size" }, - "red-800": { - "prop": "--spectrum-red-800", - "light": { - "value": "rgb(240, 56, 35)" + "illustrated-message-large-cjk-title-font-size": { + "desktop": { + "mobile": { + "value": "18px" + } }, - "dark": { - "value": "rgb(223, 52, 34)" - } + "mobile": { + "mobile": { + "value": "22px" + } + }, + "prop": "--spectrum-illustrated-message-large-cjk-title-font-size" }, - "red-900": { - "prop": "--spectrum-red-900", - "light": { - "value": "rgb(215, 50, 32)" + "illustrated-message-small-body-font-size": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(252, 67, 46)" - } + "mobile": { + "value": "15px" + }, + "prop": "--spectrum-illustrated-message-small-body-font-size" }, - "red-background-color-default": { - "prop": "--spectrum-red-background-color-default", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(240, 56, 35)" + "illustrated-message-medium-body-font-size": { + "desktop": { + "mobile": { + "value": "12px" + } }, - "dark": { - "value": "rgb(223, 52, 34)" - } + "mobile": { + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-illustrated-message-medium-body-font-size" }, - "red-subtle-background-color-default": { - "prop": "--spectrum-red-subtle-background-color-default", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 214, 209)" + "illustrated-message-large-body-font-size": { + "desktop": { + "mobile": { + "value": "12px" + } }, - "dark": { - "value": "rgb(87, 17, 7)" - } + "mobile": { + "mobile": { + "value": "15px" + } + }, + "prop": "--spectrum-illustrated-message-large-body-font-size" }, - "red-visual-color": { - "prop": "--spectrum-red-visual-color", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(255, 81, 61)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "regular-font-weight": { - "prop": "--spectrum-regular-font-weight", - "value": "regular" - }, - "sans-serif-font-family": { - "prop": "--spectrum-sans-serif-font-family", - "value": "Adobe Clean Spectrum VF" - }, - "seafoam-100": { - "prop": "--spectrum-seafoam-100", - "light": { - "value": "rgb(235, 251, 246)" + "drop-zone-title-font-size": { + "desktop": { + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + } }, - "dark": { - "value": "rgb(0, 30, 27)" - } - }, - "seafoam-1000": { - "prop": "--spectrum-seafoam-1000", - "light": { - "value": "rgb(5, 108, 92)" + "mobile": { + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } }, - "dark": { - "value": "rgb(12, 173, 142)" - } + "prop": "--spectrum-drop-zone-title-font-size" }, - "seafoam-1100": { - "prop": "--spectrum-seafoam-1100", - "light": { - "value": "rgb(3, 92, 80)" + "drop-zone-cjk-title-font-size": { + "desktop": { + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + } }, - "dark": { - "value": "rgb(14, 190, 156)" - } - }, - "seafoam-1200": { - "prop": "--spectrum-seafoam-1200", - "light": { - "value": "rgb(1, 75, 67)" + "mobile": { + "desktop": { + "value": "16px" + }, + "mobile": { + "value": "19px" + } }, - "dark": { - "value": "rgb(29, 214, 176)" - } + "prop": "--spectrum-drop-zone-cjk-title-font-size" }, - "seafoam-1300": { - "prop": "--spectrum-seafoam-1300", - "light": { - "value": "rgb(0, 60, 54)" + "drop-zone-body-font-size": { + "desktop": { + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + } }, - "dark": { - "value": "rgb(122, 229, 203)" - } - }, - "seafoam-1400": { - "prop": "--spectrum-seafoam-1400", - "light": { - "value": "rgb(0, 46, 40)" + "mobile": { + "desktop": { + "value": "12px" + }, + "mobile": { + "value": "15px" + } }, - "dark": { - "value": "rgb(186, 241, 222)" - } + "prop": "--spectrum-drop-zone-body-font-size" }, - "seafoam-1500": { - "prop": "--spectrum-seafoam-1500", - "dark": { - "value": "rgb(229, 249, 243)" + "breadcrumbs-separator-to-bottom-text-multiline": { + "desktop": { + "value": "11px" }, - "light": { - "value": "rgb(0, 33, 29)" + "prop": "--spectrum-breadcrumbs-separator-to-bottom-text-multiline", + "mobile": { + "value": "15px" } }, - "seafoam-1600": { - "prop": "--spectrum-seafoam-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "breadcrumbs-start-edge-to-text-large": { + "desktop": { + "value": "9px" }, - "light": { - "value": "rgb(0, 15, 14)" + "prop": "--spectrum-breadcrumbs-start-edge-to-text-large", + "mobile": { + "value": "11px" } }, - "seafoam-200": { - "prop": "--spectrum-seafoam-200", - "light": { - "value": "rgb(211, 246, 234)" + "breadcrumbs-start-edge-to-text-medium": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(0, 39, 35)" + "prop": "--spectrum-breadcrumbs-start-edge-to-text-medium", + "mobile": { + "value": "8px" } }, - "seafoam-300": { - "prop": "--spectrum-seafoam-300", - "light": { - "value": "rgb(169, 237, 216)" + "breadcrumbs-start-edge-to-text-multiline": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(0, 50, 44)" + "prop": "--spectrum-breadcrumbs-start-edge-to-text-multiline", + "mobile": { + "value": "5px" } }, - "seafoam-400": { - "prop": "--spectrum-seafoam-400", - "light": { - "value": "rgb(92, 225, 194)" + "breadcrumbs-top-to-separator-large": { + "desktop": { + "value": "15px" }, - "dark": { - "value": "rgb(0, 67, 59)" + "prop": "--spectrum-breadcrumbs-top-to-separator-large", + "mobile": { + "value": "20px" } }, - "seafoam-500": { - "prop": "--spectrum-seafoam-500", - "light": { - "value": "rgb(16, 207, 169)" + "breadcrumbs-top-to-separator-medium": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(2, 86, 75)" + "prop": "--spectrum-breadcrumbs-top-to-separator-medium", + "mobile": { + "value": "15px" } }, - "seafoam-600": { - "prop": "--spectrum-seafoam-600", - "light": { - "value": "rgb(13, 181, 149)" + "breadcrumbs-top-to-separator-multiline": { + "desktop": { + "value": "7px" }, - "dark": { - "value": "rgb(4, 105, 89)" + "prop": "--spectrum-breadcrumbs-top-to-separator-multiline", + "mobile": { + "value": "10px" } }, - "seafoam-700": { - "prop": "--spectrum-seafoam-700", - "light": { - "value": "rgb(11, 162, 134)" - }, - "dark": { - "value": "rgb(6, 122, 103)" - } + "breadcrumbs-truncated-menu-to-separator": { + "value": "0px", + "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator" }, - "seafoam-800": { - "prop": "--spectrum-seafoam-800", - "light": { - "value": "rgb(9, 144, 120)" + "breadcrumbs-text-to-separator-large": { + "desktop": { + "value": "9px" }, - "dark": { - "value": "rgb(8, 134, 112)" + "prop": "--spectrum-breadcrumbs-text-to-separator-large", + "mobile": { + "value": "11px" } }, - "seafoam-900": { - "prop": "--spectrum-seafoam-900", - "light": { - "value": "rgb(7, 129, 109)" + "breadcrumbs-text-to-separator-medium": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(10, 154, 128)" + "prop": "--spectrum-breadcrumbs-text-to-separator-medium", + "mobile": { + "value": "8px" } }, - "seafoam-background-color-default": { - "prop": "--spectrum-seafoam-background-color-default", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(9, 144, 120)" + "breadcrumbs-text-to-separator-multiline": { + "desktop": { + "value": "4px" }, - "dark": { - "value": "rgb(8, 134, 112)" + "prop": "--spectrum-breadcrumbs-text-to-separator-multiline", + "mobile": { + "value": "5px" } }, - "seafoam-subtle-background-color-default": { - "prop": "--spectrum-seafoam-subtle-background-color-default", - "ref": "var(--spectrum-seafoam-300)", - "light": { - "value": "rgb(169, 237, 216)" + "contextual-help-body-font-size": { + "desktop": { + "mobile": { + "value": "12px" + } }, - "dark": { - "value": "rgb(0, 50, 44)" - } - }, - "seafoam-visual-color": { - "prop": "--spectrum-seafoam-visual-color", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(9, 144, 120)" + "mobile": { + "mobile": { + "value": "15px" + } }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "search-field-minimum-width-multiplier": { - "prop": "--spectrum-search-field-minimum-width-multiplier", - "value": "4" + "prop": "--spectrum-contextual-help-body-font-size" }, - "segmented-control-item-height": { - "prop": "--spectrum-segmented-control-item-height", - "ref": "var(--spectrum-component-height-100)", + "contextual-help-title-font-size": { "desktop": { - "value": "32px" + "mobile": { + "value": "14px" + } }, "mobile": { - "value": "40px" - } + "mobile": { + "value": "17px" + } + }, + "prop": "--spectrum-contextual-help-title-font-size" }, - "segmented-control-item-maximum-width": { - "prop": "--spectrum-segmented-control-item-maximum-width", - "value": "265px" + "coach-indicator-collapsed-ring-rounding-increment": { + "value": "6px", + "prop": "--spectrum-coach-indicator-collapsed-ring-rounding-increment" }, - "segmented-control-selection-border-width": { - "prop": "--spectrum-segmented-control-selection-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" + "coach-indicator-expanded-ring-rounding-increment": { + "value": "14px", + "prop": "--spectrum-coach-indicator-expanded-ring-rounding-increment" }, - "segmented-text-field-gap": { - "prop": "--spectrum-segmented-text-field-gap", - "value": "0px" + "coach-indicator-collapsed-ring-thickness": { + "value": "4px", + "prop": "--spectrum-coach-indicator-collapsed-ring-thickness" }, - "segmented-text-field-rounding": { - "prop": "--spectrum-segmented-text-field-rounding", - "value": "2px" + "coach-indicator-expanded-ring-thickness": { + "value": "8px", + "prop": "--spectrum-coach-indicator-expanded-ring-thickness" }, - "select-box-edge-to-checkbox": { - "prop": "--spectrum-select-box-edge-to-checkbox", + "coach-indicator-collapsed-gap": { + "value": "2px", + "prop": "--spectrum-coach-indicator-collapsed-gap" + }, + "coach-indicator-expanded-gap": { + "value": "6px", + "prop": "--spectrum-coach-indicator-expanded-gap" + }, + "coach-indicator-opacity": { + "value": "0.2", + "prop": "--spectrum-coach-indicator-opacity" + }, + "accordion-content-area-edge-to-content-small": { "desktop": { - "value": "12px" + "value": "8px" }, + "prop": "--spectrum-accordion-content-area-edge-to-content-small", "mobile": { - "value": "15px" + "value": "10px" } }, - "select-box-horizontal-end-to-content": { - "prop": "--spectrum-select-box-horizontal-end-to-content", + "accordion-content-area-edge-to-content-medium": { "desktop": { - "value": "32px" + "value": "9px" }, + "prop": "--spectrum-accordion-content-area-edge-to-content-medium", "mobile": { - "value": "40px" + "value": "11px" } }, - "select-box-horizontal-illustration-to-label": { - "prop": "--spectrum-select-box-horizontal-illustration-to-label", + "accordion-content-area-edge-to-content-large": { "desktop": { - "value": "10px" + "value": "12px" }, + "prop": "--spectrum-accordion-content-area-edge-to-content-large", "mobile": { - "value": "12px" + "value": "15px" } }, - "select-box-horizontal-label-to-description": { - "prop": "--spectrum-select-box-horizontal-label-to-description", + "accordion-content-area-edge-to-content-extra-large": { "desktop": { - "value": "2px" + "value": "15px" }, + "prop": "--spectrum-accordion-content-area-edge-to-content-extra-large", "mobile": { - "value": "3px" + "value": "19px" } }, - "select-box-horizontal-minimum-height": { - "prop": "--spectrum-select-box-horizontal-minimum-height", + "accordion-disclosure-indicator-to-text-small": { "desktop": { - "value": "80px" + "value": "7px" }, + "prop": "--spectrum-accordion-disclosure-indicator-to-text-small", "mobile": { - "value": "100px" + "value": "9px" } }, - "select-box-horizontal-start-to-content": { - "prop": "--spectrum-select-box-horizontal-start-to-content", + "accordion-disclosure-indicator-to-text-medium": { "desktop": { - "value": "24px" + "value": "11px" }, + "prop": "--spectrum-accordion-disclosure-indicator-to-text-medium", "mobile": { - "value": "30px" + "value": "13px" } }, - "select-box-horizontal-top-to-content": { - "prop": "--spectrum-select-box-horizontal-top-to-content", + "accordion-disclosure-indicator-to-text-large": { "desktop": { - "value": "16px" + "value": "14px" }, + "prop": "--spectrum-accordion-disclosure-indicator-to-text-large", "mobile": { - "value": "20px" + "value": "17px" } }, - "select-box-horizontal-width": { - "prop": "--spectrum-select-box-horizontal-width", + "accordion-disclosure-indicator-to-text-extra-large": { "desktop": { - "value": "368px" + "value": "17px" }, + "prop": "--spectrum-accordion-disclosure-indicator-to-text-extra-large", "mobile": { - "value": "460px" + "value": "22px" } }, - "select-box-selected-border-color": { - "prop": "--spectrum-select-box-selected-border-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } + "accordion-item-to-divider": { + "value": "0px", + "prop": "--spectrum-accordion-item-to-divider" }, - "select-box-top-to-checkbox": { - "prop": "--spectrum-select-box-top-to-checkbox", + "meter-thickness-medium": { "desktop": { - "value": "4px" + "value": "6px" }, + "prop": "--spectrum-meter-thickness-medium", "mobile": { - "value": "5px" + "value": "8px" } }, - "select-box-vertical-edge-to-content": { - "prop": "--spectrum-select-box-vertical-edge-to-content", + "meter-thickness-extra-large": { "desktop": { - "value": "24px" + "value": "10px" }, + "prop": "--spectrum-meter-thickness-extra-large", "mobile": { - "value": "30px" + "value": "13px" } }, - "select-box-vertical-height": { - "prop": "--spectrum-select-box-vertical-height", - "desktop": { - "value": "170px" - }, - "mobile": { - "value": "212px" - } + "thumbnail-opacity-checkerboard-square-size": { + "value": "4px", + "prop": "--spectrum-thumbnail-opacity-checkerboard-square-size" }, - "select-box-vertical-illustration-to-label": { - "prop": "--spectrum-select-box-vertical-illustration-to-label", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } + "thumbnail-corner-radius": { + "value": "3px", + "prop": "--spectrum-thumbnail-corner-radius" }, - "serif-font-family": { - "prop": "--spectrum-serif-font-family", - "value": "Adobe Clean Serif" + "action-bar-top-to-content-area": { + "value": "12px", + "prop": "--spectrum-action-bar-top-to-content-area" }, - "side-focus-indicator": { - "prop": "--spectrum-side-focus-indicator", - "value": "4px" + "action-bar-bottom-to-content-area": { + "value": "12px", + "prop": "--spectrum-action-bar-bottom-to-content-area" }, - "side-label-character-count-to-field": { - "prop": "--spectrum-side-label-character-count-to-field", + "action-bar-edge-to-content-area": { + "value": "8px", + "prop": "--spectrum-action-bar-edge-to-content-area" + }, + "action-bar-close-button-to-counter": { "desktop": { - "value": "12px" + "value": "4px" }, "mobile": { - "value": "15px" - } + "value": "5px" + }, + "prop": "--spectrum-action-bar-close-button-to-counter" }, - "side-label-character-count-top-margin-extra-large": { - "prop": "--spectrum-side-label-character-count-top-margin-extra-large", - "value": "0px" + "action-bar-counter-font-size": { + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + }, + "prop": "--spectrum-action-bar-counter-font-size" }, - "side-label-character-count-top-margin-large": { - "prop": "--spectrum-side-label-character-count-top-margin-large", - "value": "0px" + "swatch-group-spacing-spacious": { + "value": "6px", + "prop": "--spectrum-swatch-group-spacing-spacious" }, - "side-label-character-count-top-margin-medium": { - "prop": "--spectrum-side-label-character-count-top-margin-medium", - "value": "0px" + "swatch-group-border-opacity": { + "value": "0.2", + "prop": "--spectrum-swatch-group-border-opacity" }, - "side-label-character-count-top-margin-small": { - "prop": "--spectrum-side-label-character-count-top-margin-small", - "value": "0px" + "avatar-border-width": { + "value": "1px", + "prop": "--spectrum-avatar-border-width" }, - "side-navigation-bottom-to-text": { - "prop": "--spectrum-side-navigation-bottom-to-text", + "avatar-group-size-50": { "desktop": { - "value": "8px" + "value": "16px" }, "mobile": { - "value": "10px" - } + "value": "20px" + }, + "prop": "--spectrum-avatar-group-size-50" }, - "side-navigation-header-to-item": { - "prop": "--spectrum-side-navigation-header-to-item", + "avatar-group-size-75": { "desktop": { - "value": "8px" + "value": "20px" }, "mobile": { - "value": "10px" - } + "value": "24px" + }, + "prop": "--spectrum-avatar-group-size-75" }, - "side-navigation-item-to-header": { - "prop": "--spectrum-side-navigation-item-to-header", + "avatar-group-size-100": { "desktop": { "value": "24px" }, "mobile": { - "value": "30px" - } + "value": "28px" + }, + "prop": "--spectrum-avatar-group-size-100" }, - "side-navigation-item-to-item": { - "prop": "--spectrum-side-navigation-item-to-item", + "avatar-group-size-200": { "desktop": { - "value": "4px" + "value": "28px" }, "mobile": { - "value": "5px" - } + "value": "32px" + }, + "prop": "--spectrum-avatar-group-size-200" }, - "side-navigation-maximum-width": { - "prop": "--spectrum-side-navigation-maximum-width", + "avatar-group-size-300": { "desktop": { - "value": "240px" + "value": "32px" }, "mobile": { - "value": "300px" - } + "value": "36px" + }, + "prop": "--spectrum-avatar-group-size-300" }, - "side-navigation-minimum-width": { - "prop": "--spectrum-side-navigation-minimum-width", + "avatar-group-size-400": { "desktop": { - "value": "160px" + "value": "36px" }, "mobile": { - "value": "200px" - } + "value": "40px" + }, + "prop": "--spectrum-avatar-group-size-400" }, - "side-navigation-second-level-edge-to-text": { - "prop": "--spectrum-side-navigation-second-level-edge-to-text", + "avatar-group-size-500": { "desktop": { - "value": "24px" + "value": "40px" }, "mobile": { - "value": "30px" - } + "value": "44px" + }, + "prop": "--spectrum-avatar-group-size-500" }, - "side-navigation-third-level-edge-to-text": { - "prop": "--spectrum-side-navigation-third-level-edge-to-text", + "avatar-to-avatar-50": { "desktop": { - "value": "36px" + "value": "-4px" }, + "prop": "--spectrum-avatar-to-avatar-50", "mobile": { - "value": "45px" + "value": "-5px" } }, - "side-navigation-width": { - "prop": "--spectrum-side-navigation-width", + "avatar-to-avatar-75": { "desktop": { - "value": "192px" + "value": "-5px" }, + "prop": "--spectrum-avatar-to-avatar-75", "mobile": { - "value": "240px" + "value": "-6px" } }, - "side-navigation-with-icon-second-level-edge-to-text": { - "prop": "--spectrum-side-navigation-with-icon-second-level-edge-to-text", + "avatar-to-avatar-100": { "desktop": { - "value": "50px" + "value": "-6px" }, + "prop": "--spectrum-avatar-to-avatar-100", "mobile": { - "value": "62px" + "value": "-7px" } }, - "side-navigation-with-icon-third-level-edge-to-text": { - "prop": "--spectrum-side-navigation-with-icon-third-level-edge-to-text", + "avatar-to-avatar-200": { "desktop": { - "value": "62px" + "value": "-7px" }, + "prop": "--spectrum-avatar-to-avatar-200", "mobile": { - "value": "77px" + "value": "-8px" } }, - "silver-100": { - "prop": "--spectrum-silver-100", - "dark": { - "value": "rgb(26, 26, 26)" + "avatar-to-avatar-300": { + "desktop": { + "value": "-8px" }, - "light": { - "value": "rgb(247, 247, 247)" + "prop": "--spectrum-avatar-to-avatar-300", + "mobile": { + "value": "-9px" } }, - "silver-1000": { - "prop": "--spectrum-silver-1000", - "dark": { - "value": "rgb(152, 152, 152)" + "avatar-to-avatar-400": { + "desktop": { + "value": "-9px" }, - "light": { - "value": "rgb(96, 96, 96)" + "prop": "--spectrum-avatar-to-avatar-400", + "mobile": { + "value": "-10px" } }, - "silver-1100": { - "prop": "--spectrum-silver-1100", - "dark": { - "value": "rgb(169, 169, 169)" + "avatar-to-avatar-500": { + "desktop": { + "value": "-10px" }, - "light": { - "value": "rgb(81, 81, 81)" + "prop": "--spectrum-avatar-to-avatar-500", + "mobile": { + "value": "-11px" } }, - "silver-1200": { - "prop": "--spectrum-silver-1200", - "dark": { - "value": "rgb(190, 190, 190)" + "code-cjk-size-xl": { + "desktop": { + "value": "20px" }, - "light": { - "value": "rgb(66, 66, 66)" - } + "mobile": { + "value": "24px" + }, + "prop": "--spectrum-code-cjk-size-xl" }, - "silver-1300": { - "prop": "--spectrum-silver-1300", - "dark": { - "value": "rgb(211, 211, 211)" + "code-cjk-size-l": { + "desktop": { + "value": "18px" }, - "light": { - "value": "rgb(52, 52, 52)" - } - }, - "silver-1400": { - "prop": "--spectrum-silver-1400", - "dark": { - "value": "rgb(229, 229, 229)" + "mobile": { + "value": "22px" }, - "light": { - "value": "rgb(39, 39, 39)" - } + "prop": "--spectrum-code-cjk-size-l" }, - "silver-1500": { - "prop": "--spectrum-silver-1500", - "dark": { - "value": "rgb(244, 244, 244)" + "code-cjk-size-m": { + "desktop": { + "value": "16px" }, - "light": { - "value": "rgb(28, 28, 28)" - } - }, - "silver-1600": { - "prop": "--spectrum-silver-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "mobile": { + "value": "19px" }, - "light": { - "value": "rgb(12, 12, 12)" - } + "prop": "--spectrum-code-cjk-size-m" }, - "silver-200": { - "prop": "--spectrum-silver-200", - "dark": { - "value": "rgb(33, 33, 33)" + "code-cjk-size-s": { + "desktop": { + "value": "14px" }, - "light": { - "value": "rgb(239, 239, 239)" - } - }, - "silver-300": { - "prop": "--spectrum-silver-300", - "dark": { - "value": "rgb(44, 44, 44)" + "mobile": { + "value": "17px" }, - "light": { - "value": "rgb(223, 223, 223)" - } + "prop": "--spectrum-code-cjk-size-s" }, - "silver-400": { - "prop": "--spectrum-silver-400", - "dark": { - "value": "rgb(59, 59, 59)" + "code-cjk-size-xs": { + "desktop": { + "value": "12px" }, - "light": { - "value": "rgb(204, 204, 204)" - } - }, - "silver-500": { - "prop": "--spectrum-silver-500", - "dark": { - "value": "rgb(76, 76, 76)" + "mobile": { + "value": "15px" }, - "light": { - "value": "rgb(183, 183, 183)" - } + "prop": "--spectrum-code-cjk-size-xs" }, - "silver-600": { - "prop": "--spectrum-silver-600", - "dark": { - "value": "rgb(92, 92, 92)" - }, - "light": { - "value": "rgb(160, 160, 160)" - } + "standard-panel-width": { + "value": "260px", + "prop": "--spectrum-standard-panel-width" }, - "silver-700": { - "prop": "--spectrum-silver-700", - "dark": { - "value": "rgb(108, 108, 108)" - }, - "light": { - "value": "rgb(143, 143, 143)" - } + "standard-panel-minimum-width": { + "value": "200px", + "prop": "--spectrum-standard-panel-minimum-width" }, - "silver-800": { - "prop": "--spectrum-silver-800", - "dark": { - "value": "rgb(118, 118, 118)" - }, - "light": { - "value": "rgb(128, 128, 128)" - } + "standard-panel-maximum-width": { + "value": "400px", + "prop": "--spectrum-standard-panel-maximum-width" }, - "silver-900": { - "prop": "--spectrum-silver-900", - "dark": { - "value": "rgb(137, 137, 137)" - }, - "light": { - "value": "rgb(114, 114, 114)" - } + "standard-panel-top-to-close-button-compact": { + "value": "5px", + "prop": "--spectrum-standard-panel-top-to-close-button-compact" }, - "silver-background-color-default": { - "prop": "--spectrum-silver-background-color-default", - "ref": "var(--spectrum-silver-800)", - "dark": { - "value": "rgb(118, 118, 118)" - }, - "light": { - "value": "rgb(128, 128, 128)" - } + "standard-panel-top-to-close-button-regular": { + "value": "9px", + "prop": "--spectrum-standard-panel-top-to-close-button-regular" }, - "silver-subtle-background-color-default": { - "prop": "--spectrum-silver-subtle-background-color-default", - "ref": "var(--spectrum-silver-300)", - "dark": { - "value": "rgb(44, 44, 44)" - }, - "light": { - "value": "rgb(223, 223, 223)" - } + "standard-panel-top-to-close-button-spacious": { + "value": "17px", + "prop": "--spectrum-standard-panel-top-to-close-button-spacious" }, - "silver-visual-color": { - "prop": "--spectrum-silver-visual-color", - "ref": "var(--spectrum-silver-900)", - "dark": { - "value": "rgb(137, 137, 137)" - }, - "light": { - "value": "rgb(114, 114, 114)" - } + "standard-panel-edge-to-close-button-compact": { + "value": "3px", + "prop": "--spectrum-standard-panel-edge-to-close-button-compact" }, - "single-calendar-popover-minimum-height": { - "prop": "--spectrum-single-calendar-popover-minimum-height", - "value": "320px" + "standard-panel-edge-to-close-button-regular": { + "value": "7px", + "prop": "--spectrum-standard-panel-edge-to-close-button-regular" }, - "single-calendar-popover-minimum-width": { - "prop": "--spectrum-single-calendar-popover-minimum-width", - "value": "320px" + "standard-panel-edge-to-close-button-spacious": { + "value": "15px", + "prop": "--spectrum-standard-panel-edge-to-close-button-spacious" }, - "slider-bottom-to-handle-extra-large": { - "prop": "--spectrum-slider-bottom-to-handle-extra-large", + "standard-panel-title-font-size": { "desktop": { "value": "14px" }, "mobile": { "value": "17px" - } + }, + "prop": "--spectrum-standard-panel-title-font-size" }, - "slider-bottom-to-handle-large": { - "prop": "--spectrum-slider-bottom-to-handle-large", + "illustrated-message-horizontal-maximum-width": { + "value": "535px", + "prop": "--spectrum-illustrated-message-horizontal-maximum-width" + }, + "illustrated-message-vertical-maximum-width": { + "value": "380px", + "prop": "--spectrum-illustrated-message-vertical-maximum-width" + }, + "bar-panel-width": { + "value": "56px", + "prop": "--spectrum-bar-panel-width" + }, + "bar-panel-minimum-width": { + "value": "40px", + "prop": "--spectrum-bar-panel-minimum-width" + }, + "bar-panel-maximum-width": { + "value": "72px", + "prop": "--spectrum-bar-panel-maximum-width" + }, + "bar-panel-spacing-extra-spacious": { + "value": "20px", + "prop": "--spectrum-bar-panel-spacing-extra-spacious" + }, + "rating-top-to-content-area-small": { + "value": "4px", + "prop": "--spectrum-rating-top-to-content-area-small" + }, + "rating-bottom-to-content-area-small": { + "value": "4px", + "prop": "--spectrum-rating-bottom-to-content-area-small" + }, + "rating-edge-to-content-area-small": { + "value": "4px", + "prop": "--spectrum-rating-edge-to-content-area-small" + }, + "rating-top-to-content-area-medium": { + "value": "6px", + "prop": "--spectrum-rating-top-to-content-area-medium" + }, + "rating-bottom-to-content-area-medium": { + "value": "6px", + "prop": "--spectrum-rating-bottom-to-content-area-medium" + }, + "rating-edge-to-content-area-medium": { + "value": "6px", + "prop": "--spectrum-rating-edge-to-content-area-medium" + }, + "rating-width-small": { + "value": "104px", + "prop": "--spectrum-rating-width-small" + }, + "rating-height-small": { "desktop": { - "value": "11px" + "value": "24px" }, "mobile": { - "value": "14px" - } + "value": "30px" + }, + "prop": "--spectrum-rating-height-small" }, - "slider-bottom-to-handle-medium": { - "prop": "--spectrum-slider-bottom-to-handle-medium", + "rating-width-medium": { + "value": "128px", + "prop": "--spectrum-rating-width-medium" + }, + "rating-height-medium": { "desktop": { - "value": "8px" + "value": "32px" }, "mobile": { - "value": "10px" - } + "value": "40px" + }, + "prop": "--spectrum-rating-height-medium" }, - "slider-bottom-to-handle-small": { - "prop": "--spectrum-slider-bottom-to-handle-small", + "select-box-horizontal-minimum-height": { "desktop": { - "value": "5px" + "value": "80px" }, + "prop": "--spectrum-select-box-horizontal-minimum-height", "mobile": { - "value": "6px" + "value": "100px" } }, - "slider-control-height-extra-large": { - "prop": "--spectrum-slider-control-height-extra-large", + "select-box-horizontal-width": { "desktop": { - "value": "20px" + "value": "368px" }, + "prop": "--spectrum-select-box-horizontal-width", "mobile": { - "value": "26px" + "value": "460px" } }, - "slider-control-height-large": { - "prop": "--spectrum-slider-control-height-large", + "select-box-vertical-height": { "desktop": { - "value": "18px" + "value": "170px" }, + "prop": "--spectrum-select-box-vertical-height", "mobile": { - "value": "22px" + "value": "212px" } }, - "slider-control-height-medium": { - "prop": "--spectrum-slider-control-height-medium", + "select-box-edge-to-checkbox": { "desktop": { - "value": "16px" + "value": "12px" }, + "prop": "--spectrum-select-box-edge-to-checkbox", "mobile": { - "value": "20px" + "value": "15px" } }, - "slider-control-height-small": { - "prop": "--spectrum-slider-control-height-small", + "select-box-horizontal-end-to-content": { "desktop": { - "value": "14px" + "value": "32px" }, + "prop": "--spectrum-select-box-horizontal-end-to-content", "mobile": { - "value": "18px" + "value": "40px" } }, - "slider-control-to-field-label-editable-extra-large": { - "prop": "--spectrum-slider-control-to-field-label-editable-extra-large", + "select-box-horizontal-illustration-to-label": { "desktop": { - "value": "-20px" + "value": "10px" }, + "prop": "--spectrum-select-box-horizontal-illustration-to-label", "mobile": { - "value": "-24px" + "value": "12px" } }, - "slider-control-to-field-label-editable-large": { - "prop": "--spectrum-slider-control-to-field-label-editable-large", + "select-box-horizontal-label-to-description": { "desktop": { - "value": "-16px" + "value": "2px" }, + "prop": "--spectrum-select-box-horizontal-label-to-description", "mobile": { - "value": "-20px" + "value": "3px" } }, - "slider-control-to-field-label-editable-medium": { - "prop": "--spectrum-slider-control-to-field-label-editable-medium", + "select-box-horizontal-start-to-content": { "desktop": { - "value": "-12px" + "value": "24px" }, + "prop": "--spectrum-select-box-horizontal-start-to-content", "mobile": { - "value": "-16px" + "value": "30px" } }, - "slider-control-to-field-label-editable-small": { - "prop": "--spectrum-slider-control-to-field-label-editable-small", + "select-box-horizontal-top-to-content": { "desktop": { - "value": "-4px" + "value": "16px" }, + "prop": "--spectrum-select-box-horizontal-top-to-content", "mobile": { - "value": "-8px" + "value": "20px" } }, - "slider-control-to-field-label-extra-large": { - "prop": "--spectrum-slider-control-to-field-label-extra-large", + "select-box-top-to-checkbox": { "desktop": { - "value": "-20px" + "value": "4px" }, + "prop": "--spectrum-select-box-top-to-checkbox", "mobile": { - "value": "-28px" + "value": "5px" } }, - "slider-control-to-field-label-large": { - "prop": "--spectrum-slider-control-to-field-label-large", + "select-box-vertical-edge-to-content": { "desktop": { - "value": "-16px" + "value": "24px" }, + "prop": "--spectrum-select-box-vertical-edge-to-content", "mobile": { - "value": "-20px" + "value": "30px" } }, - "slider-control-to-field-label-medium": { - "prop": "--spectrum-slider-control-to-field-label-medium", + "select-box-vertical-illustration-to-label": { "desktop": { - "value": "-12px" + "value": "8px" }, + "prop": "--spectrum-select-box-vertical-illustration-to-label", "mobile": { - "value": "-16px" + "value": "10px" } }, - "slider-control-to-field-label-side-extra-large": { - "prop": "--spectrum-slider-control-to-field-label-side-extra-large", + "slider-control-to-field-label-editable-small": { "desktop": { - "value": "24px" + "value": "-4px" }, + "prop": "--spectrum-slider-control-to-field-label-editable-small", "mobile": { - "value": "28px" + "value": "-8px" } }, - "slider-control-to-field-label-side-large": { - "prop": "--spectrum-slider-control-to-field-label-side-large", + "slider-control-to-field-label-editable-medium": { "desktop": { - "value": "20px" + "value": "-12px" }, + "prop": "--spectrum-slider-control-to-field-label-editable-medium", "mobile": { - "value": "24px" + "value": "-16px" } }, - "slider-control-to-field-label-side-medium": { - "prop": "--spectrum-slider-control-to-field-label-side-medium", + "slider-control-to-field-label-editable-large": { "desktop": { - "value": "16px" + "value": "-16px" }, + "prop": "--spectrum-slider-control-to-field-label-editable-large", "mobile": { - "value": "20px" + "value": "-20px" + } + }, + "slider-control-to-field-label-editable-extra-large": { + "desktop": { + "value": "-20px" + }, + "prop": "--spectrum-slider-control-to-field-label-editable-extra-large", + "mobile": { + "value": "-24px" } }, "slider-control-to-field-label-side-small": { - "prop": "--spectrum-slider-control-to-field-label-side-small", "desktop": { "value": "16px" }, + "prop": "--spectrum-slider-control-to-field-label-side-small", "mobile": { "value": "20px" } }, - "slider-control-to-field-label-small": { - "prop": "--spectrum-slider-control-to-field-label-small", + "slider-control-to-field-label-side-medium": { "desktop": { - "value": "-4px" + "value": "16px" }, + "prop": "--spectrum-slider-control-to-field-label-side-medium", "mobile": { - "value": "-8px" + "value": "20px" } }, - "slider-control-to-text-field-extra-large": { - "prop": "--spectrum-slider-control-to-text-field-extra-large", + "slider-control-to-field-label-side-large": { "desktop": { - "value": "24px" + "value": "20px" }, + "prop": "--spectrum-slider-control-to-field-label-side-large", "mobile": { - "value": "28px" + "value": "24px" } }, - "slider-control-to-text-field-large": { - "prop": "--spectrum-slider-control-to-text-field-large", + "slider-control-to-field-label-side-extra-large": { "desktop": { - "value": "20px" + "value": "24px" }, + "prop": "--spectrum-slider-control-to-field-label-side-extra-large", "mobile": { - "value": "24px" + "value": "28px" } }, - "slider-control-to-text-field-medium": { - "prop": "--spectrum-slider-control-to-text-field-medium", + "slider-control-to-text-field-small": { "desktop": { "value": "16px" }, + "prop": "--spectrum-slider-control-to-text-field-small", "mobile": { "value": "20px" } }, - "slider-control-to-text-field-small": { - "prop": "--spectrum-slider-control-to-text-field-small", + "slider-control-to-text-field-medium": { "desktop": { "value": "16px" }, + "prop": "--spectrum-slider-control-to-text-field-medium", "mobile": { "value": "20px" } }, - "slider-handle-border-width-down-extra-large": { - "prop": "--spectrum-slider-handle-border-width-down-extra-large", + "slider-control-to-text-field-large": { "desktop": { - "value": "8px" + "value": "20px" }, + "prop": "--spectrum-slider-control-to-text-field-large", "mobile": { - "value": "11px" + "value": "24px" } }, - "slider-handle-border-width-down-large": { - "prop": "--spectrum-slider-handle-border-width-down-large", + "slider-control-to-text-field-extra-large": { "desktop": { - "value": "7px" + "value": "24px" }, + "prop": "--spectrum-slider-control-to-text-field-extra-large", "mobile": { - "value": "9px" + "value": "28px" } }, - "slider-handle-border-width-down-medium": { - "prop": "--spectrum-slider-handle-border-width-down-medium", + "segmented-control-selection-border-width": { + "value": "2px", + "prop": "--spectrum-segmented-control-selection-border-width" + }, + "slider-handle-height-precision-small": { "desktop": { - "value": "6px" + "value": "20px" }, + "prop": "--spectrum-slider-handle-height-precision-small", "mobile": { - "value": "8px" + "value": "24px" } }, - "slider-handle-border-width-down-small": { - "prop": "--spectrum-slider-handle-border-width-down-small", + "slider-handle-height-precision-medium": { "desktop": { - "value": "5px" + "value": "22px" }, + "prop": "--spectrum-slider-handle-height-precision-medium", "mobile": { - "value": "7px" + "value": "26px" } }, - "slider-handle-extra-large": { - "prop": "--spectrum-slider-handle-extra-large", + "slider-handle-height-precision-large": { "desktop": { "value": "24px" }, + "prop": "--spectrum-slider-handle-height-precision-large", "mobile": { "value": "30px" } }, - "slider-handle-gap": { - "prop": "--spectrum-slider-handle-gap", - "value": "4px" - }, "slider-handle-height-precision-extra-large": { - "prop": "--spectrum-slider-handle-height-precision-extra-large", "desktop": { "value": "26px" }, + "prop": "--spectrum-slider-handle-height-precision-extra-large", "mobile": { "value": "32px" } }, - "slider-handle-height-precision-large": { - "prop": "--spectrum-slider-handle-height-precision-large", + "slider-handle-small": { "desktop": { - "value": "24px" + "value": "18px" }, + "prop": "--spectrum-slider-handle-small", "mobile": { - "value": "30px" - } - }, - "slider-handle-height-precision-medium": { - "prop": "--spectrum-slider-handle-height-precision-medium", - "desktop": { "value": "22px" - }, - "mobile": { - "value": "26px" } }, - "slider-handle-height-precision-small": { - "prop": "--spectrum-slider-handle-height-precision-small", + "slider-handle-medium": { "desktop": { "value": "20px" }, + "prop": "--spectrum-slider-handle-medium", "mobile": { "value": "24px" } }, "slider-handle-large": { - "prop": "--spectrum-slider-handle-large", "desktop": { "value": "22px" }, + "prop": "--spectrum-slider-handle-large", "mobile": { "value": "28px" } }, - "slider-handle-medium": { - "prop": "--spectrum-slider-handle-medium", + "slider-handle-extra-large": { "desktop": { - "value": "20px" + "value": "24px" }, + "prop": "--spectrum-slider-handle-extra-large", "mobile": { - "value": "24px" + "value": "30px" } }, "slider-handle-precision-width": { - "prop": "--spectrum-slider-handle-precision-width", - "value": "6px" + "value": "6px", + "prop": "--spectrum-slider-handle-precision-width" }, - "slider-handle-size-extra-large": { - "prop": "--spectrum-slider-handle-size-extra-large", + "slider-track-height-medium": { + "value": "4px", + "prop": "--spectrum-slider-track-height-medium" + }, + "slider-track-height-large": { + "value": "16px", + "prop": "--spectrum-slider-track-height-large" + }, + "segmented-control-item-height": { "desktop": { - "value": "20px" + "value": "32px" }, "mobile": { - "value": "26px" - } + "value": "40px" + }, + "prop": "--spectrum-segmented-control-item-height" }, - "slider-handle-size-large": { - "prop": "--spectrum-slider-handle-size-large", + "in-field-stepper-to-end-small": { "desktop": { - "value": "18px" + "value": "0px" }, + "prop": "--spectrum-in-field-stepper-to-end-small", "mobile": { - "value": "22px" + "value": "3px" } }, - "slider-handle-size-medium": { - "prop": "--spectrum-slider-handle-size-medium", + "in-field-stepper-to-end-medium": { + "value": "3px", + "prop": "--spectrum-in-field-stepper-to-end-medium" + }, + "in-field-stepper-to-end-large": { + "value": "4px", + "prop": "--spectrum-in-field-stepper-to-end-large" + }, + "in-field-stepper-to-end-extra-large": { "desktop": { - "value": "16px" + "value": "4px" }, + "prop": "--spectrum-in-field-stepper-to-end-extra-large", "mobile": { - "value": "20px" + "value": "5px" } }, - "slider-handle-size-small": { - "prop": "--spectrum-slider-handle-size-small", + "number-field-with-stepper-minimum-width-small": { "desktop": { - "value": "14px" + "value": "104px" }, + "prop": "--spectrum-number-field-with-stepper-minimum-width-small", "mobile": { - "value": "18px" + "value": "126px" } }, - "slider-handle-small": { - "prop": "--spectrum-slider-handle-small", + "number-field-with-stepper-minimum-width-medium": { "desktop": { - "value": "18px" + "value": "120px" }, + "prop": "--spectrum-number-field-with-stepper-minimum-width-medium", "mobile": { - "value": "22px" + "value": "150px" } }, - "slider-track-height-large": { - "prop": "--spectrum-slider-track-height-large", - "value": "16px" + "number-field-with-stepper-minimum-width-large": { + "desktop": { + "value": "144px" + }, + "prop": "--spectrum-number-field-with-stepper-minimum-width-large", + "mobile": { + "value": "174px" + } }, - "slider-track-height-medium": { - "prop": "--spectrum-slider-track-height-medium", - "value": "4px" + "number-field-with-stepper-minimum-width-extra-large": { + "desktop": { + "value": "168px" + }, + "prop": "--spectrum-number-field-with-stepper-minimum-width-extra-large", + "mobile": { + "value": "198px" + } }, - "slider-track-thickness": { - "prop": "--spectrum-slider-track-thickness", - "value": "2px" + "number-field-visual-to-in-field-stepper-small": { + "desktop": { + "value": "5px" + }, + "prop": "--spectrum-number-field-visual-to-in-field-stepper-small", + "mobile": { + "value": "7px" + } }, - "spacing-100": { - "prop": "--spectrum-spacing-100", - "value": "8px" + "number-field-visual-to-in-field-stepper-medium": { + "desktop": { + "value": "6px" + }, + "prop": "--spectrum-number-field-visual-to-in-field-stepper-medium", + "mobile": { + "value": "8px" + } }, - "spacing-1000": { - "prop": "--spectrum-spacing-1000", - "value": "96px" - }, - "spacing-200": { - "prop": "--spectrum-spacing-200", - "value": "12px" - }, - "spacing-300": { - "prop": "--spectrum-spacing-300", - "value": "16px" - }, - "spacing-400": { - "prop": "--spectrum-spacing-400", - "value": "24px" - }, - "spacing-50": { - "prop": "--spectrum-spacing-50", - "value": "2px" - }, - "spacing-500": { - "prop": "--spectrum-spacing-500", - "value": "32px" + "number-field-visual-to-in-field-stepper-large": { + "desktop": { + "value": "7px" + }, + "prop": "--spectrum-number-field-visual-to-in-field-stepper-large", + "mobile": { + "value": "9px" + } }, - "spacing-600": { - "prop": "--spectrum-spacing-600", - "value": "40px" + "number-field-visual-to-in-field-stepper-extra-large": { + "desktop": { + "value": "8px" + }, + "prop": "--spectrum-number-field-visual-to-in-field-stepper-extra-large", + "mobile": { + "value": "10px" + } }, - "spacing-700": { - "prop": "--spectrum-spacing-700", - "value": "48px" + "number-field-minimum-width-multiplier": { + "value": "1.25", + "prop": "--spectrum-number-field-minimum-width-multiplier" }, - "spacing-75": { - "prop": "--spectrum-spacing-75", - "value": "4px" + "takeover-dialog-height": { + "value": "100%", + "prop": "--spectrum-takeover-dialog-height" }, - "spacing-800": { - "prop": "--spectrum-spacing-800", - "value": "64px" + "takeover-dialog-width": { + "value": "100%", + "prop": "--spectrum-takeover-dialog-width" }, - "spacing-900": { - "prop": "--spectrum-spacing-900", - "value": "80px" + "tree-view-disclosure-indicator-height": { + "desktop": { + "value": "32px" + }, + "prop": "--spectrum-tree-view-disclosure-indicator-height", + "mobile": { + "value": "40px" + } }, - "stack-item-action-to-navigation": { - "prop": "--spectrum-stack-item-action-to-navigation", + "tree-view-disclosure-indicator-width": { "desktop": { - "value": "4px" + "value": "34px" }, + "prop": "--spectrum-tree-view-disclosure-indicator-width", "mobile": { - "value": "6px" + "value": "42px" } }, - "stack-item-background-color-down": { - "prop": "--spectrum-stack-item-background-color-down", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" + "tree-view-minimum-height": { + "desktop": { + "value": "40px" }, - "dark": { - "value": "rgb(44, 44, 44)" + "prop": "--spectrum-tree-view-minimum-height", + "mobile": { + "value": "50px" } }, - "stack-item-background-color-hover": { - "prop": "--spectrum-stack-item-background-color-hover", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" + "tree-view-minimum-width": { + "desktop": { + "value": "160px" }, - "dark": { - "value": "rgb(44, 44, 44)" + "prop": "--spectrum-tree-view-minimum-width", + "mobile": { + "value": "200px" } }, - "stack-item-background-color-key-focus": { - "prop": "--spectrum-stack-item-background-color-key-focus", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" + "tree-view-bottom-to-label": { + "desktop": { + "value": "12px" }, - "dark": { - "value": "rgb(44, 44, 44)" + "prop": "--spectrum-tree-view-bottom-to-label", + "mobile": { + "value": "16px" } }, - "stack-item-drag-handle-to-control": { - "prop": "--spectrum-stack-item-drag-handle-to-control", + "tree-view-drag-handle-to-checkbox": { "desktop": { "value": "8px" }, + "prop": "--spectrum-tree-view-drag-handle-to-checkbox", "mobile": { "value": "10px" } }, - "stack-item-edge-to-control": { - "prop": "--spectrum-stack-item-edge-to-control", + "tree-view-edge-to-checkbox": { "desktop": { "value": "12px" }, + "prop": "--spectrum-tree-view-edge-to-checkbox", "mobile": { "value": "15px" } }, - "stack-item-edge-to-visual": { - "prop": "--spectrum-stack-item-edge-to-visual", + "tree-view-edge-to-drag-handle": { "desktop": { - "value": "12px" + "value": "4px" }, + "prop": "--spectrum-tree-view-edge-to-drag-handle", "mobile": { - "value": "15px" + "value": "5px" } }, - "stack-item-header-minimum-width": { - "prop": "--spectrum-stack-item-header-minimum-width", + "tree-view-end-edge-to-action-area": { "desktop": { - "value": "200px" + "value": "6px" }, + "prop": "--spectrum-tree-view-end-edge-to-action-area", "mobile": { - "value": "240px" + "value": "7px" } }, - "stack-item-header-to-item": { - "prop": "--spectrum-stack-item-header-to-item", - "value": "0px" - }, - "stack-item-item-to-item": { - "prop": "--spectrum-stack-item-item-to-item", - "value": "-1px" + "tree-view-header-to-item": { + "value": "-1px", + "prop": "--spectrum-tree-view-header-to-item" }, - "stack-item-selected-background-color-default": { - "prop": "--spectrum-stack-item-selected-background-color-default", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" + "tree-view-item-to-header": { + "desktop": { + "value": "24px" }, - "dark": { - "value": "rgb(44, 44, 44)" + "prop": "--spectrum-tree-view-item-to-header", + "mobile": { + "value": "30px" } }, - "stack-item-selected-background-color-down": { - "prop": "--spectrum-stack-item-selected-background-color-down", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } + "tree-view-item-to-item": { + "value": "-1px", + "prop": "--spectrum-tree-view-item-to-item" }, - "stack-item-selected-background-color-emphasized": { - "prop": "--spectrum-stack-item-selected-background-color-emphasized", - "ref": "var(--spectrum-accent-background-color-default)" + "tree-view-item-to-item-default": { + "value": "-1px", + "prop": "--spectrum-tree-view-item-to-item-default" }, - "stack-item-selected-background-color-hover": { - "prop": "--spectrum-stack-item-selected-background-color-hover", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "tree-view-item-to-item-detached": { + "value": "2px", + "prop": "--spectrum-tree-view-item-to-item-detached" + }, + "tree-view-label-to-action-area": { + "desktop": { + "value": "6px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-tree-view-label-to-action-area", + "mobile": { + "value": "8px" } }, - "stack-item-selected-background-color-key-focus": { - "prop": "--spectrum-stack-item-selected-background-color-key-focus", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" + "tree-view-level-increment": { + "desktop": { + "value": "16px" }, - "dark": { - "value": "rgb(50, 50, 50)" + "prop": "--spectrum-tree-view-level-increment", + "mobile": { + "value": "20px" } }, - "stack-item-selected-background-opacity-emphasized": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized", - "value": "0.1" - }, - "stack-item-selected-background-opacity-emphasized-down": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-down", - "value": "0.15" - }, - "stack-item-selected-background-opacity-emphasized-hover": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-hover", - "value": "0.15" + "tree-view-minimum-top-to-context-area": { + "desktop": { + "value": "8px" + }, + "prop": "--spectrum-tree-view-minimum-top-to-context-area", + "mobile": { + "value": "10px" + } }, - "stack-item-selected-background-opacity-emphasized-key-focus": { - "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-key-focus", - "value": "0.15" + "tree-view-top-to-action-button": { + "desktop": { + "value": "4px" + }, + "prop": "--spectrum-tree-view-top-to-action-button", + "mobile": { + "value": "5px" + } }, - "stack-item-start-edge-to-content": { - "prop": "--spectrum-stack-item-start-edge-to-content", + "tree-view-top-to-checkbox": { "desktop": { "value": "4px" }, + "prop": "--spectrum-tree-view-top-to-checkbox", "mobile": { "value": "5px" } }, - "stack-item-text-to-control": { - "prop": "--spectrum-stack-item-text-to-control", + "tree-view-top-to-disclosure-indicator": { "desktop": { - "value": "8px" + "value": "15px" }, + "prop": "--spectrum-tree-view-top-to-disclosure-indicator", "mobile": { - "value": "10px" + "value": "19px" } }, - "standard-dialog-body-font-size": { - "prop": "--spectrum-standard-dialog-body-font-size", - "ref": "var(--spectrum-body-size-s)", + "tree-view-top-to-drag-handle": { "desktop": { - "value": "14px" + "value": "15px" }, + "prop": "--spectrum-tree-view-top-to-drag-handle", "mobile": { - "value": "17px" + "value": "19px" } }, - "standard-dialog-maximum-width-large": { - "prop": "--spectrum-standard-dialog-maximum-width-large", - "value": "640px" + "tree-view-top-to-label": { + "desktop": { + "value": "10px" + }, + "prop": "--spectrum-tree-view-top-to-label", + "mobile": { + "value": "13px" + } }, - "standard-dialog-maximum-width-medium": { - "prop": "--spectrum-standard-dialog-maximum-width-medium", - "value": "480px" + "tree-view-selected-row-background-opacity-emphasized": { + "value": "0.1", + "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized" }, - "standard-dialog-maximum-width-small": { - "prop": "--spectrum-standard-dialog-maximum-width-small", - "value": "400px" + "tree-view-selected-row-background-opacity-emphasized-hover": { + "value": "0.15", + "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized-hover" }, - "standard-dialog-minimum-width": { - "prop": "--spectrum-standard-dialog-minimum-width", - "value": "288px" + "action-bar-minimum-width": { + "value": "176px", + "prop": "--spectrum-action-bar-minimum-width" }, - "standard-dialog-title-font-size": { - "prop": "--spectrum-standard-dialog-title-font-size", - "ref": "var(--spectrum-title-size-xl)" + "action-bar-label-to-action-group-area": { + "value": "16px", + "prop": "--spectrum-action-bar-label-to-action-group-area" }, - "standard-panel-edge-to-close-button-compact": { - "prop": "--spectrum-standard-panel-edge-to-close-button-compact", - "value": "3px" + "card-edge-to-content-compact-extra-small": { + "value": "6px", + "prop": "--spectrum-card-edge-to-content-compact-extra-small" }, - "standard-panel-edge-to-close-button-regular": { - "prop": "--spectrum-standard-panel-edge-to-close-button-regular", - "value": "7px" + "card-edge-to-content-default-extra-small": { + "value": "8px", + "prop": "--spectrum-card-edge-to-content-default-extra-small" }, - "standard-panel-edge-to-close-button-spacious": { - "prop": "--spectrum-standard-panel-edge-to-close-button-spacious", - "value": "15px" + "card-edge-to-content-spacious-extra-small": { + "value": "12px", + "prop": "--spectrum-card-edge-to-content-spacious-extra-small" }, - "standard-panel-gripper-color": { - "prop": "--spectrum-standard-panel-gripper-color", - "ref": "var(--spectrum-gray-200)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } + "card-edge-to-content-compact-small": { + "value": "8px", + "prop": "--spectrum-card-edge-to-content-compact-small" }, - "standard-panel-gripper-color-drag": { - "prop": "--spectrum-standard-panel-gripper-color-drag", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } + "card-edge-to-content-default-small": { + "value": "12px", + "prop": "--spectrum-card-edge-to-content-default-small" }, - "standard-panel-maximum-width": { - "prop": "--spectrum-standard-panel-maximum-width", - "value": "400px" + "card-edge-to-content-spacious-small": { + "value": "16px", + "prop": "--spectrum-card-edge-to-content-spacious-small" }, - "standard-panel-minimum-width": { - "prop": "--spectrum-standard-panel-minimum-width", - "value": "200px" + "card-edge-to-content-compact-medium": { + "value": "12px", + "prop": "--spectrum-card-edge-to-content-compact-medium" }, - "standard-panel-title-font-size": { - "prop": "--spectrum-standard-panel-title-font-size", - "ref": "var(--spectrum-title-size-s)" + "card-edge-to-content-default-medium": { + "value": "16px", + "prop": "--spectrum-card-edge-to-content-default-medium" }, - "standard-panel-top-to-close-button-compact": { - "prop": "--spectrum-standard-panel-top-to-close-button-compact", - "value": "5px" + "card-edge-to-content-spacious-medium": { + "value": "20px", + "prop": "--spectrum-card-edge-to-content-spacious-medium" }, - "standard-panel-top-to-close-button-regular": { - "prop": "--spectrum-standard-panel-top-to-close-button-regular", - "value": "9px" + "card-edge-to-content-compact-large": { + "value": "16px", + "prop": "--spectrum-card-edge-to-content-compact-large" }, - "standard-panel-top-to-close-button-spacious": { - "prop": "--spectrum-standard-panel-top-to-close-button-spacious", - "value": "17px" + "card-edge-to-content-default-large": { + "value": "20px", + "prop": "--spectrum-card-edge-to-content-default-large" }, - "standard-panel-width": { - "prop": "--spectrum-standard-panel-width", - "value": "260px" + "card-edge-to-content-spacious-large": { + "value": "24px", + "prop": "--spectrum-card-edge-to-content-spacious-large" }, - "static-black-focus-indicator-color": { - "prop": "--spectrum-static-black-focus-indicator-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" + "card-edge-to-content-compact-extra-large": { + "value": "20px", + "prop": "--spectrum-card-edge-to-content-compact-extra-large" }, - "static-black-text-color": { - "prop": "--spectrum-static-black-text-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" + "card-edge-to-content-default-extra-large": { + "value": "24px", + "prop": "--spectrum-card-edge-to-content-default-extra-large" }, - "static-black-track-color": { - "prop": "--spectrum-static-black-track-color", - "ref": "var(--spectrum-transparent-black-300)", - "value": "rgba(0, 0, 0, 0.15)" + "card-edge-to-content-spacious-extra-large": { + "value": "28px", + "prop": "--spectrum-card-edge-to-content-spacious-extra-large" }, - "static-black-track-indicator-color": { - "prop": "--spectrum-static-black-track-indicator-color", - "ref": "var(--spectrum-transparent-black-900)", - "value": "rgba(0, 0, 0, 0.93)" + "card-header-to-description": { + "value": "4px", + "prop": "--spectrum-card-header-to-description" }, - "static-blue-1000": { - "prop": "--spectrum-static-blue-1000", - "value": "rgb(39, 77, 234)" + "card-description-to-footer": { + "value": "16px", + "prop": "--spectrum-card-description-to-footer" }, - "static-blue-900": { - "prop": "--spectrum-static-blue-900", - "value": "rgb(59, 99, 251)" + "card-selection-background-size-small": { + "value": "22px", + "prop": "--spectrum-card-selection-background-size-small" }, - "static-fuchsia-1000": { - "prop": "--spectrum-static-fuchsia-1000", - "value": "rgb(156, 40, 175)" + "card-selection-background-size-medium": { + "value": "24px", + "prop": "--spectrum-card-selection-background-size-medium" }, - "static-fuchsia-900": { - "prop": "--spectrum-static-fuchsia-900", - "value": "rgb(181, 57, 200)" + "card-selection-background-size-large": { + "value": "26px", + "prop": "--spectrum-card-selection-background-size-large" }, - "static-indigo-1000": { - "prop": "--spectrum-static-indigo-1000", - "value": "rgb(99, 56, 238)" + "card-selection-background-size-extra-large": { + "value": "28px", + "prop": "--spectrum-card-selection-background-size-extra-large" }, - "static-indigo-900": { - "prop": "--spectrum-static-indigo-900", - "value": "rgb(113, 85, 250)" + "card-minimum-width-extra-small": { + "value": "100px", + "prop": "--spectrum-card-minimum-width-extra-small" }, - "static-magenta-1000": { - "prop": "--spectrum-static-magenta-1000", - "value": "rgb(186, 22, 80)" + "card-minimum-width-small": { + "value": "150px", + "prop": "--spectrum-card-minimum-width-small" }, - "static-magenta-900": { - "prop": "--spectrum-static-magenta-900", - "value": "rgb(217, 35, 97)" + "card-minimum-width-medium": { + "value": "200px", + "prop": "--spectrum-card-minimum-width-medium" }, - "static-red-1000": { - "prop": "--spectrum-static-red-1000", - "value": "rgb(183, 40, 24)" + "card-minimum-width-large": { + "value": "270px", + "prop": "--spectrum-card-minimum-width-large" }, - "static-red-900": { - "prop": "--spectrum-static-red-900", - "value": "rgb(215, 50, 32)" + "card-minimum-width-extra-large": { + "value": "340px", + "prop": "--spectrum-card-minimum-width-extra-large" }, - "static-white-focus-indicator-color": { - "prop": "--spectrum-static-white-focus-indicator-color", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" + "card-default-width-extra-small": { + "value": "120px", + "prop": "--spectrum-card-default-width-extra-small" }, - "static-white-text-color": { - "prop": "--spectrum-static-white-text-color", - "ref": "var(--spectrum-white)", - "value": "rgb(255, 255, 255)" + "card-default-width-small": { + "value": "180px", + "prop": "--spectrum-card-default-width-small" }, - "static-white-track-color": { - "prop": "--spectrum-static-white-track-color", - "ref": "var(--spectrum-transparent-white-300)", - "value": "rgba(255, 255, 255, 0.17)" + "card-default-width-medium": { + "value": "240px", + "prop": "--spectrum-card-default-width-medium" }, - "static-white-track-indicator-color": { - "prop": "--spectrum-static-white-track-indicator-color", - "ref": "var(--spectrum-transparent-white-900)", - "value": "rgba(255, 255, 255, 0.94)" + "card-default-width-large": { + "value": "320px", + "prop": "--spectrum-card-default-width-large" }, - "status-light-dot-size-extra-large": { - "prop": "--spectrum-status-light-dot-size-extra-large", + "card-default-width-extra-large": { + "value": "400px", + "prop": "--spectrum-card-default-width-extra-large" + }, + "card-maximum-width-extra-small": { + "value": "140px", + "prop": "--spectrum-card-maximum-width-extra-small" + }, + "card-maximum-width-small": { + "value": "210px", + "prop": "--spectrum-card-maximum-width-small" + }, + "card-maximum-width-medium": { + "value": "280px", + "prop": "--spectrum-card-maximum-width-medium" + }, + "card-maximum-width-large": { + "value": "370px", + "prop": "--spectrum-card-maximum-width-large" + }, + "card-maximum-width-extra-large": { + "value": "460px", + "prop": "--spectrum-card-maximum-width-extra-large" + }, + "card-minimum-height-extra-small": { + "value": "90px", + "prop": "--spectrum-card-minimum-height-extra-small" + }, + "card-minimum-height-small": { + "value": "135px", + "prop": "--spectrum-card-minimum-height-small" + }, + "card-minimum-height-medium": { + "value": "180px", + "prop": "--spectrum-card-minimum-height-medium" + }, + "card-minimum-height-large": { + "value": "240px", + "prop": "--spectrum-card-minimum-height-large" + }, + "card-minimum-height-extra-large": { + "value": "300px", + "prop": "--spectrum-card-minimum-height-extra-large" + }, + "collection-card-minimum-height-extra-small": { + "value": "88px", + "prop": "--spectrum-collection-card-minimum-height-extra-small" + }, + "collection-card-minimum-height-small": { + "value": "124px", + "prop": "--spectrum-collection-card-minimum-height-small" + }, + "collection-card-minimum-height-medium": { + "value": "157px", + "prop": "--spectrum-collection-card-minimum-height-medium" + }, + "collection-card-minimum-height-large": { + "value": "202px", + "prop": "--spectrum-collection-card-minimum-height-large" + }, + "collection-card-minimum-height-extra-large": { + "value": "249px", + "prop": "--spectrum-collection-card-minimum-height-extra-large" + }, + "collection-card-minimum-height-hero-extra-small": { + "value": "168px", + "prop": "--spectrum-collection-card-minimum-height-hero-extra-small" + }, + "collection-card-minimum-height-hero-small": { + "value": "243px", + "prop": "--spectrum-collection-card-minimum-height-hero-small" + }, + "collection-card-minimum-height-hero-medium": { + "value": "317px", + "prop": "--spectrum-collection-card-minimum-height-hero-medium" + }, + "collection-card-minimum-height-hero-large": { + "value": "414px", + "prop": "--spectrum-collection-card-minimum-height-hero-large" + }, + "collection-card-minimum-height-hero-extra-large": { + "value": "514px", + "prop": "--spectrum-collection-card-minimum-height-hero-extra-large" + }, + "user-card-minimum-height-small": { + "value": "192px", + "prop": "--spectrum-user-card-minimum-height-small" + }, + "user-card-minimum-height-medium": { + "value": "202px", + "prop": "--spectrum-user-card-minimum-height-medium" + }, + "user-card-minimum-height-large": { + "value": "219px", + "prop": "--spectrum-user-card-minimum-height-large" + }, + "user-card-minimum-height-extra-large": { + "value": "236px", + "prop": "--spectrum-user-card-minimum-height-extra-large" + }, + "user-card-minimum-height-title-below-small": { + "value": "212px", + "prop": "--spectrum-user-card-minimum-height-title-below-small" + }, + "user-card-minimum-height-title-below-medium": { + "value": "224px", + "prop": "--spectrum-user-card-minimum-height-title-below-medium" + }, + "user-card-minimum-height-title-below-large": { + "value": "244px", + "prop": "--spectrum-user-card-minimum-height-title-below-large" + }, + "user-card-minimum-height-title-below-extra-large": { + "value": "263px", + "prop": "--spectrum-user-card-minimum-height-title-below-extra-large" + }, + "segmented-control-item-maximum-width": { + "value": "265px", + "prop": "--spectrum-segmented-control-item-maximum-width" + }, + "steplist-step-default-width-small": { + "value": "46px", + "prop": "--spectrum-steplist-step-default-width-small" + }, + "steplist-step-default-width-medium": { + "value": "54px", + "prop": "--spectrum-steplist-step-default-width-medium" + }, + "steplist-step-default-width-large": { + "value": "70px", + "prop": "--spectrum-steplist-step-default-width-large" + }, + "steplist-step-default-width-extra-large": { + "value": "78px", + "prop": "--spectrum-steplist-step-default-width-extra-large" + }, + "steplist-step-default-height-small": { + "value": "46px", + "prop": "--spectrum-steplist-step-default-height-small" + }, + "steplist-step-default-height-medium": { + "value": "54px", + "prop": "--spectrum-steplist-step-default-height-medium" + }, + "steplist-step-default-height-large": { + "value": "70px", + "prop": "--spectrum-steplist-step-default-height-large" + }, + "steplist-step-default-height-extra-large": { + "value": "78px", + "prop": "--spectrum-steplist-step-default-height-extra-large" + }, + "steplist-visual-size-small": { + "value": "8px", + "prop": "--spectrum-steplist-visual-size-small" + }, + "steplist-visual-size-medium": { + "value": "16px", + "prop": "--spectrum-steplist-visual-size-medium" + }, + "steplist-visual-size-large": { + "value": "24px", + "prop": "--spectrum-steplist-visual-size-large" + }, + "steplist-visual-size-extra-large": { + "value": "32px", + "prop": "--spectrum-steplist-visual-size-extra-large" + }, + "steplist-track-thickness-medium": { + "value": "2px", + "prop": "--spectrum-steplist-track-thickness-medium" + }, + "steplist-step-to-track-size-small": { + "value": "6px", + "prop": "--spectrum-steplist-step-to-track-size-small" + }, + "steplist-step-to-track-size-medium": { + "value": "7px", + "prop": "--spectrum-steplist-step-to-track-size-medium" + }, + "steplist-step-to-track-size-large": { + "value": "8px", + "prop": "--spectrum-steplist-step-to-track-size-large" + }, + "steplist-step-to-track-size-extra-large": { + "value": "9px", + "prop": "--spectrum-steplist-step-to-track-size-extra-large" + }, + "steplist-bottom-to-text": { + "value": "1px", + "prop": "--spectrum-steplist-bottom-to-text" + }, + "card-horizontal-edge-to-content-compact": { + "value": "12px", + "prop": "--spectrum-card-horizontal-edge-to-content-compact" + }, + "card-horizontal-edge-to-content-default": { + "value": "16px", + "prop": "--spectrum-card-horizontal-edge-to-content-default" + }, + "card-horizontal-edge-to-content-spacious": { + "value": "20px", + "prop": "--spectrum-card-horizontal-edge-to-content-spacious" + }, + "accordion-edge-to-content-area-small": { + "value": "7px", + "prop": "--spectrum-accordion-edge-to-content-area-small" + }, + "accordion-edge-to-content-area-medium": { + "value": "11px", + "prop": "--spectrum-accordion-edge-to-content-area-medium" + }, + "accordion-edge-to-content-area-large": { + "value": "14px", + "prop": "--spectrum-accordion-edge-to-content-area-large" + }, + "accordion-edge-to-content-area-extra-large": { + "value": "17px", + "prop": "--spectrum-accordion-edge-to-content-area-extra-large" + }, + "single-calendar-popover-minimum-width": { + "value": "320px", + "prop": "--spectrum-single-calendar-popover-minimum-width" + }, + "single-calendar-popover-minimum-height": { + "value": "320px", + "prop": "--spectrum-single-calendar-popover-minimum-height" + }, + "double-calendar-popover-minimum-width": { + "value": "616px", + "prop": "--spectrum-double-calendar-popover-minimum-width" + }, + "double-calendar-popover-minimum-height": { + "value": "320px", + "prop": "--spectrum-double-calendar-popover-minimum-height" + }, + "triple-calendar-popover-minimum-width": { + "value": "912px", + "prop": "--spectrum-triple-calendar-popover-minimum-width" + }, + "triple-calendar-popover-minimum-height": { + "value": "320px", + "prop": "--spectrum-triple-calendar-popover-minimum-height" + }, + "date-field-minimum-width": { + "value": "152px", + "prop": "--spectrum-date-field-minimum-width" + }, + "date-field-text-to-visual": { + "value": "20px", + "prop": "--spectrum-date-field-text-to-visual" + }, + "date-picker-visual-to-field-button": { + "value": "0px", + "prop": "--spectrum-date-picker-visual-to-field-button" + }, + "date-picker-text-to-visual": { + "value": "0px", + "prop": "--spectrum-date-picker-text-to-visual" + }, + "date-picker-minimum-width": { + "value": "152px", + "prop": "--spectrum-date-picker-minimum-width" + }, + "time-field-minimum-width": { + "value": "2.5", + "prop": "--spectrum-time-field-minimum-width" + }, + "time-field-text-to-visual": { + "value": "20px", + "prop": "--spectrum-time-field-text-to-visual" + }, + "segmented-text-field-gap": { + "value": "0px", + "prop": "--spectrum-segmented-text-field-gap" + }, + "segmented-text-field-rounding": { + "value": "2px", + "prop": "--spectrum-segmented-text-field-rounding" + }, + "add-icon-size-50": { "desktop": { - "value": "14px" + "value": "8px" }, + "prop": "--spectrum-add-icon-size-50", "mobile": { - "value": "16px" + "value": "10px" } }, - "status-light-dot-size-large": { - "prop": "--spectrum-status-light-dot-size-large", + "add-icon-size-75": { "desktop": { - "value": "12px" + "value": "8px" }, + "prop": "--spectrum-add-icon-size-75", "mobile": { - "value": "14px" + "value": "10px" } }, - "status-light-dot-size-medium": { - "prop": "--spectrum-status-light-dot-size-medium", + "add-icon-size-100": { "desktop": { "value": "10px" }, + "prop": "--spectrum-add-icon-size-100", "mobile": { - "value": "12px" + "value": "14px" } }, - "status-light-dot-size-small": { - "prop": "--spectrum-status-light-dot-size-small", + "add-icon-size-200": { "desktop": { - "value": "8px" + "value": "12px" }, + "prop": "--spectrum-add-icon-size-200", "mobile": { - "value": "10px" + "value": "14px" } }, - "status-light-text-to-visual-100": { - "prop": "--spectrum-status-light-text-to-visual-100", - "ref": "var(--spectrum-text-to-visual-100)", + "add-icon-size-300": { "desktop": { - "value": "6px" + "value": "12px" }, + "prop": "--spectrum-add-icon-size-300", "mobile": { - "value": "8px" + "value": "16px" } }, - "status-light-text-to-visual-200": { - "prop": "--spectrum-status-light-text-to-visual-200", - "ref": "var(--spectrum-text-to-visual-200)", + "drag-handle-icon-size-75": { "desktop": { - "value": "7px" + "value": "10px" }, + "prop": "--spectrum-drag-handle-icon-size-75", "mobile": { - "value": "9px" + "value": "12px" } }, - "status-light-text-to-visual-300": { - "prop": "--spectrum-status-light-text-to-visual-300", - "ref": "var(--spectrum-text-to-visual-300)", + "drag-handle-icon-size-100": { "desktop": { - "value": "8px" + "value": "10px" }, + "prop": "--spectrum-drag-handle-icon-size-100", "mobile": { - "value": "10px" + "value": "12px" } }, - "status-light-text-to-visual-75": { - "prop": "--spectrum-status-light-text-to-visual-75", - "ref": "var(--spectrum-text-to-visual-75)", + "drag-handle-icon-size-200": { "desktop": { - "value": "5px" + "value": "12px" }, + "prop": "--spectrum-drag-handle-icon-size-200", "mobile": { - "value": "7px" + "value": "14px" } }, - "status-light-top-to-dot-extra-large": { - "prop": "--spectrum-status-light-top-to-dot-extra-large", + "drag-handle-icon-size-300": { "desktop": { - "value": "17px" + "value": "14px" }, + "prop": "--spectrum-drag-handle-icon-size-300", "mobile": { - "value": "22px" + "value": "16px" } }, - "status-light-top-to-dot-large": { - "prop": "--spectrum-status-light-top-to-dot-large", + "gripper-icon-size-100": { + "value": "24px", + "prop": "--spectrum-gripper-icon-size-100" + }, + "tag-field-default-width-small": { "desktop": { - "value": "14px" + "value": "240px" }, + "prop": "--spectrum-tag-field-default-width-small", "mobile": { - "value": "18px" + "value": "264px" } }, - "status-light-top-to-dot-medium": { - "prop": "--spectrum-status-light-top-to-dot-medium", + "tag-field-default-width-medium": { "desktop": { - "value": "11px" + "value": "264px" }, + "prop": "--spectrum-tag-field-default-width-medium", "mobile": { - "value": "14px" + "value": "288px" } }, - "status-light-top-to-dot-small": { - "prop": "--spectrum-status-light-top-to-dot-small", + "tag-field-default-width-large": { "desktop": { - "value": "8px" + "value": "288px" }, + "prop": "--spectrum-tag-field-default-width-large", "mobile": { - "value": "10px" - } - }, - "steplist-bottom-to-text": { - "prop": "--spectrum-steplist-bottom-to-text", - "value": "1px" - }, - "steplist-step-default-height-extra-large": { - "prop": "--spectrum-steplist-step-default-height-extra-large", - "value": "78px" - }, - "steplist-step-default-height-large": { - "prop": "--spectrum-steplist-step-default-height-large", - "value": "70px" - }, - "steplist-step-default-height-medium": { - "prop": "--spectrum-steplist-step-default-height-medium", - "value": "54px" - }, - "steplist-step-default-height-small": { - "prop": "--spectrum-steplist-step-default-height-small", - "value": "46px" - }, - "steplist-step-default-width-extra-large": { - "prop": "--spectrum-steplist-step-default-width-extra-large", - "value": "78px" - }, - "steplist-step-default-width-large": { - "prop": "--spectrum-steplist-step-default-width-large", - "value": "70px" - }, - "steplist-step-default-width-medium": { - "prop": "--spectrum-steplist-step-default-width-medium", - "value": "54px" - }, - "steplist-step-default-width-small": { - "prop": "--spectrum-steplist-step-default-width-small", - "value": "46px" - }, - "steplist-step-to-track-size-extra-large": { - "prop": "--spectrum-steplist-step-to-track-size-extra-large", - "value": "9px" - }, - "steplist-step-to-track-size-large": { - "prop": "--spectrum-steplist-step-to-track-size-large", - "value": "8px" - }, - "steplist-step-to-track-size-medium": { - "prop": "--spectrum-steplist-step-to-track-size-medium", - "value": "7px" - }, - "steplist-step-to-track-size-small": { - "prop": "--spectrum-steplist-step-to-track-size-small", - "value": "6px" - }, - "steplist-track-thickness-medium": { - "prop": "--spectrum-steplist-track-thickness-medium", - "value": "2px" - }, - "steplist-visual-size-extra-large": { - "prop": "--spectrum-steplist-visual-size-extra-large", - "value": "32px" - }, - "steplist-visual-size-large": { - "prop": "--spectrum-steplist-visual-size-large", - "value": "24px" - }, - "steplist-visual-size-medium": { - "prop": "--spectrum-steplist-visual-size-medium", - "value": "16px" - }, - "steplist-visual-size-small": { - "prop": "--spectrum-steplist-visual-size-small", - "value": "8px" - }, - "swatch-border-color": { - "prop": "--spectrum-swatch-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" + "value": "312px" } }, - "swatch-border-opacity": { - "prop": "--spectrum-swatch-border-opacity", - "value": "0.42" - }, - "swatch-disabled-icon-border-color": { - "prop": "--spectrum-swatch-disabled-icon-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "swatch-disabled-icon-border-opacity": { - "prop": "--spectrum-swatch-disabled-icon-border-opacity", - "value": "0.42" - }, - "swatch-group-border-color": { - "prop": "--spectrum-swatch-group-border-color", - "ref": "var(--spectrum-gray-1000)", - "dark": { - "value": "rgb(255, 255, 255)" + "tag-field-minimum-width": { + "desktop": { + "value": "180px" }, - "light": { - "value": "rgb(0, 0, 0)" + "prop": "--spectrum-tag-field-minimum-width", + "mobile": { + "value": "200px" } }, - "swatch-group-border-opacity": { - "prop": "--spectrum-swatch-group-border-opacity", - "value": "0.2" - }, - "swatch-group-spacing-spacious": { - "prop": "--spectrum-swatch-group-spacing-spacious", - "value": "6px" - }, - "swatch-rectangle-width-multiplier": { - "prop": "--spectrum-swatch-rectangle-width-multiplier", - "value": "2" - }, - "swatch-size-extra-small": { - "prop": "--spectrum-swatch-size-extra-small", + "tag-field-minimum-height-small": { "desktop": { - "value": "16px" + "value": "44px" }, + "prop": "--spectrum-tag-field-minimum-height-small", "mobile": { - "value": "20px" + "value": "54px" } }, - "swatch-size-large": { - "prop": "--spectrum-swatch-size-large", + "tag-field-minimum-height-medium": { "desktop": { - "value": "40px" + "value": "56px" }, + "prop": "--spectrum-tag-field-minimum-height-medium", "mobile": { - "value": "50px" + "value": "68px" } }, - "swatch-size-medium": { - "prop": "--spectrum-swatch-size-medium", + "tag-field-minimum-height-large": { "desktop": { - "value": "32px" + "value": "68px" }, + "prop": "--spectrum-tag-field-minimum-height-large", "mobile": { - "value": "40px" + "value": "82px" } }, - "swatch-size-small": { - "prop": "--spectrum-swatch-size-small", + "tag-field-edge-to-content-small": { "desktop": { - "value": "24px" + "value": "10px" }, + "prop": "--spectrum-tag-field-edge-to-content-small", "mobile": { - "value": "30px" + "value": "12px" } }, - "swatch-slash-thickness-extra-small": { - "prop": "--spectrum-swatch-slash-thickness-extra-small", - "value": "2px" - }, - "swatch-slash-thickness-large": { - "prop": "--spectrum-swatch-slash-thickness-large", - "value": "5px" - }, - "swatch-slash-thickness-medium": { - "prop": "--spectrum-swatch-slash-thickness-medium", - "value": "4px" - }, - "swatch-slash-thickness-small": { - "prop": "--spectrum-swatch-slash-thickness-small", - "value": "3px" - }, - "switch-control-height-extra-large": { - "prop": "--spectrum-switch-control-height-extra-large", + "tag-field-edge-to-content-medium": { "desktop": { - "value": "20px" + "value": "12px" }, + "prop": "--spectrum-tag-field-edge-to-content-medium", "mobile": { - "value": "26px" + "value": "14px" } }, - "switch-control-height-large": { - "prop": "--spectrum-switch-control-height-large", + "tag-field-edge-to-content-large": { "desktop": { - "value": "18px" + "value": "14px" }, + "prop": "--spectrum-tag-field-edge-to-content-large", "mobile": { - "value": "22px" + "value": "16px" } }, - "switch-control-height-medium": { - "prop": "--spectrum-switch-control-height-medium", + "list-view-minimum-height": { "desktop": { - "value": "16px" + "value": "40px" }, + "prop": "--spectrum-list-view-minimum-height", "mobile": { - "value": "20px" + "value": "50px" } }, - "switch-control-height-small": { - "prop": "--spectrum-switch-control-height-small", + "list-view-minimum-width": { "desktop": { - "value": "14px" + "value": "200px" }, + "prop": "--spectrum-list-view-minimum-width", "mobile": { - "value": "18px" + "value": "240px" } }, - "switch-control-width-extra-large": { - "prop": "--spectrum-switch-control-width-extra-large", + "list-view-item-top-corner-radius": { + "value": "8px", + "prop": "--spectrum-list-view-item-top-corner-radius" + }, + "list-view-item-bottom-corner-radius": { + "value": "8px", + "prop": "--spectrum-list-view-item-bottom-corner-radius" + }, + "list-view-end-edge-to-content": { "desktop": { - "value": "34px" + "value": "6px" }, + "prop": "--spectrum-list-view-end-edge-to-content", "mobile": { - "value": "46px" + "value": "8px" } }, - "switch-control-width-large": { - "prop": "--spectrum-switch-control-width-large", + "stack-item-selected-background-opacity-emphasized": { + "value": "0.1", + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized" + }, + "stack-item-selected-background-opacity-emphasized-hover": { + "value": "0.15", + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-hover" + }, + "stack-item-selected-background-opacity-emphasized-down": { + "value": "0.15", + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-down" + }, + "stack-item-selected-background-opacity-emphasized-key-focus": { + "value": "0.15", + "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-key-focus" + }, + "stack-item-header-minimum-width": { "desktop": { - "value": "30px" + "value": "200px" }, + "prop": "--spectrum-stack-item-header-minimum-width", "mobile": { - "value": "38px" + "value": "240px" } }, - "switch-control-width-medium": { - "prop": "--spectrum-switch-control-width-medium", + "stack-item-start-edge-to-content": { "desktop": { - "value": "26px" + "value": "4px" }, + "prop": "--spectrum-stack-item-start-edge-to-content", "mobile": { - "value": "34px" + "value": "5px" } }, - "switch-control-width-small": { - "prop": "--spectrum-switch-control-width-small", + "stack-item-drag-handle-to-control": { "desktop": { - "value": "22px" + "value": "8px" }, + "prop": "--spectrum-stack-item-drag-handle-to-control", "mobile": { - "value": "30px" + "value": "10px" } }, - "switch-handle-selected-size-extra-large": { - "prop": "--spectrum-switch-handle-selected-size-extra-large", + "stack-item-text-to-control": { "desktop": { - "value": "14px" + "value": "8px" }, + "prop": "--spectrum-stack-item-text-to-control", "mobile": { - "value": "20px" + "value": "10px" } }, - "switch-handle-selected-size-large": { - "prop": "--spectrum-switch-handle-selected-size-large", + "stack-item-edge-to-control": { "desktop": { "value": "12px" }, + "prop": "--spectrum-stack-item-edge-to-control", "mobile": { - "value": "16px" + "value": "15px" } }, - "switch-handle-selected-size-medium": { - "prop": "--spectrum-switch-handle-selected-size-medium", + "stack-item-edge-to-visual": { "desktop": { - "value": "10px" + "value": "12px" }, + "prop": "--spectrum-stack-item-edge-to-visual", "mobile": { - "value": "14px" + "value": "15px" } }, - "switch-handle-selected-size-small": { - "prop": "--spectrum-switch-handle-selected-size-small", + "stack-item-action-to-navigation": { "desktop": { - "value": "8px" + "value": "4px" }, + "prop": "--spectrum-stack-item-action-to-navigation", "mobile": { - "value": "12px" + "value": "6px" } }, - "switch-handle-size-extra-large": { - "prop": "--spectrum-switch-handle-size-extra-large", + "stack-item-header-to-item": { + "value": "0px", + "prop": "--spectrum-stack-item-header-to-item" + }, + "stack-item-item-to-item": { + "value": "-1px", + "prop": "--spectrum-stack-item-item-to-item" + }, + "accordion-bottom-to-text-extra-large": { "desktop": { "value": "12px" }, + "prop": "--spectrum-accordion-bottom-to-text-extra-large", "mobile": { - "value": "18px" + "value": "15px" } }, - "switch-handle-size-large": { - "prop": "--spectrum-switch-handle-size-large", + "accordion-bottom-to-text-large": { "desktop": { - "value": "10px" + "value": "11px" }, + "prop": "--spectrum-accordion-bottom-to-text-large", "mobile": { "value": "14px" } }, - "switch-handle-size-medium": { - "prop": "--spectrum-switch-handle-size-medium", + "accordion-bottom-to-text-medium": { "desktop": { - "value": "8px" + "value": "9px" }, + "prop": "--spectrum-accordion-bottom-to-text-medium", "mobile": { - "value": "12px" + "value": "13px" } }, - "switch-handle-size-small": { - "prop": "--spectrum-switch-handle-size-small", + "accordion-bottom-to-text-small": { "desktop": { - "value": "6px" + "value": "7px" }, + "prop": "--spectrum-accordion-bottom-to-text-small", "mobile": { - "value": "10px" + "value": "9px" } }, - "switch-top-to-control-extra-large": { - "prop": "--spectrum-switch-top-to-control-extra-large", + "accordion-top-to-text-extra-large": { "desktop": { - "value": "15px" + "value": "13px" }, + "prop": "--spectrum-accordion-top-to-text-extra-large", "mobile": { - "value": "19px" + "value": "17px" } }, - "switch-top-to-control-large": { - "prop": "--spectrum-switch-top-to-control-large", + "accordion-top-to-text-large": { "desktop": { "value": "12px" }, + "prop": "--spectrum-accordion-top-to-text-large", "mobile": { - "value": "15px" + "value": "16px" } }, - "switch-top-to-control-medium": { - "prop": "--spectrum-switch-top-to-control-medium", + "accordion-top-to-text-medium": { "desktop": { "value": "9px" }, + "prop": "--spectrum-accordion-top-to-text-medium", "mobile": { - "value": "11px" + "value": "10px" } }, - "switch-top-to-control-small": { - "prop": "--spectrum-switch-top-to-control-small", + "accordion-top-to-text-small": { "desktop": { - "value": "6px" + "value": "7px" }, + "prop": "--spectrum-accordion-top-to-text-small", "mobile": { - "value": "7px" + "value": "10px" } }, - "tab-item-bottom-to-text-compact-extra-large": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-extra-large", + "corner-radius-0": { + "value": "0px", + "prop": "--spectrum-corner-radius-0" + }, + "corner-radius-75": { + "value": "3px", + "prop": "--spectrum-corner-radius-75" + }, + "corner-radius-100": { + "value": "4px", + "prop": "--spectrum-corner-radius-100" + }, + "corner-radius-200": { + "value": "5px", + "prop": "--spectrum-corner-radius-200" + }, + "corner-radius-300": { + "value": "6px", + "prop": "--spectrum-corner-radius-300" + }, + "corner-radius-400": { + "value": "7px", + "prop": "--spectrum-corner-radius-400" + }, + "corner-radius-500": { + "value": "8px", + "prop": "--spectrum-corner-radius-500" + }, + "corner-radius-600": { + "value": "9px", + "prop": "--spectrum-corner-radius-600" + }, + "corner-radius-700": { + "value": "10px", + "prop": "--spectrum-corner-radius-700" + }, + "corner-radius-800": { + "value": "16px", + "prop": "--spectrum-corner-radius-800" + }, + "corner-radius-1000": { + "value": "9999px", + "prop": "--spectrum-corner-radius-1000" + }, + "drop-shadow-x": { + "value": "0px", + "prop": "--spectrum-drop-shadow-x" + }, + "drop-shadow-y": { + "value": "1px", + "prop": "--spectrum-drop-shadow-y" + }, + "drop-shadow-blur": { + "value": "6px", + "prop": "--spectrum-drop-shadow-blur" + }, + "workflow-icon-size-50": { "desktop": { - "value": "13px" + "value": "14px" }, + "prop": "--spectrum-workflow-icon-size-50", "mobile": { - "value": "17px" + "value": "16px" } }, - "tab-item-bottom-to-text-compact-large": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-large", + "workflow-icon-size-75": { "desktop": { - "value": "12px" + "value": "16px" }, + "prop": "--spectrum-workflow-icon-size-75", "mobile": { - "value": "14px" + "value": "18px" } }, - "tab-item-bottom-to-text-compact-medium": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-medium", + "workflow-icon-size-100": { "desktop": { - "value": "8px" + "value": "20px" }, + "prop": "--spectrum-workflow-icon-size-100", "mobile": { - "value": "10px" + "value": "24px" } }, - "tab-item-bottom-to-text-compact-small": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-small", + "workflow-icon-size-200": { "desktop": { - "value": "5px" + "value": "22px" }, + "prop": "--spectrum-workflow-icon-size-200", "mobile": { - "value": "6px" + "value": "28px" } }, - "tab-item-bottom-to-text-extra-large": { - "prop": "--spectrum-tab-item-bottom-to-text-extra-large", + "workflow-icon-size-300": { "desktop": { - "value": "20px" + "value": "26px" }, + "prop": "--spectrum-workflow-icon-size-300", "mobile": { - "value": "25px" + "value": "30px" } }, - "tab-item-bottom-to-text-large": { - "prop": "--spectrum-tab-item-bottom-to-text-large", + "spacing-50": { + "value": "2px", + "prop": "--spectrum-spacing-50" + }, + "spacing-75": { + "value": "4px", + "prop": "--spectrum-spacing-75" + }, + "spacing-100": { + "value": "8px", + "prop": "--spectrum-spacing-100" + }, + "spacing-200": { + "value": "12px", + "prop": "--spectrum-spacing-200" + }, + "spacing-300": { + "value": "16px", + "prop": "--spectrum-spacing-300" + }, + "spacing-400": { + "value": "24px", + "prop": "--spectrum-spacing-400" + }, + "spacing-500": { + "value": "32px", + "prop": "--spectrum-spacing-500" + }, + "spacing-600": { + "value": "40px", + "prop": "--spectrum-spacing-600" + }, + "spacing-700": { + "value": "48px", + "prop": "--spectrum-spacing-700" + }, + "spacing-800": { + "value": "64px", + "prop": "--spectrum-spacing-800" + }, + "spacing-900": { + "value": "80px", + "prop": "--spectrum-spacing-900" + }, + "spacing-1000": { + "value": "96px", + "prop": "--spectrum-spacing-1000" + }, + "text-to-visual-50": { "desktop": { - "value": "18px" + "value": "5px" }, + "prop": "--spectrum-text-to-visual-50", "mobile": { - "value": "22px" + "value": "7px" } }, - "tab-item-bottom-to-text-medium": { - "prop": "--spectrum-tab-item-bottom-to-text-medium", + "text-to-visual-75": { "desktop": { - "value": "14px" + "value": "5px" }, + "prop": "--spectrum-text-to-visual-75", "mobile": { - "value": "19px" + "value": "7px" } }, - "tab-item-bottom-to-text-small": { - "prop": "--spectrum-tab-item-bottom-to-text-small", + "text-to-visual-100": { "desktop": { - "value": "12px" + "value": "6px" }, + "prop": "--spectrum-text-to-visual-100", "mobile": { - "value": "15px" + "value": "8px" } }, - "tab-item-compact-height-extra-large": { - "prop": "--spectrum-tab-item-compact-height-extra-large", - "ref": "var(--spectrum-component-height-300)", + "text-to-visual-200": { "desktop": { - "value": "48px" + "value": "7px" }, + "prop": "--spectrum-text-to-visual-200", "mobile": { - "value": "60px" + "value": "9px" } }, - "tab-item-compact-height-large": { - "prop": "--spectrum-tab-item-compact-height-large", - "ref": "var(--spectrum-component-height-200)", + "text-to-visual-300": { "desktop": { - "value": "40px" + "value": "8px" }, + "prop": "--spectrum-text-to-visual-300", "mobile": { - "value": "50px" + "value": "10px" } }, - "tab-item-compact-height-medium": { - "prop": "--spectrum-tab-item-compact-height-medium", - "ref": "var(--spectrum-component-height-100)", + "text-to-visual-400": { "desktop": { - "value": "32px" + "value": "9px" }, + "prop": "--spectrum-text-to-visual-400", "mobile": { - "value": "40px" + "value": "11px" } }, - "tab-item-compact-height-small": { - "prop": "--spectrum-tab-item-compact-height-small", - "ref": "var(--spectrum-component-height-75)", + "text-to-control-50": { "desktop": { - "value": "24px" + "value": "4px" }, + "prop": "--spectrum-text-to-control-50", "mobile": { - "value": "30px" + "value": "5px" } }, - "tab-item-focus-indicator-gap-extra-large": { - "prop": "--spectrum-tab-item-focus-indicator-gap-extra-large", + "text-to-control-75": { "desktop": { - "value": "10px" + "value": "9px" }, + "prop": "--spectrum-text-to-control-75", "mobile": { - "value": "12px" + "value": "11px" } }, - "tab-item-focus-indicator-gap-large": { - "prop": "--spectrum-tab-item-focus-indicator-gap-large", + "text-to-control-100": { "desktop": { - "value": "9px" + "value": "10px" }, + "prop": "--spectrum-text-to-control-100", "mobile": { + "value": "13px" + } + }, + "text-to-control-200": { + "desktop": { "value": "11px" + }, + "prop": "--spectrum-text-to-control-200", + "mobile": { + "value": "14px" } }, - "tab-item-focus-indicator-gap-medium": { - "prop": "--spectrum-tab-item-focus-indicator-gap-medium", + "text-to-control-300": { "desktop": { - "value": "8px" + "value": "13px" }, + "prop": "--spectrum-text-to-control-300", "mobile": { - "value": "10px" + "value": "16px" } }, - "tab-item-focus-indicator-gap-small": { - "prop": "--spectrum-tab-item-focus-indicator-gap-small", + "visual-to-control-100": { "desktop": { - "value": "7px" + "value": "8px" }, + "prop": "--spectrum-visual-to-control-100", "mobile": { - "value": "9px" + "value": "10px" } }, - "tab-item-height-extra-large": { - "prop": "--spectrum-tab-item-height-extra-large", - "ref": "var(--spectrum-component-height-500)", + "label-to-description-0": { + "value": "0px", + "prop": "--spectrum-label-to-description-0" + }, + "component-height-50": { "desktop": { - "value": "64px" + "value": "20px" }, + "prop": "--spectrum-component-height-50", "mobile": { - "value": "80px" + "value": "26px" } }, - "tab-item-height-large": { - "prop": "--spectrum-tab-item-height-large", - "ref": "var(--spectrum-component-height-400)", + "component-height-75": { "desktop": { - "value": "56px" + "value": "24px" }, + "prop": "--spectrum-component-height-75", "mobile": { - "value": "70px" + "value": "30px" } }, - "tab-item-height-medium": { - "prop": "--spectrum-tab-item-height-medium", - "ref": "var(--spectrum-component-height-300)", + "component-height-100": { "desktop": { - "value": "48px" + "value": "32px" }, + "prop": "--spectrum-component-height-100", "mobile": { - "value": "60px" + "value": "40px" } }, - "tab-item-height-small": { - "prop": "--spectrum-tab-item-height-small", - "ref": "var(--spectrum-component-height-200)", + "component-height-200": { "desktop": { "value": "40px" }, + "prop": "--spectrum-component-height-200", "mobile": { "value": "50px" } }, - "tab-item-start-to-edge-extra-large": { - "prop": "--spectrum-tab-item-start-to-edge-extra-large", + "component-height-300": { "desktop": { - "value": "13px" + "value": "48px" }, + "prop": "--spectrum-component-height-300", "mobile": { - "value": "19px" + "value": "60px" } }, - "tab-item-start-to-edge-large": { - "prop": "--spectrum-tab-item-start-to-edge-large", + "component-height-400": { "desktop": { - "value": "13px" + "value": "56px" }, + "prop": "--spectrum-component-height-400", "mobile": { - "value": "17px" + "value": "70px" } }, - "tab-item-start-to-edge-medium": { - "prop": "--spectrum-tab-item-start-to-edge-medium", + "component-height-500": { "desktop": { - "value": "12px" + "value": "64px" }, + "prop": "--spectrum-component-height-500", "mobile": { - "value": "15px" + "value": "80px" } }, - "tab-item-start-to-edge-quiet": { - "prop": "--spectrum-tab-item-start-to-edge-quiet", - "value": "0px" + "focus-indicator-thickness": { + "value": "2px", + "prop": "--spectrum-focus-indicator-thickness" }, - "tab-item-start-to-edge-small": { - "prop": "--spectrum-tab-item-start-to-edge-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "13px" - } + "focus-indicator-gap": { + "value": "2px", + "prop": "--spectrum-focus-indicator-gap" }, - "tab-item-to-tab-item-horizontal-extra-large": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-extra-large", + "side-focus-indicator": { + "value": "4px", + "prop": "--spectrum-side-focus-indicator" + }, + "border-width-100": { + "value": "1px", + "prop": "--spectrum-border-width-100" + }, + "border-width-200": { + "value": "2px", + "prop": "--spectrum-border-width-200" + }, + "border-width-400": { + "value": "4px", + "prop": "--spectrum-border-width-400" + }, + "component-pill-edge-to-visual-75": { "desktop": { - "value": "30px" + "value": "10px" }, + "prop": "--spectrum-component-pill-edge-to-visual-75", "mobile": { - "value": "36px" + "value": "13px" } }, - "tab-item-to-tab-item-horizontal-large": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-large", + "component-pill-edge-to-visual-100": { "desktop": { - "value": "27px" + "value": "14px" }, + "prop": "--spectrum-component-pill-edge-to-visual-100", "mobile": { - "value": "33px" + "value": "17px" } }, - "tab-item-to-tab-item-horizontal-medium": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-medium", + "component-pill-edge-to-visual-200": { "desktop": { - "value": "24px" + "value": "18px" }, + "prop": "--spectrum-component-pill-edge-to-visual-200", "mobile": { - "value": "30px" + "value": "22px" } }, - "tab-item-to-tab-item-horizontal-small": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-small", + "component-pill-edge-to-visual-300": { "desktop": { "value": "21px" }, + "prop": "--spectrum-component-pill-edge-to-visual-300", "mobile": { "value": "27px" } }, - "tab-item-to-tab-item-vertical-extra-large": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-extra-large", + "component-pill-edge-to-visual-only-75": { "desktop": { - "value": "5px" + "value": "4px" }, + "prop": "--spectrum-component-pill-edge-to-visual-only-75", "mobile": { "value": "6px" } }, - "tab-item-to-tab-item-vertical-large": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-large", + "component-pill-edge-to-visual-only-100": { "desktop": { - "value": "5px" - }, - "mobile": { "value": "6px" - } - }, - "tab-item-to-tab-item-vertical-medium": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-medium", - "desktop": { - "value": "4px" }, + "prop": "--spectrum-component-pill-edge-to-visual-only-100", "mobile": { - "value": "5px" + "value": "8px" } }, - "tab-item-to-tab-item-vertical-small": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-small", + "component-pill-edge-to-visual-only-200": { "desktop": { - "value": "4px" + "value": "9px" }, + "prop": "--spectrum-component-pill-edge-to-visual-only-200", "mobile": { - "value": "5px" + "value": "11px" } }, - "tab-item-top-to-text-compact-extra-large": { - "prop": "--spectrum-tab-item-top-to-text-compact-extra-large", + "component-pill-edge-to-visual-only-300": { "desktop": { - "value": "12px" + "value": "11px" }, + "prop": "--spectrum-component-pill-edge-to-visual-only-300", "mobile": { "value": "15px" } }, - "tab-item-top-to-text-compact-large": { - "prop": "--spectrum-tab-item-top-to-text-compact-large", + "component-pill-edge-to-text-75": { "desktop": { - "value": "10px" - }, - "mobile": { "value": "12px" - } - }, - "tab-item-top-to-text-compact-medium": { - "prop": "--spectrum-tab-item-top-to-text-compact-medium", - "desktop": { - "value": "6px" }, + "prop": "--spectrum-component-pill-edge-to-text-75", "mobile": { - "value": "9px" + "value": "15px" } }, - "tab-item-top-to-text-compact-small": { - "prop": "--spectrum-tab-item-top-to-text-compact-small", + "component-pill-edge-to-text-100": { "desktop": { - "value": "4px" + "value": "16px" }, + "prop": "--spectrum-component-pill-edge-to-text-100", "mobile": { - "value": "5px" + "value": "20px" } }, - "tab-item-top-to-text-extra-large": { - "prop": "--spectrum-tab-item-top-to-text-extra-large", + "component-pill-edge-to-text-200": { "desktop": { - "value": "19px" + "value": "20px" }, + "prop": "--spectrum-component-pill-edge-to-text-200", "mobile": { "value": "25px" } }, - "tab-item-top-to-text-large": { - "prop": "--spectrum-tab-item-top-to-text-large", + "component-pill-edge-to-text-300": { "desktop": { - "value": "16px" + "value": "24px" }, + "prop": "--spectrum-component-pill-edge-to-text-300", "mobile": { - "value": "22px" + "value": "30px" } }, - "tab-item-top-to-text-medium": { - "prop": "--spectrum-tab-item-top-to-text-medium", + "component-edge-to-visual-50": { "desktop": { - "value": "14px" + "value": "6px" }, + "prop": "--spectrum-component-edge-to-visual-50", "mobile": { - "value": "18px" + "value": "7px" } }, - "tab-item-top-to-text-small": { - "prop": "--spectrum-tab-item-top-to-text-small", + "component-edge-to-visual-75": { "desktop": { - "value": "11px" + "value": "7px" }, + "prop": "--spectrum-component-edge-to-visual-75", "mobile": { - "value": "14px" + "value": "9px" } }, - "tab-item-top-to-workflow-icon-compact-extra-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-extra-large", + "component-edge-to-visual-100": { "desktop": { - "value": "11px" + "value": "10px" }, + "prop": "--spectrum-component-edge-to-visual-100", "mobile": { - "value": "16px" + "value": "12px" } }, - "tab-item-top-to-workflow-icon-compact-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-large", + "component-edge-to-visual-200": { "desktop": { - "value": "9px" + "value": "13px" }, + "prop": "--spectrum-component-edge-to-visual-200", "mobile": { - "value": "13px" + "value": "16px" } }, - "tab-item-top-to-workflow-icon-compact-medium": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-medium", + "component-edge-to-visual-300": { "desktop": { - "value": "7px" + "value": "15px" }, + "prop": "--spectrum-component-edge-to-visual-300", "mobile": { - "value": "9px" + "value": "19px" } }, - "tab-item-top-to-workflow-icon-compact-small": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-small", + "component-edge-to-visual-only-50": { "desktop": { "value": "3px" }, + "prop": "--spectrum-component-edge-to-visual-only-50", "mobile": { "value": "5px" } }, - "tab-item-top-to-workflow-icon-extra-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-extra-large", + "component-edge-to-visual-only-75": { "desktop": { - "value": "19px" + "value": "4px" }, + "prop": "--spectrum-component-edge-to-visual-only-75", "mobile": { - "value": "26px" + "value": "6px" } }, - "tab-item-top-to-workflow-icon-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-large", + "component-edge-to-visual-only-100": { "desktop": { - "value": "17px" + "value": "6px" }, + "prop": "--spectrum-component-edge-to-visual-only-100", "mobile": { - "value": "23px" + "value": "8px" } }, - "tab-item-top-to-workflow-icon-medium": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-medium", + "component-edge-to-visual-only-200": { "desktop": { - "value": "15px" + "value": "9px" }, + "prop": "--spectrum-component-edge-to-visual-only-200", "mobile": { - "value": "19px" + "value": "11px" } }, - "tab-item-top-to-workflow-icon-small": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-small", + "component-edge-to-visual-only-300": { "desktop": { - "value": "13px" + "value": "11px" }, + "prop": "--spectrum-component-edge-to-visual-only-300", "mobile": { "value": "15px" } }, - "table-border-divider-width": { - "prop": "--spectrum-table-border-divider-width", - "value": "1px" - }, - "table-checkbox-to-text": { - "prop": "--spectrum-table-checkbox-to-text", + "component-edge-to-text-50": { "desktop": { - "value": "24px" + "value": "8px" }, + "prop": "--spectrum-component-edge-to-text-50", "mobile": { - "value": "30px" + "value": "10px" } }, - "table-column-header-row-bottom-to-text-extra-large": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-extra-large", + "component-edge-to-text-75": { "desktop": { - "value": "13px" + "value": "9px" }, + "prop": "--spectrum-component-edge-to-text-75", "mobile": { - "value": "17px" + "value": "11px" } }, - "table-column-header-row-bottom-to-text-large": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-large", + "component-edge-to-text-100": { "desktop": { - "value": "10px" + "value": "12px" }, + "prop": "--spectrum-component-edge-to-text-100", "mobile": { - "value": "13px" + "value": "15px" } }, - "table-column-header-row-bottom-to-text-medium": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-medium", + "component-edge-to-text-200": { "desktop": { - "value": "8px" + "value": "15px" }, + "prop": "--spectrum-component-edge-to-text-200", "mobile": { - "value": "10px" + "value": "19px" } }, - "table-column-header-row-bottom-to-text-small": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-small", + "component-edge-to-text-300": { "desktop": { - "value": "9px" + "value": "18px" }, + "prop": "--spectrum-component-edge-to-text-300", "mobile": { - "value": "11px" + "value": "22px" } }, - "table-column-header-row-top-to-text-extra-large": { - "prop": "--spectrum-table-column-header-row-top-to-text-extra-large", + "component-top-to-workflow-icon-50": { "desktop": { - "value": "13px" + "value": "3px" }, + "prop": "--spectrum-component-top-to-workflow-icon-50", "mobile": { - "value": "16px" + "value": "5px" } }, - "table-column-header-row-top-to-text-large": { - "prop": "--spectrum-table-column-header-row-top-to-text-large", + "component-top-to-workflow-icon-75": { "desktop": { - "value": "10px" + "value": "4px" }, + "prop": "--spectrum-component-top-to-workflow-icon-75", "mobile": { - "value": "13px" + "value": "6px" } }, - "table-column-header-row-top-to-text-medium": { - "prop": "--spectrum-table-column-header-row-top-to-text-medium", + "component-top-to-workflow-icon-100": { "desktop": { "value": "6px" }, + "prop": "--spectrum-component-top-to-workflow-icon-100", "mobile": { - "value": "9px" + "value": "8px" } }, - "table-column-header-row-top-to-text-small": { - "prop": "--spectrum-table-column-header-row-top-to-text-small", + "component-top-to-workflow-icon-200": { "desktop": { - "value": "8px" + "value": "9px" }, + "prop": "--spectrum-component-top-to-workflow-icon-200", "mobile": { - "value": "10px" + "value": "11px" } }, - "table-edge-to-content": { - "prop": "--spectrum-table-edge-to-content", - "value": "16px" - }, - "table-header-row-checkbox-to-top-extra-large": { - "prop": "--spectrum-table-header-row-checkbox-to-top-extra-large", + "component-top-to-workflow-icon-300": { "desktop": { - "value": "15px" + "value": "11px" }, + "prop": "--spectrum-component-top-to-workflow-icon-300", "mobile": { - "value": "21px" + "value": "15px" } }, - "table-header-row-checkbox-to-top-large": { - "prop": "--spectrum-table-header-row-checkbox-to-top-large", + "component-top-to-text-50": { "desktop": { - "value": "12px" + "value": "3px" }, + "prop": "--spectrum-component-top-to-text-50", "mobile": { - "value": "17px" + "value": "4px" } }, - "table-header-row-checkbox-to-top-medium": { - "prop": "--spectrum-table-header-row-checkbox-to-top-medium", + "component-top-to-text-75": { "desktop": { - "value": "8px" + "value": "4px" }, + "prop": "--spectrum-component-top-to-text-75", "mobile": { - "value": "11px" + "value": "5px" } }, - "table-header-row-checkbox-to-top-small": { - "prop": "--spectrum-table-header-row-checkbox-to-top-small", + "component-top-to-text-100": { "desktop": { - "value": "10px" + "value": "6px" }, + "prop": "--spectrum-component-top-to-text-100", "mobile": { - "value": "14px" + "value": "8px" } }, - "table-row-bottom-to-text-extra-large": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large", + "component-top-to-text-200": { "desktop": { - "value": "17px" + "value": "9px" }, + "prop": "--spectrum-component-top-to-text-200", "mobile": { - "value": "22px" + "value": "12px" } }, - "table-row-bottom-to-text-extra-large-compact": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-compact", - "ref": "var(--spectrum-component-bottom-to-text-300)", + "component-top-to-text-300": { "desktop": { - "value": "14px" + "value": "12px" }, + "prop": "--spectrum-component-top-to-text-300", "mobile": { - "value": "18px" + "value": "15px" } }, - "table-row-bottom-to-text-extra-large-regular": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-extra-large)", + "component-bottom-to-text-50": { "desktop": { - "value": "17px" + "value": "3px" }, + "prop": "--spectrum-component-bottom-to-text-50", "mobile": { - "value": "22px" + "value": "6px" } }, - "table-row-bottom-to-text-extra-large-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-spacious", + "component-bottom-to-text-75": { "desktop": { - "value": "21px" + "value": "5px" }, + "prop": "--spectrum-component-bottom-to-text-75", "mobile": { - "value": "27px" + "value": "6px" } }, - "table-row-bottom-to-text-large": { - "prop": "--spectrum-table-row-bottom-to-text-large", + "component-bottom-to-text-100": { "desktop": { - "value": "14px" + "value": "9px" }, + "prop": "--spectrum-component-bottom-to-text-100", "mobile": { - "value": "18px" + "value": "11px" } }, - "table-row-bottom-to-text-large-compact": { - "prop": "--spectrum-table-row-bottom-to-text-large-compact", - "ref": "var(--spectrum-component-bottom-to-text-200)", + "component-bottom-to-text-200": { "desktop": { "value": "11px" }, + "prop": "--spectrum-component-bottom-to-text-200", "mobile": { "value": "14px" } }, - "table-row-bottom-to-text-large-regular": { - "prop": "--spectrum-table-row-bottom-to-text-large-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-large)", + "component-bottom-to-text-300": { "desktop": { "value": "14px" }, + "prop": "--spectrum-component-bottom-to-text-300", "mobile": { "value": "18px" } }, - "table-row-bottom-to-text-large-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-large-spacious", + "component-to-menu-small": { "desktop": { - "value": "18px" + "value": "6px" }, + "prop": "--spectrum-component-to-menu-small", "mobile": { - "value": "23px" + "value": "7px" } }, - "table-row-bottom-to-text-medium": { - "prop": "--spectrum-table-row-bottom-to-text-medium", + "component-to-menu-medium": { "desktop": { - "value": "13px" + "value": "6px" }, + "prop": "--spectrum-component-to-menu-medium", "mobile": { - "value": "15px" + "value": "8px" } }, - "table-row-bottom-to-text-medium-compact": { - "prop": "--spectrum-table-row-bottom-to-text-medium-compact", - "ref": "var(--spectrum-component-bottom-to-text-100)", + "component-to-menu-large": { "desktop": { - "value": "9px" + "value": "7px" }, + "prop": "--spectrum-component-to-menu-large", "mobile": { - "value": "11px" + "value": "9px" } }, - "table-row-bottom-to-text-medium-regular": { - "prop": "--spectrum-table-row-bottom-to-text-medium-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-medium)", + "component-to-menu-extra-large": { "desktop": { - "value": "13px" + "value": "8px" }, + "prop": "--spectrum-component-to-menu-extra-large", "mobile": { - "value": "15px" + "value": "10px" } }, - "table-row-bottom-to-text-medium-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-medium-spacious", + "field-edge-to-text-quiet": { + "value": "0px", + "prop": "--spectrum-field-edge-to-text-quiet" + }, + "field-edge-to-visual-quiet": { + "value": "0px", + "prop": "--spectrum-field-edge-to-visual-quiet" + }, + "field-edge-to-border-quiet": { + "value": "0px", + "prop": "--spectrum-field-edge-to-border-quiet" + }, + "field-edge-to-alert-icon-quiet": { + "value": "0px", + "prop": "--spectrum-field-edge-to-alert-icon-quiet" + }, + "field-edge-to-validation-icon-quiet": { + "value": "0px", + "prop": "--spectrum-field-edge-to-validation-icon-quiet" + }, + "field-edge-to-disclosure-icon-75": { "desktop": { - "value": "16px" + "value": "7px" }, + "prop": "--spectrum-field-edge-to-disclosure-icon-75", "mobile": { - "value": "18px" + "value": "9px" } }, - "table-row-bottom-to-text-small": { - "prop": "--spectrum-table-row-bottom-to-text-small", + "field-edge-to-disclosure-icon-100": { "desktop": { - "value": "9px" + "value": "11px" }, + "prop": "--spectrum-field-edge-to-disclosure-icon-100", "mobile": { - "value": "11px" + "value": "13px" } }, - "table-row-bottom-to-text-small-compact": { - "prop": "--spectrum-table-row-bottom-to-text-small-compact", - "ref": "var(--spectrum-component-bottom-to-text-75)", + "field-edge-to-disclosure-icon-200": { "desktop": { - "value": "5px" + "value": "14px" }, + "prop": "--spectrum-field-edge-to-disclosure-icon-200", "mobile": { - "value": "6px" + "value": "17px" } }, - "table-row-bottom-to-text-small-regular": { - "prop": "--spectrum-table-row-bottom-to-text-small-regular", - "ref": "var(--spectrum-table-row-bottom-to-text-small)", + "field-edge-to-disclosure-icon-300": { "desktop": { - "value": "9px" + "value": "17px" }, + "prop": "--spectrum-field-edge-to-disclosure-icon-300", "mobile": { - "value": "11px" + "value": "22px" } }, - "table-row-bottom-to-text-small-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-small-spacious", + "field-end-edge-to-disclosure-icon-75": { "desktop": { - "value": "13px" + "value": "7px" }, + "prop": "--spectrum-field-end-edge-to-disclosure-icon-75", "mobile": { - "value": "16px" + "value": "9px" } }, - "table-row-checkbox-to-top-extra-large": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large", + "field-end-edge-to-disclosure-icon-100": { "desktop": { - "value": "19px" + "value": "11px" }, + "prop": "--spectrum-field-end-edge-to-disclosure-icon-100", "mobile": { - "value": "26px" + "value": "13px" } }, - "table-row-checkbox-to-top-extra-large-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-compact", + "field-end-edge-to-disclosure-icon-200": { "desktop": { - "value": "15px" + "value": "14px" }, + "prop": "--spectrum-field-end-edge-to-disclosure-icon-200", "mobile": { - "value": "21px" + "value": "17px" } }, - "table-row-checkbox-to-top-extra-large-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-extra-large)", + "field-end-edge-to-disclosure-icon-300": { "desktop": { - "value": "19px" + "value": "17px" }, + "prop": "--spectrum-field-end-edge-to-disclosure-icon-300", "mobile": { - "value": "26px" + "value": "22px" } }, - "table-row-checkbox-to-top-extra-large-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-spacious", + "field-top-to-disclosure-icon-75": { "desktop": { - "value": "23px" + "value": "7px" }, + "prop": "--spectrum-field-top-to-disclosure-icon-75", "mobile": { - "value": "31px" + "value": "9px" } }, - "table-row-checkbox-to-top-large": { - "prop": "--spectrum-table-row-checkbox-to-top-large", + "field-top-to-disclosure-icon-100": { "desktop": { - "value": "16px" + "value": "11px" }, + "prop": "--spectrum-field-top-to-disclosure-icon-100", "mobile": { - "value": "22px" + "value": "13px" } }, - "table-row-checkbox-to-top-large-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-large-compact", + "field-top-to-disclosure-icon-200": { "desktop": { - "value": "12px" + "value": "14px" }, + "prop": "--spectrum-field-top-to-disclosure-icon-200", "mobile": { "value": "17px" } }, - "table-row-checkbox-to-top-large-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-large-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-large)", + "field-top-to-disclosure-icon-300": { "desktop": { - "value": "16px" + "value": "17px" }, + "prop": "--spectrum-field-top-to-disclosure-icon-300", "mobile": { "value": "22px" } }, - "table-row-checkbox-to-top-large-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-large-spacious", + "field-top-to-alert-icon-small": { "desktop": { - "value": "20px" + "value": "4px" }, + "prop": "--spectrum-field-top-to-alert-icon-small", "mobile": { - "value": "27px" + "value": "5px" } }, - "table-row-checkbox-to-top-medium": { - "prop": "--spectrum-table-row-checkbox-to-top-medium", + "field-top-to-alert-icon-medium": { "desktop": { - "value": "12px" + "value": "7px" }, + "prop": "--spectrum-field-top-to-alert-icon-medium", "mobile": { - "value": "16px" + "value": "9px" } }, - "table-row-checkbox-to-top-medium-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-compact", + "field-top-to-alert-icon-large": { "desktop": { - "value": "8px" + "value": "10px" }, + "prop": "--spectrum-field-top-to-alert-icon-large", "mobile": { - "value": "11px" + "value": "13px" } }, - "table-row-checkbox-to-top-medium-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-medium)", + "field-top-to-alert-icon-extra-large": { "desktop": { - "value": "12px" + "value": "13px" }, + "prop": "--spectrum-field-top-to-alert-icon-extra-large", "mobile": { "value": "16px" } }, - "table-row-checkbox-to-top-medium-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-spacious", + "field-top-to-validation-icon-small": { "desktop": { - "value": "16px" + "value": "7px" }, + "prop": "--spectrum-field-top-to-validation-icon-small", "mobile": { - "value": "21px" + "value": "9px" } }, - "table-row-checkbox-to-top-small": { - "prop": "--spectrum-table-row-checkbox-to-top-small", + "field-top-to-validation-icon-medium": { "desktop": { - "value": "10px" + "value": "11px" }, + "prop": "--spectrum-field-top-to-validation-icon-medium", "mobile": { + "value": "13px" + } + }, + "field-top-to-validation-icon-large": { + "desktop": { "value": "14px" + }, + "prop": "--spectrum-field-top-to-validation-icon-large", + "mobile": { + "value": "17px" } }, - "table-row-checkbox-to-top-small-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-small-compact", + "field-top-to-validation-icon-extra-large": { + "desktop": { + "value": "17px" + }, + "prop": "--spectrum-field-top-to-validation-icon-extra-large", + "mobile": { + "value": "22px" + } + }, + "field-top-to-progress-circle-small": { + "desktop": { + "value": "4px" + }, + "prop": "--spectrum-field-top-to-progress-circle-small", + "mobile": { + "value": "6px" + } + }, + "field-top-to-progress-circle-medium": { "desktop": { "value": "6px" }, + "prop": "--spectrum-field-top-to-progress-circle-medium", "mobile": { + "value": "8px" + } + }, + "field-top-to-progress-circle-large": { + "desktop": { "value": "9px" + }, + "prop": "--spectrum-field-top-to-progress-circle-large", + "mobile": { + "value": "11px" } }, - "table-row-checkbox-to-top-small-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-small-regular", - "ref": "var(--spectrum-table-row-checkbox-to-top-small)", + "field-top-to-progress-circle-extra-large": { + "desktop": { + "value": "11px" + }, + "prop": "--spectrum-field-top-to-progress-circle-extra-large", + "mobile": { + "value": "15px" + } + }, + "field-edge-to-alert-icon-small": { + "desktop": { + "value": "9px" + }, + "prop": "--spectrum-field-edge-to-alert-icon-small", + "mobile": { + "value": "11px" + } + }, + "field-edge-to-alert-icon-medium": { + "desktop": { + "value": "12px" + }, + "prop": "--spectrum-field-edge-to-alert-icon-medium", + "mobile": { + "value": "15px" + } + }, + "field-edge-to-alert-icon-large": { + "desktop": { + "value": "15px" + }, + "prop": "--spectrum-field-edge-to-alert-icon-large", + "mobile": { + "value": "19px" + } + }, + "field-edge-to-alert-icon-extra-large": { + "desktop": { + "value": "18px" + }, + "prop": "--spectrum-field-edge-to-alert-icon-extra-large", + "mobile": { + "value": "22px" + } + }, + "field-edge-to-validation-icon-small": { + "desktop": { + "value": "9px" + }, + "prop": "--spectrum-field-edge-to-validation-icon-small", + "mobile": { + "value": "11px" + } + }, + "field-edge-to-validation-icon-medium": { + "desktop": { + "value": "12px" + }, + "prop": "--spectrum-field-edge-to-validation-icon-medium", + "mobile": { + "value": "15px" + } + }, + "field-edge-to-validation-icon-large": { + "desktop": { + "value": "15px" + }, + "prop": "--spectrum-field-edge-to-validation-icon-large", + "mobile": { + "value": "19px" + } + }, + "field-edge-to-validation-icon-extra-large": { + "desktop": { + "value": "18px" + }, + "prop": "--spectrum-field-edge-to-validation-icon-extra-large", + "mobile": { + "value": "22px" + } + }, + "field-text-to-alert-icon-small": { + "desktop": { + "value": "8px" + }, + "prop": "--spectrum-field-text-to-alert-icon-small", + "mobile": { + "value": "10px" + } + }, + "field-text-to-alert-icon-medium": { + "desktop": { + "value": "12px" + }, + "prop": "--spectrum-field-text-to-alert-icon-medium", + "mobile": { + "value": "15px" + } + }, + "field-text-to-alert-icon-large": { + "desktop": { + "value": "15px" + }, + "prop": "--spectrum-field-text-to-alert-icon-large", + "mobile": { + "value": "19px" + } + }, + "field-text-to-alert-icon-extra-large": { + "desktop": { + "value": "18px" + }, + "prop": "--spectrum-field-text-to-alert-icon-extra-large", + "mobile": { + "value": "22px" + } + }, + "field-text-to-validation-icon-small": { "desktop": { + "value": "8px" + }, + "prop": "--spectrum-field-text-to-validation-icon-small", + "mobile": { "value": "10px" + } + }, + "field-text-to-validation-icon-medium": { + "desktop": { + "value": "12px" }, + "prop": "--spectrum-field-text-to-validation-icon-medium", "mobile": { - "value": "14px" + "value": "15px" } }, - "table-row-checkbox-to-top-small-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-small-spacious", + "field-text-to-validation-icon-large": { "desktop": { - "value": "14px" + "value": "15px" }, + "prop": "--spectrum-field-text-to-validation-icon-large", "mobile": { "value": "19px" } }, - "table-row-down-opacity": { - "prop": "--spectrum-table-row-down-opacity", - "value": "0.1" + "field-text-to-validation-icon-extra-large": { + "desktop": { + "value": "18px" + }, + "prop": "--spectrum-field-text-to-validation-icon-extra-large", + "mobile": { + "value": "22px" + } }, - "table-row-height-extra-large": { - "prop": "--spectrum-table-row-height-extra-large", + "field-width": { "desktop": { - "value": "56px" + "mobile": { + "value": "192px" + } }, "mobile": { - "value": "70px" + "mobile": { + "value": "240px" + } + }, + "prop": "--spectrum-field-width" + }, + "field-width-small": { + "desktop": { + "value": "192px" + }, + "mobile": { + "value": "240px" + }, + "prop": "--spectrum-field-width-small" + }, + "character-count-to-field-quiet-small": { + "desktop": { + "value": "-3px" + }, + "prop": "--spectrum-character-count-to-field-quiet-small", + "mobile": { + "value": "-4px" } }, - "table-row-height-extra-large-compact": { - "prop": "--spectrum-table-row-height-extra-large-compact", - "ref": "var(--spectrum-component-height-300)", + "character-count-to-field-quiet-medium": { "desktop": { - "value": "48px" + "value": "-3px" }, + "prop": "--spectrum-character-count-to-field-quiet-medium", "mobile": { - "value": "60px" + "value": "-4px" } }, - "table-row-height-extra-large-regular": { - "prop": "--spectrum-table-row-height-extra-large-regular", - "ref": "var(--spectrum-table-row-height-extra-large)", + "character-count-to-field-quiet-large": { "desktop": { - "value": "56px" + "value": "-3px" + }, + "prop": "--spectrum-character-count-to-field-quiet-large", + "mobile": { + "value": "-4px" + } + }, + "character-count-to-field-quiet-extra-large": { + "desktop": { + "value": "-4px" + }, + "prop": "--spectrum-character-count-to-field-quiet-extra-large", + "mobile": { + "value": "-5px" + } + }, + "side-label-character-count-to-field": { + "desktop": { + "value": "12px" + }, + "prop": "--spectrum-side-label-character-count-to-field", + "mobile": { + "value": "15px" + } + }, + "side-label-character-count-top-margin-small": { + "value": "0px", + "prop": "--spectrum-side-label-character-count-top-margin-small" + }, + "side-label-character-count-top-margin-medium": { + "value": "0px", + "prop": "--spectrum-side-label-character-count-top-margin-medium" + }, + "side-label-character-count-top-margin-large": { + "value": "0px", + "prop": "--spectrum-side-label-character-count-top-margin-large" + }, + "side-label-character-count-top-margin-extra-large": { + "value": "0px", + "prop": "--spectrum-side-label-character-count-top-margin-extra-large" + }, + "disclosure-indicator-top-to-disclosure-icon-small": { + "desktop": { + "value": "7px" + }, + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-small", + "mobile": { + "value": "9px" + } + }, + "disclosure-indicator-top-to-disclosure-icon-medium": { + "desktop": { + "value": "11px" + }, + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-medium", + "mobile": { + "value": "13px" + } + }, + "disclosure-indicator-top-to-disclosure-icon-large": { + "desktop": { + "value": "14px" + }, + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-large", + "mobile": { + "value": "17px" + } + }, + "disclosure-indicator-top-to-disclosure-icon-extra-large": { + "desktop": { + "value": "17px" + }, + "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large", + "mobile": { + "value": "22px" + } + }, + "text-underline-thickness": { + "value": "1px", + "prop": "--spectrum-text-underline-thickness" + }, + "text-underline-gap": { + "value": "1px", + "prop": "--spectrum-text-underline-gap" + }, + "navigational-indicator-top-to-back-icon-small": { + "desktop": { + "value": "6px" + }, + "prop": "--spectrum-navigational-indicator-top-to-back-icon-small", + "mobile": { + "value": "7px" + } + }, + "navigational-indicator-top-to-back-icon-medium": { + "desktop": { + "value": "9px" + }, + "prop": "--spectrum-navigational-indicator-top-to-back-icon-medium", + "mobile": { + "value": "12px" + } + }, + "navigational-indicator-top-to-back-icon-large": { + "desktop": { + "value": "12px" + }, + "prop": "--spectrum-navigational-indicator-top-to-back-icon-large", + "mobile": { + "value": "16px" + } + }, + "navigational-indicator-top-to-back-icon-extra-large": { + "desktop": { + "value": "15px" + }, + "prop": "--spectrum-navigational-indicator-top-to-back-icon-extra-large", + "mobile": { + "value": "19px" + } + }, + "color-control-track-width": { + "desktop": { + "value": "24px" + }, + "prop": "--spectrum-color-control-track-width", + "mobile": { + "value": "30px" + } + }, + "corner-triangle-icon-size-75": { + "desktop": { + "value": "5px" + }, + "prop": "--spectrum-corner-triangle-icon-size-75", + "mobile": { + "value": "6px" + } + }, + "corner-triangle-icon-size-100": { + "desktop": { + "value": "5px" + }, + "prop": "--spectrum-corner-triangle-icon-size-100", + "mobile": { + "value": "7px" + } + }, + "corner-triangle-icon-size-200": { + "desktop": { + "value": "6px" + }, + "prop": "--spectrum-corner-triangle-icon-size-200", + "mobile": { + "value": "8px" + } + }, + "corner-triangle-icon-size-300": { + "desktop": { + "value": "7px" + }, + "prop": "--spectrum-corner-triangle-icon-size-300", + "mobile": { + "value": "8px" + } + }, + "component-size-width-ratio-down": { + "value": "0.3333", + "prop": "--spectrum-component-size-width-ratio-down" + }, + "component-size-minimum-perspective-down": { + "value": "24px", + "prop": "--spectrum-component-size-minimum-perspective-down" + }, + "component-size-difference-down": { + "value": "-2px", + "prop": "--spectrum-component-size-difference-down" + }, + "corner-radius-none": { + "value": "0px", + "prop": "--spectrum-corner-radius-none" + }, + "corner-radius-small-default": { + "value": "4px", + "prop": "--spectrum-corner-radius-small-default" + }, + "corner-radius-medium-default": { + "value": "8px", + "prop": "--spectrum-corner-radius-medium-default" + }, + "corner-radius-large-default": { + "value": "10px", + "prop": "--spectrum-corner-radius-large-default" + }, + "corner-radius-extra-large-default": { + "value": "16px", + "prop": "--spectrum-corner-radius-extra-large-default" + }, + "corner-radius-full": { + "value": "9999px", + "prop": "--spectrum-corner-radius-full" + }, + "corner-radius-small-size-small": { + "value": "3px", + "prop": "--spectrum-corner-radius-small-size-small" + }, + "corner-radius-small-size-medium": { + "value": "4px", + "prop": "--spectrum-corner-radius-small-size-medium" + }, + "corner-radius-small-size-large": { + "value": "5px", + "prop": "--spectrum-corner-radius-small-size-large" + }, + "corner-radius-small-size-extra-large": { + "value": "6px", + "prop": "--spectrum-corner-radius-small-size-extra-large" + }, + "corner-radius-medium-size-extra-small": { + "value": "6px", + "prop": "--spectrum-corner-radius-medium-size-extra-small" + }, + "corner-radius-medium-size-small": { + "value": "7px", + "prop": "--spectrum-corner-radius-medium-size-small" + }, + "corner-radius-medium-size-medium": { + "value": "8px", + "prop": "--spectrum-corner-radius-medium-size-medium" + }, + "corner-radius-medium-size-large": { + "value": "9px", + "prop": "--spectrum-corner-radius-medium-size-large" + }, + "corner-radius-medium-size-extra-large": { + "value": "10px", + "prop": "--spectrum-corner-radius-medium-size-extra-large" + }, + "field-width-medium": { + "desktop": { + "value": "208px" + }, + "mobile": { + "value": "256px" + }, + "prop": "--spectrum-field-width-medium" + }, + "field-width-large": { + "desktop": { + "value": "224px" + }, + "mobile": { + "value": "272px" + }, + "prop": "--spectrum-field-width-large" + }, + "field-width-extra-large": { + "desktop": { + "value": "240px" + }, + "mobile": { + "value": "288px" + }, + "prop": "--spectrum-field-width-extra-large" + }, + "drop-shadow-x-100": { + "value": "0px", + "prop": "--spectrum-drop-shadow-x-100" + }, + "drop-shadow-x-200": { + "value": "0px", + "prop": "--spectrum-drop-shadow-x-200" + }, + "drop-shadow-x-300": { + "value": "0px", + "prop": "--spectrum-drop-shadow-x-300" + }, + "drop-shadow-y-100": { + "value": "1px", + "prop": "--spectrum-drop-shadow-y-100" + }, + "drop-shadow-y-200": { + "value": "2px", + "prop": "--spectrum-drop-shadow-y-200" + }, + "drop-shadow-y-300": { + "value": "6px", + "prop": "--spectrum-drop-shadow-y-300" + }, + "drop-shadow-blur-100": { + "value": "6px", + "prop": "--spectrum-drop-shadow-blur-100" + }, + "drop-shadow-blur-200": { + "value": "8px", + "prop": "--spectrum-drop-shadow-blur-200" + }, + "drop-shadow-blur-300": { + "value": "16px", + "prop": "--spectrum-drop-shadow-blur-300" + }, + "drop-shadow-emphasized-default-x": { + "value": "0px", + "prop": "--spectrum-drop-shadow-emphasized-default-x" + }, + "drop-shadow-emphasized-default-y": { + "value": "1px", + "prop": "--spectrum-drop-shadow-emphasized-default-y" + }, + "drop-shadow-emphasized-default-blur": { + "value": "6px", + "prop": "--spectrum-drop-shadow-emphasized-default-blur" + }, + "drop-shadow-emphasized-hover-x": { + "value": "0px", + "prop": "--spectrum-drop-shadow-emphasized-hover-x" + }, + "drop-shadow-emphasized-hover-y": { + "value": "2px", + "prop": "--spectrum-drop-shadow-emphasized-hover-y" + }, + "drop-shadow-emphasized-hover-blur": { + "value": "8px", + "prop": "--spectrum-drop-shadow-emphasized-hover-blur" + }, + "drop-shadow-elevated-x": { + "value": "0px", + "prop": "--spectrum-drop-shadow-elevated-x" + }, + "drop-shadow-elevated-y": { + "value": "2px", + "prop": "--spectrum-drop-shadow-elevated-y" + }, + "drop-shadow-elevated-blur": { + "value": "8px", + "prop": "--spectrum-drop-shadow-elevated-blur" + }, + "drop-shadow-dragged-x": { + "value": "0px", + "prop": "--spectrum-drop-shadow-dragged-x" + }, + "drop-shadow-dragged-y": { + "value": "6px", + "prop": "--spectrum-drop-shadow-dragged-y" + }, + "drop-shadow-dragged-blur": { + "value": "16px", + "prop": "--spectrum-drop-shadow-dragged-blur" + }, + "gradient-stop-1-genai": { + "value": "0", + "prop": "--spectrum-gradient-stop-1-genai" + }, + "gradient-stop-2-genai": { + "value": "0.3333", + "prop": "--spectrum-gradient-stop-2-genai" + }, + "gradient-stop-3-genai": { + "value": "1", + "prop": "--spectrum-gradient-stop-3-genai" + }, + "gradient-stop-1-premium": { + "value": "0", + "prop": "--spectrum-gradient-stop-1-premium" + }, + "gradient-stop-2-premium": { + "value": "0.6666", + "prop": "--spectrum-gradient-stop-2-premium" + }, + "gradient-stop-3-premium": { + "value": "1", + "prop": "--spectrum-gradient-stop-3-premium" + }, + "window-to-edge": { + "value": "40px", + "prop": "--spectrum-window-to-edge" + }, + "component-size-maximum-perspective-down": { + "value": "96px", + "prop": "--spectrum-component-size-maximum-perspective-down" + }, + "field-top-to-disclosure-icon-compact-small": { + "desktop": { + "value": "7px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-compact-small", + "mobile": { + "value": "9px" + } + }, + "field-top-to-disclosure-icon-small": { + "desktop": { + "value": "11px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-small", + "mobile": { + "value": "13px" + } + }, + "field-top-to-disclosure-icon-spacious-small": { + "desktop": { + "value": "15px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-small", + "mobile": { + "value": "18px" + } + }, + "field-top-to-disclosure-icon-compact-medium": { + "desktop": { + "value": "11px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-compact-medium", + "mobile": { + "value": "13px" + } + }, + "field-top-to-disclosure-icon-medium": { + "desktop": { + "value": "15px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-medium", + "mobile": { + "value": "18px" + } + }, + "field-top-to-disclosure-icon-spacious-medium": { + "desktop": { + "value": "19px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-medium", + "mobile": { + "value": "23px" + } + }, + "field-top-to-disclosure-icon-compact-large": { + "desktop": { + "value": "14px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-compact-large", + "mobile": { + "value": "17px" + } + }, + "field-top-to-disclosure-icon-large": { + "desktop": { + "value": "18px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-large", + "mobile": { + "value": "22px" + } + }, + "field-top-to-disclosure-icon-spacious-large": { + "desktop": { + "value": "22px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-large", + "mobile": { + "value": "27px" + } + }, + "field-top-to-disclosure-icon-compact-extra-large": { + "desktop": { + "value": "17px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-compact-extra-large", + "mobile": { + "value": "21px" + } + }, + "field-top-to-disclosure-icon-extra-large": { + "desktop": { + "value": "21px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-extra-large", + "mobile": { + "value": "26px" + } + }, + "field-top-to-disclosure-icon-spacious-extra-large": { + "desktop": { + "value": "25px" + }, + "prop": "--spectrum-field-top-to-disclosure-icon-spacious-extra-large", + "mobile": { + "value": "31px" + } + }, + "component-padding-vertical-50": { + "desktop": { + "value": "3px" + }, + "prop": "--spectrum-component-padding-vertical-50", + "mobile": { + "value": "5px" + } + }, + "component-padding-vertical-75": { + "desktop": { + "value": "4px" + }, + "prop": "--spectrum-component-padding-vertical-75", + "mobile": { + "value": "5px" + } + }, + "component-padding-vertical-100": { + "desktop": { + "value": "7px" + }, + "prop": "--spectrum-component-padding-vertical-100", + "mobile": { + "value": "9px" + } + }, + "component-padding-vertical-200": { + "desktop": { + "value": "10px" + }, + "prop": "--spectrum-component-padding-vertical-200", + "mobile": { + "value": "13px" + } + }, + "component-padding-vertical-300": { + "desktop": { + "value": "13px" + }, + "prop": "--spectrum-component-padding-vertical-300", + "mobile": { + "value": "17px" + } + }, + "accent-color-100": { + "light": { + "value": "rgb(245, 249, 255)" + }, + "dark": { + "value": "rgb(14, 23, 63)" + }, + "wireframe": { + "value": "rgb(246, 248, 252)" + }, + "prop": "--spectrum-accent-color-100" + }, + "accent-color-200": { + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(15, 28, 82)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-accent-color-200" + }, + "accent-color-300": { + "light": { + "value": "rgb(203, 226, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + }, + "wireframe": { + "value": "rgb(216, 224, 242)" + }, + "prop": "--spectrum-accent-color-300" + }, + "accent-color-400": { + "light": { + "value": "rgb(172, 207, 253)" + }, + "dark": { + "value": "rgb(18, 45, 154)" + }, + "wireframe": { + "value": "rgb(192, 205, 234)" + }, + "prop": "--spectrum-accent-color-400" + }, + "accent-color-500": { + "light": { + "value": "rgb(142, 185, 252)" + }, + "dark": { + "value": "rgb(26, 58, 195)" + }, + "wireframe": { + "value": "rgb(164, 183, 225)" + }, + "prop": "--spectrum-accent-color-500" + }, + "accent-color-600": { + "light": { + "value": "rgb(114, 158, 253)" + }, + "dark": { + "value": "rgb(37, 73, 229)" + }, + "wireframe": { + "value": "rgb(135, 160, 215)" + }, + "prop": "--spectrum-accent-color-600" + }, + "accent-color-700": { + "light": { + "value": "rgb(93, 137, 255)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + }, + "wireframe": { + "value": "rgb(113, 142, 208)" + }, + "prop": "--spectrum-accent-color-700" + }, + "accent-color-800": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-accent-color-800" + }, + "accent-color-900": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-accent-color-900" + }, + "accent-color-1000": { + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-accent-color-1000" + }, + "accent-color-1100": { + "light": { + "value": "rgb(29, 62, 207)" + }, + "dark": { + "value": "rgb(124, 169, 252)" + }, + "wireframe": { + "value": "rgb(52, 79, 140)" + }, + "prop": "--spectrum-accent-color-1100" + }, + "accent-color-1200": { + "light": { + "value": "rgb(21, 50, 173)" + }, + "dark": { + "value": "rgb(152, 192, 252)" + }, + "wireframe": { + "value": "rgb(42, 65, 114)" + }, + "prop": "--spectrum-accent-color-1200" + }, + "accent-color-1300": { + "light": { + "value": "rgb(16, 40, 140)" + }, + "dark": { + "value": "rgb(181, 213, 253)" + }, + "wireframe": { + "value": "rgb(34, 51, 91)" + }, + "prop": "--spectrum-accent-color-1300" + }, + "accent-color-1400": { + "light": { + "value": "rgb(12, 31, 105)" + }, + "dark": { + "value": "rgb(213, 231, 254)" + }, + "wireframe": { + "value": "rgb(25, 39, 69)" + }, + "prop": "--spectrum-accent-color-1400" + }, + "accent-color-1500": { + "dark": { + "value": "rgb(238, 245, 255)" + }, + "light": { + "value": "rgb(14, 24, 67)" + }, + "wireframe": { + "value": "rgb(18, 27, 48)" + }, + "prop": "--spectrum-accent-color-1500" + }, + "accent-color-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(7, 11, 30)" + }, + "wireframe": { + "value": "rgb(8, 12, 22)" + }, + "prop": "--spectrum-accent-color-1600" + }, + "informative-color-100": { + "light": { + "value": "rgb(245, 249, 255)" + }, + "dark": { + "value": "rgb(14, 23, 63)" + }, + "wireframe": { + "value": "rgb(246, 248, 252)" + }, + "prop": "--spectrum-informative-color-100" + }, + "informative-color-200": { + "light": { + "value": "rgb(229, 240, 254)" + }, + "dark": { + "value": "rgb(15, 28, 82)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-informative-color-200" + }, + "informative-color-300": { + "light": { + "value": "rgb(203, 226, 254)" + }, + "dark": { + "value": "rgb(12, 33, 117)" + }, + "wireframe": { + "value": "rgb(216, 224, 242)" + }, + "prop": "--spectrum-informative-color-300" + }, + "informative-color-400": { + "light": { + "value": "rgb(172, 207, 253)" + }, + "dark": { + "value": "rgb(18, 45, 154)" + }, + "wireframe": { + "value": "rgb(192, 205, 234)" + }, + "prop": "--spectrum-informative-color-400" + }, + "informative-color-500": { + "light": { + "value": "rgb(142, 185, 252)" + }, + "dark": { + "value": "rgb(26, 58, 195)" + }, + "wireframe": { + "value": "rgb(164, 183, 225)" + }, + "prop": "--spectrum-informative-color-500" + }, + "informative-color-600": { + "light": { + "value": "rgb(114, 158, 253)" + }, + "dark": { + "value": "rgb(37, 73, 229)" + }, + "wireframe": { + "value": "rgb(135, 160, 215)" + }, + "prop": "--spectrum-informative-color-600" + }, + "informative-color-700": { + "light": { + "value": "rgb(93, 137, 255)" + }, + "dark": { + "value": "rgb(52, 91, 248)" + }, + "wireframe": { + "value": "rgb(113, 142, 208)" + }, + "prop": "--spectrum-informative-color-700" + }, + "informative-color-800": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-informative-color-800" + }, + "informative-color-900": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-informative-color-900" + }, + "informative-color-1000": { + "light": { + "value": "rgb(39, 77, 234)" + }, + "dark": { + "value": "rgb(105, 149, 254)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-informative-color-1000" + }, + "informative-color-1100": { + "light": { + "value": "rgb(29, 62, 207)" + }, + "dark": { + "value": "rgb(124, 169, 252)" + }, + "wireframe": { + "value": "rgb(52, 79, 140)" + }, + "prop": "--spectrum-informative-color-1100" + }, + "informative-color-1200": { + "light": { + "value": "rgb(21, 50, 173)" + }, + "dark": { + "value": "rgb(152, 192, 252)" + }, + "wireframe": { + "value": "rgb(42, 65, 114)" + }, + "prop": "--spectrum-informative-color-1200" + }, + "informative-color-1300": { + "light": { + "value": "rgb(16, 40, 140)" + }, + "dark": { + "value": "rgb(181, 213, 253)" + }, + "wireframe": { + "value": "rgb(34, 51, 91)" + }, + "prop": "--spectrum-informative-color-1300" + }, + "informative-color-1400": { + "light": { + "value": "rgb(12, 31, 105)" + }, + "dark": { + "value": "rgb(213, 231, 254)" + }, + "wireframe": { + "value": "rgb(25, 39, 69)" + }, + "prop": "--spectrum-informative-color-1400" + }, + "informative-color-1500": { + "dark": { + "value": "rgb(238, 245, 255)" + }, + "light": { + "value": "rgb(14, 24, 67)" + }, + "wireframe": { + "value": "rgb(18, 27, 48)" + }, + "prop": "--spectrum-informative-color-1500" + }, + "informative-color-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(7, 11, 30)" + }, + "wireframe": { + "value": "rgb(8, 12, 22)" + }, + "prop": "--spectrum-informative-color-1600" + }, + "negative-color-100": { + "light": { + "value": "rgb(255, 246, 245)" + }, + "dark": { + "value": "rgb(54, 10, 3)" + }, + "wireframe": { + "value": "rgb(246, 248, 252)" + }, + "prop": "--spectrum-negative-color-100" + }, + "negative-color-200": { + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(68, 13, 5)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-negative-color-200" + }, + "negative-color-300": { + "light": { + "value": "rgb(255, 214, 209)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + }, + "wireframe": { + "value": "rgb(216, 224, 242)" + }, + "prop": "--spectrum-negative-color-300" + }, + "negative-color-400": { + "light": { + "value": "rgb(255, 188, 180)" + }, + "dark": { + "value": "rgb(115, 24, 11)" + }, + "wireframe": { + "value": "rgb(192, 205, 234)" + }, + "prop": "--spectrum-negative-color-400" + }, + "negative-color-500": { + "light": { + "value": "rgb(255, 157, 145)" + }, + "dark": { + "value": "rgb(147, 31, 17)" + }, + "wireframe": { + "value": "rgb(164, 183, 225)" + }, + "prop": "--spectrum-negative-color-500" + }, + "negative-color-600": { + "light": { + "value": "rgb(255, 118, 101)" + }, + "dark": { + "value": "rgb(177, 38, 23)" + }, + "wireframe": { + "value": "rgb(135, 160, 215)" + }, + "prop": "--spectrum-negative-color-600" + }, + "negative-color-700": { + "light": { + "value": "rgb(255, 81, 61)" + }, + "dark": { + "value": "rgb(205, 46, 29)" + }, + "wireframe": { + "value": "rgb(113, 142, 208)" + }, + "prop": "--spectrum-negative-color-700" + }, + "negative-color-800": { + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-negative-color-800" + }, + "negative-color-900": { + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-negative-color-900" + }, + "negative-color-1000": { + "light": { + "value": "rgb(183, 40, 24)" + }, + "dark": { + "value": "rgb(255, 103, 86)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-negative-color-1000" + }, + "negative-color-1100": { + "light": { + "value": "rgb(156, 33, 19)" + }, + "dark": { + "value": "rgb(255, 134, 120)" + }, + "wireframe": { + "value": "rgb(52, 79, 140)" + }, + "prop": "--spectrum-negative-color-1100" + }, + "negative-color-1200": { + "light": { + "value": "rgb(129, 27, 14)" + }, + "dark": { + "value": "rgb(255, 167, 157)" + }, + "wireframe": { + "value": "rgb(42, 65, 114)" + }, + "prop": "--spectrum-negative-color-1200" + }, + "negative-color-1300": { + "light": { + "value": "rgb(104, 21, 10)" + }, + "dark": { + "value": "rgb(255, 196, 189)" + }, + "wireframe": { + "value": "rgb(34, 51, 91)" + }, + "prop": "--spectrum-negative-color-1300" + }, + "negative-color-1400": { + "light": { + "value": "rgb(80, 16, 6)" + }, + "dark": { + "value": "rgb(255, 222, 219)" + }, + "wireframe": { + "value": "rgb(25, 39, 69)" + }, + "prop": "--spectrum-negative-color-1400" + }, + "negative-color-1500": { + "dark": { + "value": "rgb(255, 242, 240)" + }, + "light": { + "value": "rgb(59, 11, 4)" + }, + "wireframe": { + "value": "rgb(18, 27, 48)" + }, + "prop": "--spectrum-negative-color-1500" + }, + "negative-color-1600": { + "dark": { + "value": "rgb(255, 255, 255)" + }, + "light": { + "value": "rgb(29, 5, 2)" + }, + "wireframe": { + "value": "rgb(8, 12, 22)" + }, + "prop": "--spectrum-negative-color-1600" + }, + "notice-color-100": { + "light": { + "value": "rgb(255, 246, 231)" + }, + "dark": { + "value": "rgb(49, 16, 0)" + }, + "wireframe": { + "value": "rgb(246, 248, 252)" + }, + "prop": "--spectrum-notice-color-100" + }, + "notice-color-200": { + "light": { + "value": "rgb(255, 236, 207)" + }, + "dark": { + "value": "rgb(61, 21, 0)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-notice-color-200" + }, + "notice-color-300": { + "light": { + "value": "rgb(255, 218, 158)" + }, + "dark": { + "value": "rgb(80, 27, 0)" + }, + "wireframe": { + "value": "rgb(216, 224, 242)" + }, + "prop": "--spectrum-notice-color-300" + }, + "notice-color-400": { + "light": { + "value": "rgb(255, 193, 94)" + }, + "dark": { + "value": "rgb(106, 36, 0)" + }, + "wireframe": { + "value": "rgb(192, 205, 234)" + }, + "prop": "--spectrum-notice-color-400" + }, + "notice-color-500": { + "light": { + "value": "rgb(255, 162, 19)" + }, + "dark": { + "value": "rgb(135, 47, 0)" + }, + "wireframe": { + "value": "rgb(164, 183, 225)" + }, + "prop": "--spectrum-notice-color-500" + }, + "notice-color-600": { + "light": { + "value": "rgb(252, 125, 0)" + }, + "dark": { + "value": "rgb(162, 59, 0)" + }, + "wireframe": { + "value": "rgb(135, 160, 215)" + }, + "prop": "--spectrum-notice-color-600" + }, + "notice-color-700": { + "light": { + "value": "rgb(232, 106, 0)" + }, + "dark": { + "value": "rgb(185, 73, 0)" + }, + "wireframe": { + "value": "rgb(113, 142, 208)" + }, + "prop": "--spectrum-notice-color-700" + }, + "notice-color-800": { + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(199, 82, 0)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-notice-color-800" + }, + "notice-color-900": { + "light": { + "value": "rgb(194, 78, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-notice-color-900" + }, + "notice-color-1000": { + "light": { + "value": "rgb(167, 62, 0)" + }, + "dark": { + "value": "rgb(243, 117, 0)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-notice-color-1000" + }, + "notice-color-1100": { + "light": { + "value": "rgb(144, 51, 0)" + }, + "dark": { + "value": "rgb(255, 137, 0)" + }, + "wireframe": { + "value": "rgb(52, 79, 140)" + }, + "prop": "--spectrum-notice-color-1100" + }, + "notice-color-1200": { + "light": { + "value": "rgb(118, 41, 0)" + }, + "dark": { + "value": "rgb(255, 173, 45)" }, - "mobile": { - "value": "70px" - } - }, - "table-row-height-extra-large-spacious": { - "prop": "--spectrum-table-row-height-extra-large-spacious", - "desktop": { - "value": "64px" + "wireframe": { + "value": "rgb(42, 65, 114)" }, - "mobile": { - "value": "80px" - } + "prop": "--spectrum-notice-color-1200" }, - "table-row-height-large": { - "prop": "--spectrum-table-row-height-large", - "desktop": { - "value": "48px" + "notice-color-1300": { + "light": { + "value": "rgb(95, 32, 0)" }, - "mobile": { - "value": "60px" - } + "dark": { + "value": "rgb(255, 201, 116)" + }, + "wireframe": { + "value": "rgb(34, 51, 91)" + }, + "prop": "--spectrum-notice-color-1300" }, - "table-row-height-large-compact": { - "prop": "--spectrum-table-row-height-large-compact", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" + "notice-color-1400": { + "light": { + "value": "rgb(73, 24, 0)" }, - "mobile": { - "value": "50px" - } + "dark": { + "value": "rgb(255, 225, 178)" + }, + "wireframe": { + "value": "rgb(25, 39, 69)" + }, + "prop": "--spectrum-notice-color-1400" }, - "table-row-height-large-regular": { - "prop": "--spectrum-table-row-height-large-regular", - "ref": "var(--spectrum-table-row-height-large)", - "desktop": { - "value": "48px" + "notice-color-1500": { + "dark": { + "value": "rgb(255, 243, 225)" }, - "mobile": { - "value": "60px" - } + "light": { + "value": "rgb(52, 18, 0)" + }, + "wireframe": { + "value": "rgb(18, 27, 48)" + }, + "prop": "--spectrum-notice-color-1500" }, - "table-row-height-large-spacious": { - "prop": "--spectrum-table-row-height-large-spacious", - "desktop": { - "value": "56px" + "notice-color-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "70px" - } + "light": { + "value": "rgb(25, 8, 0)" + }, + "wireframe": { + "value": "rgb(8, 12, 22)" + }, + "prop": "--spectrum-notice-color-1600" }, - "table-row-height-medium": { - "prop": "--spectrum-table-row-height-medium", - "desktop": { - "value": "40px" + "positive-color-100": { + "light": { + "value": "rgb(237, 252, 241)" }, - "mobile": { - "value": "50px" - } + "dark": { + "value": "rgb(0, 30, 23)" + }, + "wireframe": { + "value": "rgb(246, 248, 252)" + }, + "prop": "--spectrum-positive-color-100" }, - "table-row-height-medium-compact": { - "prop": "--spectrum-table-row-height-medium-compact", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" + "positive-color-200": { + "light": { + "value": "rgb(215, 247, 225)" }, - "mobile": { - "value": "40px" - } + "dark": { + "value": "rgb(0, 38, 29)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + }, + "prop": "--spectrum-positive-color-200" }, - "table-row-height-medium-regular": { - "prop": "--spectrum-table-row-height-medium-regular", - "ref": "var(--spectrum-table-row-height-medium)", - "desktop": { - "value": "40px" + "positive-color-300": { + "light": { + "value": "rgb(173, 238, 197)" }, - "mobile": { - "value": "50px" - } + "dark": { + "value": "rgb(0, 51, 38)" + }, + "wireframe": { + "value": "rgb(216, 224, 242)" + }, + "prop": "--spectrum-positive-color-300" }, - "table-row-height-medium-spacious": { - "prop": "--spectrum-table-row-height-medium-spacious", - "desktop": { - "value": "48px" + "positive-color-400": { + "light": { + "value": "rgb(107, 227, 162)" }, - "mobile": { - "value": "60px" - } + "dark": { + "value": "rgb(0, 68, 48)" + }, + "wireframe": { + "value": "rgb(192, 205, 234)" + }, + "prop": "--spectrum-positive-color-400" }, - "table-row-height-small": { - "prop": "--spectrum-table-row-height-small", - "desktop": { - "value": "32px" + "positive-color-500": { + "light": { + "value": "rgb(43, 209, 125)" }, - "mobile": { - "value": "40px" - } + "dark": { + "value": "rgb(2, 87, 58)" + }, + "wireframe": { + "value": "rgb(164, 183, 225)" + }, + "prop": "--spectrum-positive-color-500" }, - "table-row-height-small-compact": { - "prop": "--spectrum-table-row-height-small-compact", - "ref": "var(--spectrum-component-height-75)", - "desktop": { - "value": "24px" + "positive-color-600": { + "light": { + "value": "rgb(18, 184, 103)" }, - "mobile": { - "value": "30px" - } + "dark": { + "value": "rgb(3, 106, 67)" + }, + "wireframe": { + "value": "rgb(135, 160, 215)" + }, + "prop": "--spectrum-positive-color-600" }, - "table-row-height-small-regular": { - "prop": "--spectrum-table-row-height-small-regular", - "ref": "var(--spectrum-table-row-height-small)", - "desktop": { - "value": "32px" + "positive-color-700": { + "light": { + "value": "rgb(11, 164, 93)" }, - "mobile": { - "value": "40px" - } + "dark": { + "value": "rgb(4, 124, 75)" + }, + "wireframe": { + "value": "rgb(113, 142, 208)" + }, + "prop": "--spectrum-positive-color-700" }, - "table-row-height-small-spacious": { - "prop": "--spectrum-table-row-height-small-spacious", - "desktop": { - "value": "40px" + "positive-color-800": { + "light": { + "value": "rgb(7, 147, 85)" }, - "mobile": { - "value": "50px" - } + "dark": { + "value": "rgb(6, 136, 80)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + }, + "prop": "--spectrum-positive-color-800" }, - "table-row-hover-color": { - "prop": "--spectrum-table-row-hover-color", - "ref": "var(--spectrum-gray-900)", + "positive-color-900": { "light": { - "value": "rgb(19, 19, 19)" + "value": "rgb(5, 131, 78)" }, "dark": { - "value": "rgb(242, 242, 242)" - } + "value": "rgb(9, 157, 89)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + }, + "prop": "--spectrum-positive-color-900" }, - "table-row-hover-opacity": { - "prop": "--spectrum-table-row-hover-opacity", - "value": "0.07" + "positive-color-1000": { + "light": { + "value": "rgb(3, 110, 69)" + }, + "dark": { + "value": "rgb(14, 175, 98)" + }, + "wireframe": { + "value": "rgb(61, 94, 165)" + }, + "prop": "--spectrum-positive-color-1000" }, - "table-row-top-to-text-extra-large": { - "prop": "--spectrum-table-row-top-to-text-extra-large", - "desktop": { - "value": "17px" + "positive-color-1100": { + "light": { + "value": "rgb(2, 93, 60)" }, - "mobile": { - "value": "21px" - } + "dark": { + "value": "rgb(24, 193, 110)" + }, + "wireframe": { + "value": "rgb(52, 79, 140)" + }, + "prop": "--spectrum-positive-color-1100" }, - "table-row-top-to-text-extra-large-compact": { - "prop": "--spectrum-table-row-top-to-text-extra-large-compact", - "ref": "var(--spectrum-component-top-to-text-300)", - "desktop": { - "value": "12px" + "positive-color-1200": { + "light": { + "value": "rgb(1, 76, 52)" }, - "mobile": { - "value": "15px" - } + "dark": { + "value": "rgb(57, 215, 134)" + }, + "wireframe": { + "value": "rgb(42, 65, 114)" + }, + "prop": "--spectrum-positive-color-1200" }, - "table-row-top-to-text-extra-large-regular": { - "prop": "--spectrum-table-row-top-to-text-extra-large-regular", - "ref": "var(--spectrum-table-row-top-to-text-extra-large)", - "desktop": { - "value": "17px" + "positive-color-1300": { + "light": { + "value": "rgb(0, 61, 44)" }, - "mobile": { - "value": "21px" - } + "dark": { + "value": "rgb(126, 231, 172)" + }, + "wireframe": { + "value": "rgb(34, 51, 91)" + }, + "prop": "--spectrum-positive-color-1300" }, - "table-row-top-to-text-extra-large-spacious": { - "prop": "--spectrum-table-row-top-to-text-extra-large-spacious", - "desktop": { - "value": "21px" + "positive-color-1400": { + "light": { + "value": "rgb(0, 46, 34)" }, - "mobile": { - "value": "26px" - } + "dark": { + "value": "rgb(189, 241, 208)" + }, + "wireframe": { + "value": "rgb(25, 39, 69)" + }, + "prop": "--spectrum-positive-color-1400" }, - "table-row-top-to-text-large": { - "prop": "--spectrum-table-row-top-to-text-large", - "desktop": { - "value": "14px" + "positive-color-1500": { + "dark": { + "value": "rgb(229, 250, 236)" + }, + "light": { + "value": "rgb(0, 33, 25)" + }, + "wireframe": { + "value": "rgb(18, 27, 48)" }, - "mobile": { - "value": "18px" - } + "prop": "--spectrum-positive-color-1500" }, - "table-row-top-to-text-large-compact": { - "prop": "--spectrum-table-row-top-to-text-large-compact", - "ref": "var(--spectrum-component-top-to-text-200)", - "desktop": { - "value": "9px" + "positive-color-1600": { + "dark": { + "value": "rgb(255, 255, 255)" }, - "mobile": { - "value": "12px" - } - }, - "table-row-top-to-text-large-regular": { - "prop": "--spectrum-table-row-top-to-text-large-regular", - "ref": "var(--spectrum-table-row-top-to-text-large)", - "desktop": { - "value": "14px" + "light": { + "value": "rgb(0, 15, 12)" }, - "mobile": { - "value": "18px" - } - }, - "table-row-top-to-text-large-spacious": { - "prop": "--spectrum-table-row-top-to-text-large-spacious", - "desktop": { - "value": "18px" + "wireframe": { + "value": "rgb(8, 12, 22)" }, - "mobile": { - "value": "23px" - } + "prop": "--spectrum-positive-color-1600" }, - "table-row-top-to-text-medium": { - "prop": "--spectrum-table-row-top-to-text-medium", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } + "negative-subdued-background-color-default": { + "light": { + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(68, 13, 5)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + } + }, + "dark": { + "light": { + "value": "rgb(255, 214, 209)" + }, + "dark": { + "value": "rgb(87, 17, 7)" + }, + "wireframe": { + "value": "rgb(216, 224, 242)" + } + }, + "wireframe": { + "light": { + "value": "rgb(255, 235, 232)" + }, + "dark": { + "value": "rgb(68, 13, 5)" + }, + "wireframe": { + "value": "rgb(235, 239, 248)" + } + }, + "prop": "--spectrum-negative-subdued-background-color-default" }, - "table-row-top-to-text-medium-compact": { - "prop": "--spectrum-table-row-top-to-text-medium-compact", - "ref": "var(--spectrum-component-top-to-text-100)", - "desktop": { - "value": "6px" + "negative-subdued-background-color-hover": { + "light": { + "value": "rgb(255, 214, 209)" }, - "mobile": { - "value": "8px" - } - }, - "table-row-top-to-text-medium-regular": { - "prop": "--spectrum-table-row-top-to-text-medium-regular", - "ref": "var(--spectrum-table-row-top-to-text-medium)", - "desktop": { - "value": "10px" + "dark": { + "value": "rgb(87, 17, 7)" }, - "mobile": { - "value": "14px" - } - }, - "table-row-top-to-text-medium-spacious": { - "prop": "--spectrum-table-row-top-to-text-medium-spacious", - "desktop": { - "value": "15px" + "wireframe": { + "value": "rgb(216, 224, 242)" }, - "mobile": { - "value": "16px" - } + "prop": "--spectrum-negative-subdued-background-color-hover" }, - "table-row-top-to-text-small": { - "prop": "--spectrum-table-row-top-to-text-small", - "desktop": { - "value": "8px" + "negative-subdued-background-color-down": { + "light": { + "value": "rgb(255, 214, 209)" }, - "mobile": { - "value": "10px" - } - }, - "table-row-top-to-text-small-compact": { - "prop": "--spectrum-table-row-top-to-text-small-compact", - "ref": "var(--spectrum-component-top-to-text-75)", - "desktop": { - "value": "4px" + "dark": { + "value": "rgb(87, 17, 7)" }, - "mobile": { - "value": "5px" - } - }, - "table-row-top-to-text-small-regular": { - "prop": "--spectrum-table-row-top-to-text-small-regular", - "ref": "var(--spectrum-table-row-top-to-text-small)", - "desktop": { - "value": "8px" + "wireframe": { + "value": "rgb(216, 224, 242)" }, - "mobile": { - "value": "10px" - } + "prop": "--spectrum-negative-subdued-background-color-down" }, - "table-row-top-to-text-small-spacious": { - "prop": "--spectrum-table-row-top-to-text-small-spacious", - "desktop": { - "value": "12px" + "negative-subdued-background-color-key-focus": { + "light": { + "value": "rgb(255, 214, 209)" }, - "mobile": { - "value": "15px" - } + "dark": { + "value": "rgb(87, 17, 7)" + }, + "wireframe": { + "value": "rgb(216, 224, 242)" + }, + "prop": "--spectrum-negative-subdued-background-color-key-focus" }, - "table-section-header-row-height-extra-large": { - "prop": "--spectrum-table-section-header-row-height-extra-large", - "desktop": { - "value": "48px" + "informative-subtle-background-color-default": { + "light": { + "dark": { + "value": "rgb(203, 226, 254)" + } }, - "mobile": { - "value": "60px" - } + "dark": { + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-informative-subtle-background-color-default" }, - "table-section-header-row-height-large": { - "prop": "--spectrum-table-section-header-row-height-large", - "desktop": { - "value": "40px" + "positive-subtle-background-color-default": { + "light": { + "dark": { + "value": "rgb(173, 238, 197)" + } }, - "mobile": { - "value": "50px" - } + "dark": { + "dark": { + "value": "rgb(0, 51, 38)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-positive-subtle-background-color-default" }, - "table-section-header-row-height-medium": { - "prop": "--spectrum-table-section-header-row-height-medium", - "desktop": { - "value": "32px" + "notice-subtle-background-color-default": { + "light": { + "dark": { + "value": "rgb(255, 218, 158)" + } }, - "mobile": { - "value": "40px" - } + "dark": { + "dark": { + "value": "rgb(80, 27, 0)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-notice-subtle-background-color-default" }, - "table-section-header-row-height-small": { - "prop": "--spectrum-table-section-header-row-height-small", - "desktop": { - "value": "24px" + "negative-subtle-background-color-default": { + "light": { + "dark": { + "value": "rgb(255, 214, 209)" + } }, - "mobile": { - "value": "30px" - } + "dark": { + "dark": { + "value": "rgb(87, 17, 7)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-negative-subtle-background-color-default" }, - "table-selected-row-background-color": { - "prop": "--spectrum-table-selected-row-background-color", - "ref": "var(--spectrum-informative-background-color-default)" + "icon-color-informative": { + "light": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "dark": { + "light": { + "value": "rgb(59, 99, 251)" + }, + "dark": { + "value": "rgb(86, 129, 255)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "wireframe": { + "light": { + "value": "rgb(75, 117, 255)" + }, + "dark": { + "value": "rgb(64, 105, 253)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-informative" }, - "table-selected-row-background-color-non-emphasized": { - "prop": "--spectrum-table-selected-row-background-color-non-emphasized", - "ref": "var(--spectrum-neutral-background-color-selected-default)", + "icon-color-neutral": { "light": { - "value": "rgb(41, 41, 41)" + "light": { + "value": "rgb(143, 143, 143)" + }, + "dark": { + "value": "rgb(109, 109, 109)" + }, + "wireframe": { + "value": "rgb(108, 142, 217)" + } + }, + "dark": { + "light": { + "value": "rgb(113, 113, 113)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + }, + "wireframe": { + "value": "rgb(72, 110, 194)" + } + }, + "wireframe": { + "light": { + "value": "rgb(143, 143, 143)" + }, + "dark": { + "value": "rgb(109, 109, 109)" + }, + "wireframe": { + "value": "rgb(108, 142, 217)" + } + }, + "prop": "--spectrum-icon-color-neutral" + }, + "icon-color-positive": { + "light": { + "light": { + "value": "rgb(7, 147, 85)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "dark": { + "light": { + "value": "rgb(5, 131, 78)" + }, + "dark": { + "value": "rgb(9, 157, 89)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "wireframe": { + "light": { + "value": "rgb(7, 147, 85)" + }, + "dark": { + "value": "rgb(6, 136, 80)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-positive" + }, + "icon-color-notice": { + "light": { + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(199, 82, 0)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "dark": { + "light": { + "value": "rgb(194, 78, 0)" + }, + "dark": { + "value": "rgb(224, 100, 0)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "wireframe": { + "light": { + "value": "rgb(212, 91, 0)" + }, + "dark": { + "value": "rgb(199, 82, 0)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-notice" + }, + "icon-color-negative": { + "light": { + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "dark": { + "light": { + "value": "rgb(215, 50, 32)" + }, + "dark": { + "value": "rgb(252, 67, 46)" + }, + "wireframe": { + "value": "rgb(74, 111, 195)" + } + }, + "wireframe": { + "light": { + "value": "rgb(240, 56, 35)" + }, + "dark": { + "value": "rgb(223, 52, 34)" + }, + "wireframe": { + "value": "rgb(93, 127, 201)" + } + }, + "prop": "--spectrum-icon-color-negative" + }, + "accent-subtle-background-color-default": { + "light": { + "dark": { + "value": "rgb(203, 226, 254)" + } }, "dark": { - "value": "rgb(219, 219, 219)" - } + "dark": { + "value": "rgb(12, 33, 117)" + } + }, + "wireframe": { + "dark": { + "value": "rgb(216, 224, 242)" + } + }, + "prop": "--spectrum-accent-subtle-background-color-default" }, - "table-selected-row-background-opacity": { - "prop": "--spectrum-table-selected-row-background-opacity", - "value": "0.1" + "default-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-default-font-family" }, - "table-selected-row-background-opacity-hover": { - "prop": "--spectrum-table-selected-row-background-opacity-hover", - "value": "0.15" + "letter-spacing": { + "value": "0em", + "prop": "--spectrum-letter-spacing" }, - "table-selected-row-background-opacity-non-emphasized": { - "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized", - "value": "0.1" + "text-align-start": { + "value": "start", + "prop": "--spectrum-text-align-start" }, - "table-selected-row-background-opacity-non-emphasized-hover": { - "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized-hover", - "value": "0.15" + "text-align-center": { + "value": "center", + "prop": "--spectrum-text-align-center" }, - "table-thumbnail-to-top-minimum-extra-large": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } + "text-align-end": { + "value": "end", + "prop": "--spectrum-text-align-end" }, - "table-thumbnail-to-top-minimum-extra-large-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-compact", + "sans-serif-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-sans-serif-font-family" + }, + "serif-font-family": { + "value": "Adobe Clean Serif", + "prop": "--spectrum-serif-font-family" + }, + "cjk-font-family": { + "value": "Adobe Clean Han", + "prop": "--spectrum-cjk-font-family" + }, + "light-font-weight": { + "value": "300", + "prop": "--spectrum-light-font-weight" + }, + "regular-font-weight": { + "value": "400", + "prop": "--spectrum-regular-font-weight" + }, + "medium-font-weight": { + "value": "500", + "prop": "--spectrum-medium-font-weight" + }, + "bold-font-weight": { + "value": "700", + "prop": "--spectrum-bold-font-weight" + }, + "extra-bold-font-weight": { + "value": "800", + "prop": "--spectrum-extra-bold-font-weight" + }, + "black-font-weight": { + "value": "900", + "prop": "--spectrum-black-font-weight" + }, + "italic-font-style": { + "value": "italic", + "prop": "--spectrum-italic-font-style" + }, + "default-font-style": { + "value": "normal", + "prop": "--spectrum-default-font-style" + }, + "font-size-25": { "desktop": { - "value": "8px" + "value": "10px" }, + "prop": "--spectrum-font-size-25", "mobile": { - "value": "10px" + "value": "12px" } }, - "table-thumbnail-to-top-minimum-extra-large-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-extra-large)", + "font-size-50": { "desktop": { - "value": "8px" + "value": "11px" }, + "prop": "--spectrum-font-size-50", "mobile": { - "value": "10px" + "value": "13px" } }, - "table-thumbnail-to-top-minimum-extra-large-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious", + "font-size-75": { "desktop": { - "value": "10px" + "value": "12px" }, + "prop": "--spectrum-font-size-75", "mobile": { - "value": "12px" + "value": "15px" } }, - "table-thumbnail-to-top-minimum-large": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large", + "font-size-100": { "desktop": { - "value": "8px" + "value": "14px" }, + "prop": "--spectrum-font-size-100", "mobile": { - "value": "10px" + "value": "17px" } }, - "table-thumbnail-to-top-minimum-large-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-compact", + "font-size-200": { "desktop": { - "value": "7px" + "value": "16px" }, + "prop": "--spectrum-font-size-200", "mobile": { - "value": "9px" + "value": "19px" } }, - "table-thumbnail-to-top-minimum-large-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-large)", + "font-size-300": { "desktop": { - "value": "8px" + "value": "18px" }, + "prop": "--spectrum-font-size-300", "mobile": { - "value": "10px" + "value": "22px" } }, - "table-thumbnail-to-top-minimum-large-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-spacious", + "font-size-400": { "desktop": { - "value": "8px" + "value": "20px" }, + "prop": "--spectrum-font-size-400", "mobile": { - "value": "10px" + "value": "24px" } }, - "table-thumbnail-to-top-minimum-medium": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium", + "font-size-500": { "desktop": { - "value": "7px" + "value": "22px" }, + "prop": "--spectrum-font-size-500", "mobile": { - "value": "9px" + "value": "27px" } }, - "table-thumbnail-to-top-minimum-medium-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-compact", + "font-size-600": { "desktop": { - "value": "5px" + "value": "25px" }, + "prop": "--spectrum-font-size-600", "mobile": { - "value": "6px" + "value": "31px" } }, - "table-thumbnail-to-top-minimum-medium-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-medium)", + "font-size-700": { "desktop": { - "value": "7px" + "value": "28px" }, + "prop": "--spectrum-font-size-700", "mobile": { - "value": "9px" + "value": "34px" } }, - "table-thumbnail-to-top-minimum-medium-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-spacious", + "font-size-800": { "desktop": { - "value": "8px" + "value": "32px" }, + "prop": "--spectrum-font-size-800", "mobile": { - "value": "10px" + "value": "39px" } }, - "table-thumbnail-to-top-minimum-small": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small", + "font-size-900": { "desktop": { - "value": "5px" + "value": "36px" }, + "prop": "--spectrum-font-size-900", "mobile": { - "value": "6px" + "value": "44px" } }, - "table-thumbnail-to-top-minimum-small-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-compact", + "font-size-1000": { "desktop": { - "value": "4px" + "value": "40px" }, + "prop": "--spectrum-font-size-1000", "mobile": { - "value": "5px" + "value": "49px" } }, - "table-thumbnail-to-top-minimum-small-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-regular", - "ref": "var(--spectrum-table-thumbnail-to-top-minimum-small)", + "font-size-1100": { "desktop": { - "value": "5px" + "value": "45px" }, + "prop": "--spectrum-font-size-1100", "mobile": { - "value": "6px" + "value": "55px" } }, - "table-thumbnail-to-top-minimum-small-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-spacious", + "font-size-1200": { "desktop": { - "value": "7px" + "value": "51px" }, + "prop": "--spectrum-font-size-1200", "mobile": { - "value": "9px" + "value": "62px" } }, - "tag-edge-to-clear-icon-large": { - "prop": "--spectrum-tag-edge-to-clear-icon-large", + "font-size-1300": { "desktop": { - "value": "15px" + "value": "58px" }, + "prop": "--spectrum-font-size-1300", "mobile": { - "value": "19px" + "value": "70px" } }, - "tag-edge-to-clear-icon-medium": { - "prop": "--spectrum-tag-edge-to-clear-icon-medium", + "font-size-1400": { "desktop": { - "value": "12px" + "value": "65px" }, + "prop": "--spectrum-font-size-1400", "mobile": { - "value": "15px" + "value": "79px" } }, - "tag-edge-to-clear-icon-small": { - "prop": "--spectrum-tag-edge-to-clear-icon-small", + "font-size-1500": { "desktop": { - "value": "8px" + "value": "73px" }, + "prop": "--spectrum-font-size-1500", "mobile": { - "value": "10px" + "value": "88px" } }, - "tag-field-default-width-large": { - "prop": "--spectrum-tag-field-default-width-large", + "line-height-100": { + "value": "1.3", + "prop": "--spectrum-line-height-100" + }, + "line-height-200": { + "value": "1.5", + "prop": "--spectrum-line-height-200" + }, + "cjk-line-height-100": { + "value": "1.5", + "prop": "--spectrum-cjk-line-height-100" + }, + "cjk-line-height-200": { + "value": "1.7", + "prop": "--spectrum-cjk-line-height-200" + }, + "cjk-letter-spacing": { + "value": "0em", + "prop": "--spectrum-cjk-letter-spacing" + }, + "heading-sans-serif-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-heading-sans-serif-font-family" + }, + "heading-serif-font-family": { + "value": "Adobe Clean Serif", + "prop": "--spectrum-heading-serif-font-family" + }, + "heading-cjk-font-family": { + "value": "Adobe Clean Han", + "prop": "--spectrum-heading-cjk-font-family" + }, + "heading-sans-serif-light-font-weight": { + "value": "300", + "prop": "--spectrum-heading-sans-serif-light-font-weight" + }, + "heading-sans-serif-light-font-style": { + "value": "normal", + "prop": "--spectrum-heading-sans-serif-light-font-style" + }, + "heading-serif-light-font-weight": { + "value": "400", + "prop": "--spectrum-heading-serif-light-font-weight" + }, + "heading-serif-light-font-style": { + "value": "normal", + "prop": "--spectrum-heading-serif-light-font-style" + }, + "heading-cjk-light-font-weight": { + "value": "300", + "prop": "--spectrum-heading-cjk-light-font-weight" + }, + "heading-cjk-light-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-light-font-style" + }, + "heading-sans-serif-font-weight": { + "value": "800", + "prop": "--spectrum-heading-sans-serif-font-weight" + }, + "heading-sans-serif-font-style": { + "value": "normal", + "prop": "--spectrum-heading-sans-serif-font-style" + }, + "heading-serif-font-weight": { + "value": "700", + "prop": "--spectrum-heading-serif-font-weight" + }, + "heading-serif-font-style": { + "value": "normal", + "prop": "--spectrum-heading-serif-font-style" + }, + "heading-cjk-font-weight": { + "value": "800", + "prop": "--spectrum-heading-cjk-font-weight" + }, + "heading-cjk-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-font-style" + }, + "heading-sans-serif-heavy-font-weight": { + "value": "900", + "prop": "--spectrum-heading-sans-serif-heavy-font-weight" + }, + "heading-sans-serif-heavy-font-style": { + "value": "normal", + "prop": "--spectrum-heading-sans-serif-heavy-font-style" + }, + "heading-serif-heavy-font-weight": { + "value": "900", + "prop": "--spectrum-heading-serif-heavy-font-weight" + }, + "heading-serif-heavy-font-style": { + "value": "normal", + "prop": "--spectrum-heading-serif-heavy-font-style" + }, + "heading-cjk-heavy-font-weight": { + "value": "800", + "prop": "--spectrum-heading-cjk-heavy-font-weight" + }, + "heading-cjk-heavy-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-heavy-font-style" + }, + "heading-sans-serif-light-strong-font-weight": { + "value": "700", + "prop": "--spectrum-heading-sans-serif-light-strong-font-weight" + }, + "heading-sans-serif-light-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-sans-serif-light-strong-font-style" + }, + "heading-serif-light-strong-font-weight": { + "value": "700", + "prop": "--spectrum-heading-serif-light-strong-font-weight" + }, + "heading-serif-light-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-serif-light-strong-font-style" + }, + "heading-cjk-light-strong-font-weight": { + "value": "800", + "prop": "--spectrum-heading-cjk-light-strong-font-weight" + }, + "heading-cjk-light-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-light-strong-font-style" + }, + "heading-sans-serif-strong-font-weight": { + "value": "900", + "prop": "--spectrum-heading-sans-serif-strong-font-weight" + }, + "heading-sans-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-sans-serif-strong-font-style" + }, + "heading-serif-strong-font-weight": { + "value": "900", + "prop": "--spectrum-heading-serif-strong-font-weight" + }, + "heading-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-serif-strong-font-style" + }, + "heading-cjk-strong-font-weight": { + "value": "900", + "prop": "--spectrum-heading-cjk-strong-font-weight" + }, + "heading-cjk-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-strong-font-style" + }, + "heading-sans-serif-heavy-strong-font-weight": { + "value": "900", + "prop": "--spectrum-heading-sans-serif-heavy-strong-font-weight" + }, + "heading-sans-serif-heavy-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-sans-serif-heavy-strong-font-style" + }, + "heading-serif-heavy-strong-font-weight": { + "value": "900", + "prop": "--spectrum-heading-serif-heavy-strong-font-weight" + }, + "heading-serif-heavy-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-serif-heavy-strong-font-style" + }, + "heading-cjk-heavy-strong-font-weight": { + "value": "900", + "prop": "--spectrum-heading-cjk-heavy-strong-font-weight" + }, + "heading-cjk-heavy-strong-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-heavy-strong-font-style" + }, + "heading-sans-serif-light-emphasized-font-weight": { + "value": "300", + "prop": "--spectrum-heading-sans-serif-light-emphasized-font-weight" + }, + "heading-sans-serif-light-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-sans-serif-light-emphasized-font-style" + }, + "heading-serif-light-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-heading-serif-light-emphasized-font-weight" + }, + "heading-serif-light-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-serif-light-emphasized-font-style" + }, + "heading-cjk-light-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-heading-cjk-light-emphasized-font-weight" + }, + "heading-cjk-light-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-light-emphasized-font-style" + }, + "heading-sans-serif-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-heading-sans-serif-emphasized-font-weight" + }, + "heading-sans-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-sans-serif-emphasized-font-style" + }, + "heading-serif-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-heading-serif-emphasized-font-weight" + }, + "heading-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-serif-emphasized-font-style" + }, + "heading-cjk-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-cjk-emphasized-font-weight" + }, + "heading-cjk-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-emphasized-font-style" + }, + "heading-sans-serif-heavy-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-weight" + }, + "heading-sans-serif-heavy-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-style" + }, + "heading-serif-heavy-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-serif-heavy-emphasized-font-weight" + }, + "heading-serif-heavy-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-serif-heavy-emphasized-font-style" + }, + "heading-cjk-heavy-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-cjk-heavy-emphasized-font-weight" + }, + "heading-cjk-heavy-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-heavy-emphasized-font-style" + }, + "heading-sans-serif-light-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-weight" + }, + "heading-sans-serif-light-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-style" + }, + "heading-serif-light-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-heading-serif-light-strong-emphasized-font-weight" + }, + "heading-serif-light-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-serif-light-strong-emphasized-font-style" + }, + "heading-cjk-light-strong-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-weight" + }, + "heading-cjk-light-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-style" + }, + "heading-sans-serif-strong-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-weight" + }, + "heading-sans-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-style" + }, + "heading-serif-strong-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-serif-strong-emphasized-font-weight" + }, + "heading-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-serif-strong-emphasized-font-style" + }, + "heading-cjk-strong-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-cjk-strong-emphasized-font-weight" + }, + "heading-cjk-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-strong-emphasized-font-style" + }, + "heading-sans-serif-heavy-strong-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight" + }, + "heading-sans-serif-heavy-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style" + }, + "heading-serif-heavy-strong-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-weight" + }, + "heading-serif-heavy-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-style" + }, + "heading-cjk-heavy-strong-emphasized-font-weight": { + "value": "900", + "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-weight" + }, + "heading-cjk-heavy-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-style" + }, + "heading-size-xxxl": { "desktop": { - "value": "288px" + "value": "58px" }, "mobile": { - "value": "312px" - } + "value": "70px" + }, + "prop": "--spectrum-heading-size-xxxl" }, - "tag-field-default-width-medium": { - "prop": "--spectrum-tag-field-default-width-medium", + "heading-size-xxl": { "desktop": { - "value": "264px" + "value": "45px" }, "mobile": { - "value": "288px" - } + "value": "55px" + }, + "prop": "--spectrum-heading-size-xxl" }, - "tag-field-default-width-small": { - "prop": "--spectrum-tag-field-default-width-small", + "heading-size-xl": { "desktop": { - "value": "240px" + "value": "36px" }, "mobile": { - "value": "264px" - } + "value": "44px" + }, + "prop": "--spectrum-heading-size-xl" }, - "tag-field-edge-to-content-large": { - "prop": "--spectrum-tag-field-edge-to-content-large", + "heading-size-l": { "desktop": { - "value": "14px" + "value": "28px" }, "mobile": { - "value": "16px" - } + "value": "34px" + }, + "prop": "--spectrum-heading-size-l" }, - "tag-field-edge-to-content-medium": { - "prop": "--spectrum-tag-field-edge-to-content-medium", + "heading-size-m": { "desktop": { - "value": "12px" + "value": "22px" }, "mobile": { - "value": "14px" - } + "value": "27px" + }, + "prop": "--spectrum-heading-size-m" }, - "tag-field-edge-to-content-small": { - "prop": "--spectrum-tag-field-edge-to-content-small", + "heading-size-s": { "desktop": { - "value": "10px" + "value": "20px" }, "mobile": { - "value": "12px" - } + "value": "24px" + }, + "prop": "--spectrum-heading-size-s" }, - "tag-field-minimum-height-large": { - "prop": "--spectrum-tag-field-minimum-height-large", + "heading-size-xs": { "desktop": { - "value": "68px" + "value": "18px" }, "mobile": { - "value": "82px" - } + "value": "22px" + }, + "prop": "--spectrum-heading-size-xs" }, - "tag-field-minimum-height-medium": { - "prop": "--spectrum-tag-field-minimum-height-medium", + "heading-size-xxs": { "desktop": { - "value": "56px" + "value": "14px" }, "mobile": { - "value": "68px" - } + "value": "17px" + }, + "prop": "--spectrum-heading-size-xxs" }, - "tag-field-minimum-height-small": { - "prop": "--spectrum-tag-field-minimum-height-small", + "heading-cjk-size-xxxxl": { "desktop": { - "value": "44px" + "value": "65px" }, "mobile": { - "value": "54px" - } + "value": "79px" + }, + "prop": "--spectrum-heading-cjk-size-xxxxl" }, - "tag-field-minimum-width": { - "prop": "--spectrum-tag-field-minimum-width", + "heading-size-xxxxl": { "desktop": { - "value": "180px" + "value": "73px" }, "mobile": { - "value": "200px" - } + "value": "88px" + }, + "prop": "--spectrum-heading-size-xxxxl" }, - "tag-label-to-clear-icon-large": { - "prop": "--spectrum-tag-label-to-clear-icon-large", + "heading-cjk-size-xxxl": { "desktop": { - "value": "15px" + "value": "51px" }, "mobile": { - "value": "19px" - } + "value": "62px" + }, + "prop": "--spectrum-heading-cjk-size-xxxl" }, - "tag-label-to-clear-icon-medium": { - "prop": "--spectrum-tag-label-to-clear-icon-medium", + "heading-cjk-size-xxl": { "desktop": { - "value": "12px" + "value": "40px" }, "mobile": { - "value": "15px" - } + "value": "49px" + }, + "prop": "--spectrum-heading-cjk-size-xxl" }, - "tag-label-to-clear-icon-small": { - "prop": "--spectrum-tag-label-to-clear-icon-small", + "heading-cjk-size-xl": { "desktop": { - "value": "8px" + "value": "32px" }, "mobile": { - "value": "10px" - } - }, - "tag-maximum-width-multiplier": { - "prop": "--spectrum-tag-maximum-width-multiplier", - "value": "7" + "value": "39px" + }, + "prop": "--spectrum-heading-cjk-size-xl" }, - "tag-minimum-width-large": { - "prop": "--spectrum-tag-minimum-width-large", + "heading-cjk-size-l": { "desktop": { - "value": "33px" + "value": "25px" }, "mobile": { - "value": "42px" - } + "value": "31px" + }, + "prop": "--spectrum-heading-cjk-size-l" }, - "tag-minimum-width-medium": { - "prop": "--spectrum-tag-minimum-width-medium", + "heading-cjk-size-m": { "desktop": { - "value": "27px" + "value": "20px" }, "mobile": { - "value": "34px" - } - }, - "tag-minimum-width-multiplier": { - "prop": "--spectrum-tag-minimum-width-multiplier", - "value": "1" + "value": "24px" + }, + "prop": "--spectrum-heading-cjk-size-m" }, - "tag-minimum-width-small": { - "prop": "--spectrum-tag-minimum-width-small", + "heading-cjk-size-s": { "desktop": { - "value": "21px" + "value": "18px" }, "mobile": { - "value": "25px" - } + "value": "22px" + }, + "prop": "--spectrum-heading-cjk-size-s" }, - "tag-top-to-avatar-large": { - "prop": "--spectrum-tag-top-to-avatar-large", + "heading-cjk-size-xs": { "desktop": { - "value": "9px" + "value": "16px" }, "mobile": { - "value": "11px" - } + "value": "19px" + }, + "prop": "--spectrum-heading-cjk-size-xs" }, - "tag-top-to-avatar-medium": { - "prop": "--spectrum-tag-top-to-avatar-medium", + "heading-cjk-size-xxs": { "desktop": { - "value": "6px" + "value": "14px" }, "mobile": { - "value": "7px" - } + "value": "17px" + }, + "prop": "--spectrum-heading-cjk-size-xxs" }, - "tag-top-to-avatar-small": { - "prop": "--spectrum-tag-top-to-avatar-small", - "desktop": { - "value": "4px" + "heading-line-height": { + "value": "1.3", + "prop": "--spectrum-heading-line-height" + }, + "heading-cjk-line-height": { + "value": "1.5", + "prop": "--spectrum-heading-cjk-line-height" + }, + "heading-margin-top-multiplier": { + "value": "0.88888889", + "prop": "--spectrum-heading-margin-top-multiplier" + }, + "heading-margin-bottom-multiplier": { + "value": "0.25", + "prop": "--spectrum-heading-margin-bottom-multiplier" + }, + "heading-color": { + "light": { + "value": "rgb(19, 19, 19)" }, - "mobile": { - "value": "5px" - } + "dark": { + "value": "rgb(242, 242, 242)" + }, + "wireframe": { + "value": "rgb(10, 19, 39)" + }, + "prop": "--spectrum-heading-color" }, - "tag-top-to-cross-icon-large": { - "prop": "--spectrum-tag-top-to-cross-icon-large", + "body-sans-serif-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-body-sans-serif-font-family" + }, + "body-serif-font-family": { + "value": "Adobe Clean Serif", + "prop": "--spectrum-body-serif-font-family" + }, + "body-cjk-font-family": { + "value": "Adobe Clean Han", + "prop": "--spectrum-body-cjk-font-family" + }, + "body-sans-serif-font-weight": { + "value": "400", + "prop": "--spectrum-body-sans-serif-font-weight" + }, + "body-sans-serif-font-style": { + "value": "normal", + "prop": "--spectrum-body-sans-serif-font-style" + }, + "body-serif-font-weight": { + "value": "400", + "prop": "--spectrum-body-serif-font-weight" + }, + "body-serif-font-style": { + "value": "normal", + "prop": "--spectrum-body-serif-font-style" + }, + "body-cjk-font-weight": { + "value": "400", + "prop": "--spectrum-body-cjk-font-weight" + }, + "body-cjk-font-style": { + "value": "normal", + "prop": "--spectrum-body-cjk-font-style" + }, + "body-sans-serif-strong-font-weight": { + "value": "700", + "prop": "--spectrum-body-sans-serif-strong-font-weight" + }, + "body-sans-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-body-sans-serif-strong-font-style" + }, + "body-serif-strong-font-weight": { + "value": "700", + "prop": "--spectrum-body-serif-strong-font-weight" + }, + "body-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-body-serif-strong-font-style" + }, + "body-cjk-strong-font-weight": { + "value": "800", + "prop": "--spectrum-body-cjk-strong-font-weight" + }, + "body-cjk-strong-font-style": { + "value": "normal", + "prop": "--spectrum-body-cjk-strong-font-style" + }, + "body-sans-serif-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-body-sans-serif-emphasized-font-weight" + }, + "body-sans-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-body-sans-serif-emphasized-font-style" + }, + "body-serif-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-body-serif-emphasized-font-weight" + }, + "body-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-body-serif-emphasized-font-style" + }, + "body-cjk-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-body-cjk-emphasized-font-weight" + }, + "body-cjk-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-body-cjk-emphasized-font-style" + }, + "body-sans-serif-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-body-sans-serif-strong-emphasized-font-weight" + }, + "body-sans-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-body-sans-serif-strong-emphasized-font-style" + }, + "body-serif-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-body-serif-strong-emphasized-font-weight" + }, + "body-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-body-serif-strong-emphasized-font-style" + }, + "body-cjk-strong-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-body-cjk-strong-emphasized-font-weight" + }, + "body-cjk-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-body-cjk-strong-emphasized-font-style" + }, + "body-size-xxxl": { "desktop": { - "value": "15px" + "value": "25px" }, "mobile": { - "value": "19px" - } + "value": "31px" + }, + "prop": "--spectrum-body-size-xxxl" }, - "tag-top-to-cross-icon-medium": { - "prop": "--spectrum-tag-top-to-cross-icon-medium", + "body-size-xxl": { "desktop": { - "value": "12px" + "value": "22px" }, "mobile": { - "value": "15px" - } + "value": "27px" + }, + "prop": "--spectrum-body-size-xxl" }, - "tag-top-to-cross-icon-small": { - "prop": "--spectrum-tag-top-to-cross-icon-small", + "body-size-xl": { "desktop": { - "value": "8px" + "value": "20px" }, "mobile": { - "value": "10px" - } - }, - "takeover-dialog-height": { - "prop": "--spectrum-takeover-dialog-height", - "value": "100%" - }, - "takeover-dialog-width": { - "prop": "--spectrum-takeover-dialog-width", - "value": "100%" - }, - "text-align-center": { - "prop": "--spectrum-text-align-center", - "value": "center" - }, - "text-align-end": { - "prop": "--spectrum-text-align-end", - "value": "end" - }, - "text-align-start": { - "prop": "--spectrum-text-align-start", - "value": "start" + "value": "24px" + }, + "prop": "--spectrum-body-size-xl" }, - "text-area-minimum-height": { - "prop": "--spectrum-text-area-minimum-height", + "body-size-xxs": { "desktop": { - "value": "56px" + "value": "11px" }, "mobile": { - "value": "70px" - } + "value": "13px" + }, + "prop": "--spectrum-body-size-xxs" }, - "text-area-minimum-width": { - "prop": "--spectrum-text-area-minimum-width", + "body-cjk-size-xxxl": { "desktop": { - "value": "112px" + "value": "22px" }, "mobile": { - "value": "140px" - } - }, - "text-field-minimum-width-multiplier": { - "prop": "--spectrum-text-field-minimum-width-multiplier", - "value": "1.5" + "value": "27px" + }, + "prop": "--spectrum-body-cjk-size-xxxl" }, - "text-to-control-100": { - "prop": "--spectrum-text-to-control-100", + "body-cjk-size-xxl": { "desktop": { - "value": "10px" + "value": "20px" }, "mobile": { - "value": "13px" - } + "value": "24px" + }, + "prop": "--spectrum-body-cjk-size-xxl" }, - "text-to-control-200": { - "prop": "--spectrum-text-to-control-200", + "body-cjk-size-xl": { "desktop": { - "value": "11px" + "value": "18px" }, "mobile": { - "value": "14px" - } + "value": "22px" + }, + "prop": "--spectrum-body-cjk-size-xl" }, - "text-to-control-300": { - "prop": "--spectrum-text-to-control-300", + "body-cjk-size-l": { "desktop": { - "value": "13px" + "value": "16px" }, "mobile": { - "value": "16px" - } + "value": "19px" + }, + "prop": "--spectrum-body-cjk-size-l" }, - "text-to-control-50": { - "prop": "--spectrum-text-to-control-50", + "body-cjk-size-m": { "desktop": { - "value": "4px" + "value": "14px" }, "mobile": { - "value": "5px" - } + "value": "17px" + }, + "prop": "--spectrum-body-cjk-size-m" }, - "text-to-control-75": { - "prop": "--spectrum-text-to-control-75", + "body-cjk-size-s": { "desktop": { - "value": "9px" + "value": "12px" }, "mobile": { - "value": "11px" - } + "value": "15px" + }, + "prop": "--spectrum-body-cjk-size-s" }, - "text-to-visual-100": { - "prop": "--spectrum-text-to-visual-100", + "body-cjk-size-xs": { "desktop": { - "value": "6px" + "value": "11px" }, "mobile": { - "value": "8px" - } + "value": "13px" + }, + "prop": "--spectrum-body-cjk-size-xs" }, - "text-to-visual-200": { - "prop": "--spectrum-text-to-visual-200", + "body-cjk-size-xxs": { "desktop": { - "value": "7px" + "value": "10px" }, "mobile": { - "value": "9px" - } + "value": "12px" + }, + "prop": "--spectrum-body-cjk-size-xxs" }, - "text-to-visual-300": { - "prop": "--spectrum-text-to-visual-300", + "body-size-l": { "desktop": { - "value": "8px" + "value": "18px" }, "mobile": { - "value": "10px" - } + "value": "22px" + }, + "prop": "--spectrum-body-size-l" }, - "text-to-visual-400": { - "prop": "--spectrum-text-to-visual-400", + "body-size-m": { "desktop": { - "value": "9px" + "value": "16px" }, "mobile": { - "value": "11px" - } + "value": "19px" + }, + "prop": "--spectrum-body-size-m" }, - "text-to-visual-50": { - "prop": "--spectrum-text-to-visual-50", + "body-size-s": { "desktop": { - "value": "5px" + "value": "14px" }, "mobile": { - "value": "7px" - } + "value": "17px" + }, + "prop": "--spectrum-body-size-s" }, - "text-to-visual-75": { - "prop": "--spectrum-text-to-visual-75", + "body-size-xs": { "desktop": { - "value": "5px" + "value": "12px" }, "mobile": { - "value": "7px" - } + "value": "15px" + }, + "prop": "--spectrum-body-size-xs" }, - "text-underline-gap": { - "prop": "--spectrum-text-underline-gap", - "value": "1px" + "body-line-height": { + "value": "1.5", + "prop": "--spectrum-body-line-height" }, - "text-underline-thickness": { - "prop": "--spectrum-text-underline-thickness", - "value": "1px" + "body-cjk-line-height": { + "value": "1.7", + "prop": "--spectrum-body-cjk-line-height" }, - "thumbnail-border-color": { - "prop": "--spectrum-thumbnail-border-color", - "ref": "var(--spectrum-gray-800)", + "body-margin-multiplier": { + "value": "0.75", + "prop": "--spectrum-body-margin-multiplier" + }, + "body-color": { "light": { "value": "rgb(41, 41, 41)" }, "dark": { "value": "rgb(219, 219, 219)" - } + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-body-color" }, - "thumbnail-border-opacity": { - "prop": "--spectrum-thumbnail-border-opacity", - "value": "0.1" + "detail-sans-serif-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-detail-sans-serif-font-family" }, - "thumbnail-corner-radius": { - "prop": "--spectrum-thumbnail-corner-radius", - "ref": "var(--spectrum-corner-radius-75)", - "value": "3px" + "detail-serif-font-family": { + "value": "Adobe Clean Serif", + "prop": "--spectrum-detail-serif-font-family" }, - "thumbnail-opacity-checkerboard-square-size": { - "prop": "--spectrum-thumbnail-opacity-checkerboard-square-size", - "value": "4px" + "detail-cjk-font-family": { + "value": "Adobe Clean Han", + "prop": "--spectrum-detail-cjk-font-family" }, - "thumbnail-opacity-disabled": { - "prop": "--spectrum-thumbnail-opacity-disabled", - "ref": "var(--spectrum-opacity-disabled)", - "value": "0.3" + "detail-sans-serif-font-weight": { + "value": "500", + "prop": "--spectrum-detail-sans-serif-font-weight" }, - "thumbnail-size-100": { - "prop": "--spectrum-thumbnail-size-100", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "28px" - } + "detail-sans-serif-font-style": { + "value": "normal", + "prop": "--spectrum-detail-sans-serif-font-style" + }, + "detail-serif-font-weight": { + "value": "500", + "prop": "--spectrum-detail-serif-font-weight" + }, + "detail-serif-font-style": { + "value": "normal", + "prop": "--spectrum-detail-serif-font-style" + }, + "detail-cjk-font-weight": { + "value": "700", + "prop": "--spectrum-detail-cjk-font-weight" + }, + "detail-cjk-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-font-style" + }, + "detail-sans-serif-light-font-weight": { + "value": "400", + "prop": "--spectrum-detail-sans-serif-light-font-weight" + }, + "detail-sans-serif-light-font-style": { + "value": "normal", + "prop": "--spectrum-detail-sans-serif-light-font-style" + }, + "detail-serif-light-font-weight": { + "value": "400", + "prop": "--spectrum-detail-serif-light-font-weight" + }, + "detail-serif-light-font-style": { + "value": "normal", + "prop": "--spectrum-detail-serif-light-font-style" + }, + "detail-cjk-light-font-weight": { + "value": "300", + "prop": "--spectrum-detail-cjk-light-font-weight" + }, + "detail-cjk-light-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-light-font-style" + }, + "detail-sans-serif-strong-font-weight": { + "value": "700", + "prop": "--spectrum-detail-sans-serif-strong-font-weight" + }, + "detail-sans-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-detail-sans-serif-strong-font-style" + }, + "detail-serif-strong-font-weight": { + "value": "700", + "prop": "--spectrum-detail-serif-strong-font-weight" + }, + "detail-serif-strong-font-style": { + "value": "normal", + "prop": "--spectrum-detail-serif-strong-font-style" + }, + "detail-cjk-strong-font-weight": { + "value": "800", + "prop": "--spectrum-detail-cjk-strong-font-weight" + }, + "detail-cjk-strong-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-strong-font-style" + }, + "detail-sans-serif-light-strong-font-weight": { + "value": "400", + "prop": "--spectrum-detail-sans-serif-light-strong-font-weight" + }, + "detail-sans-serif-light-strong-font-style": { + "value": "normal", + "prop": "--spectrum-detail-sans-serif-light-strong-font-style" + }, + "detail-serif-light-strong-font-weight": { + "value": "400", + "prop": "--spectrum-detail-serif-light-strong-font-weight" + }, + "detail-serif-light-strong-font-style": { + "value": "normal", + "prop": "--spectrum-detail-serif-light-strong-font-style" + }, + "detail-cjk-light-strong-font-weight": { + "value": "800", + "prop": "--spectrum-detail-cjk-light-strong-font-weight" + }, + "detail-cjk-light-strong-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-light-strong-font-style" + }, + "detail-sans-serif-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-detail-sans-serif-emphasized-font-weight" + }, + "detail-sans-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-sans-serif-emphasized-font-style" + }, + "detail-serif-emphasized-font-weight": { + "value": "500", + "prop": "--spectrum-detail-serif-emphasized-font-weight" + }, + "detail-serif-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-serif-emphasized-font-style" + }, + "detail-cjk-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-detail-cjk-emphasized-font-weight" + }, + "detail-cjk-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-emphasized-font-style" + }, + "detail-sans-serif-light-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-detail-sans-serif-light-emphasized-font-weight" + }, + "detail-sans-serif-light-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-sans-serif-light-emphasized-font-style" + }, + "detail-serif-light-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-detail-serif-light-emphasized-font-weight" + }, + "detail-serif-light-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-serif-light-emphasized-font-style" + }, + "detail-cjk-light-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-detail-cjk-light-emphasized-font-weight" + }, + "detail-cjk-light-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-light-emphasized-font-style" + }, + "detail-sans-serif-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-weight" + }, + "detail-sans-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-style" + }, + "detail-serif-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-detail-serif-strong-emphasized-font-weight" + }, + "detail-serif-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-serif-strong-emphasized-font-style" + }, + "detail-cjk-strong-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-detail-cjk-strong-emphasized-font-weight" + }, + "detail-cjk-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-strong-emphasized-font-style" + }, + "detail-sans-serif-light-strong-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-weight" + }, + "detail-sans-serif-light-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-style" }, - "thumbnail-size-1000": { - "prop": "--spectrum-thumbnail-size-1000", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "72px" - } + "detail-serif-light-strong-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-detail-serif-light-strong-emphasized-font-weight" }, - "thumbnail-size-200": { - "prop": "--spectrum-thumbnail-size-200", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "32px" - } + "detail-serif-light-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-detail-serif-light-strong-emphasized-font-style" }, - "thumbnail-size-300": { - "prop": "--spectrum-thumbnail-size-300", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "36px" - } + "detail-cjk-light-strong-emphasized-font-weight": { + "value": "800", + "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-weight" }, - "thumbnail-size-400": { - "prop": "--spectrum-thumbnail-size-400", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "40px" - } + "detail-cjk-light-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-style" }, - "thumbnail-size-50": { - "prop": "--spectrum-thumbnail-size-50", + "detail-size-xl": { "desktop": { - "value": "16px" + "value": "18px" }, "mobile": { - "value": "20px" - } - }, - "thumbnail-size-500": { - "prop": "--spectrum-thumbnail-size-500", - "desktop": { - "value": "40px" + "value": "22px" }, - "mobile": { - "value": "44px" - } + "prop": "--spectrum-detail-size-xl" }, - "thumbnail-size-600": { - "prop": "--spectrum-thumbnail-size-600", + "detail-size-l": { "desktop": { - "value": "44px" + "value": "16px" }, "mobile": { - "value": "48px" - } - }, - "thumbnail-size-700": { - "prop": "--spectrum-thumbnail-size-700", - "desktop": { - "value": "48px" + "value": "19px" }, - "mobile": { - "value": "52px" - } + "prop": "--spectrum-detail-size-l" }, - "thumbnail-size-75": { - "prop": "--spectrum-thumbnail-size-75", + "detail-size-m": { "desktop": { - "value": "20px" + "value": "14px" }, "mobile": { - "value": "24px" - } - }, - "thumbnail-size-800": { - "prop": "--spectrum-thumbnail-size-800", - "desktop": { - "value": "52px" + "value": "17px" }, - "mobile": { - "value": "56px" - } + "prop": "--spectrum-detail-size-m" }, - "thumbnail-size-900": { - "prop": "--spectrum-thumbnail-size-900", + "detail-size-s": { "desktop": { - "value": "56px" + "value": "12px" }, "mobile": { - "value": "64px" - } + "value": "15px" + }, + "prop": "--spectrum-detail-size-s" }, - "time-field-minimum-width": { - "prop": "--spectrum-time-field-minimum-width", - "value": "2.5" + "detail-line-height": { + "value": "1.3", + "prop": "--spectrum-detail-line-height" }, - "time-field-text-to-visual": { - "prop": "--spectrum-time-field-text-to-visual", - "value": "20px" + "detail-cjk-line-height": { + "value": "1.5", + "prop": "--spectrum-detail-cjk-line-height" }, - "title-cjk-emphasized-font-style": { - "prop": "--spectrum-title-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "detail-margin-top-multiplier": { + "value": "0.88888889", + "prop": "--spectrum-detail-margin-top-multiplier" }, - "title-cjk-emphasized-font-weight": { - "prop": "--spectrum-title-cjk-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "detail-margin-bottom-multiplier": { + "value": "0.25", + "prop": "--spectrum-detail-margin-bottom-multiplier" }, - "title-cjk-font-family": { - "prop": "--spectrum-title-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" + "detail-letter-spacing": { + "value": "0.06em", + "prop": "--spectrum-detail-letter-spacing" }, - "title-cjk-font-style": { - "prop": "--spectrum-title-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "detail-sans-serif-text-transform": { + "value": "uppercase", + "prop": "--spectrum-detail-sans-serif-text-transform" }, - "title-cjk-font-weight": { - "prop": "--spectrum-title-cjk-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "detail-serif-text-transform": { + "value": "uppercase", + "prop": "--spectrum-detail-serif-text-transform" }, - "title-cjk-line-height": { - "prop": "--spectrum-title-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": "1.5" + "detail-color": { + "light": { + "value": "rgb(113, 113, 113)" + }, + "dark": { + "value": "rgb(138, 138, 138)" + }, + "wireframe": { + "value": "rgb(72, 110, 194)" + }, + "prop": "--spectrum-detail-color" }, - "title-cjk-size-l": { - "prop": "--spectrum-title-cjk-size-l", - "ref": "var(--spectrum-font-size-200)", + "detail-cjk-size-xs": { "desktop": { - "value": "16px" + "value": "10px" }, "mobile": { - "value": "19px" - } + "value": "12px" + }, + "prop": "--spectrum-detail-cjk-size-xs" }, - "title-cjk-size-m": { - "prop": "--spectrum-title-cjk-size-m", - "ref": "var(--spectrum-font-size-100)", + "detail-cjk-size-s": { "desktop": { - "value": "14px" + "value": "11px" }, "mobile": { - "value": "17px" - } + "value": "13px" + }, + "prop": "--spectrum-detail-cjk-size-s" }, - "title-cjk-size-s": { - "prop": "--spectrum-title-cjk-size-s", - "ref": "var(--spectrum-font-size-75)", + "detail-cjk-size-m": { "desktop": { "value": "12px" }, "mobile": { "value": "15px" - } - }, - "title-cjk-size-xl": { - "prop": "--spectrum-title-cjk-size-xl", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" }, - "mobile": { - "value": "22px" - } + "prop": "--spectrum-detail-cjk-size-m" }, - "title-cjk-size-xs": { - "prop": "--spectrum-title-cjk-size-xs", - "ref": "var(--spectrum-font-size-50)", + "detail-cjk-size-l": { "desktop": { - "value": "11px" + "value": "14px" }, "mobile": { - "value": "13px" - } + "value": "17px" + }, + "prop": "--spectrum-detail-cjk-size-l" }, - "title-cjk-size-xxl": { - "prop": "--spectrum-title-cjk-size-xxl", - "ref": "var(--spectrum-font-size-400)", + "detail-cjk-size-xl": { "desktop": { - "value": "20px" + "value": "16px" }, "mobile": { - "value": "24px" - } + "value": "19px" + }, + "prop": "--spectrum-detail-cjk-size-xl" }, - "title-cjk-size-xxxl": { - "prop": "--spectrum-title-cjk-size-xxxl", - "ref": "var(--spectrum-font-size-500)", + "detail-size-xs": { "desktop": { - "value": "22px" + "value": "11px" }, "mobile": { - "value": "27px" - } - }, - "title-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-title-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-title-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" - }, - "title-cjk-strong-font-style": { - "prop": "--spectrum-title-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "title-cjk-strong-font-weight": { - "prop": "--spectrum-title-cjk-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" - }, - "title-color": { - "prop": "--spectrum-title-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" + "value": "13px" }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "title-line-height": { - "prop": "--spectrum-title-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": "1.3" - }, - "title-margin-bottom-multiplier": { - "prop": "--spectrum-title-margin-bottom-multiplier", - "value": "0.25" + "prop": "--spectrum-detail-size-xs" }, - "title-margin-top-multiplier": { - "prop": "--spectrum-title-margin-top-multiplier", - "value": "0.88888889" + "code-font-family": { + "value": "Source Code Pro", + "prop": "--spectrum-code-font-family" }, - "title-sans-serif-emphasized-font-style": { - "prop": "--spectrum-title-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "code-cjk-font-family": { + "value": "Source Code Pro", + "prop": "--spectrum-code-cjk-font-family" }, - "title-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-title-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "code-font-weight": { + "value": "400", + "prop": "--spectrum-code-font-weight" }, - "title-sans-serif-font-family": { - "prop": "--spectrum-title-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean Spectrum VF" + "code-font-style": { + "value": "normal", + "prop": "--spectrum-code-font-style" }, - "title-sans-serif-font-style": { - "prop": "--spectrum-title-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "code-cjk-font-weight": { + "value": "400", + "prop": "--spectrum-code-cjk-font-weight" }, - "title-sans-serif-font-weight": { - "prop": "--spectrum-title-sans-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "code-cjk-font-style": { + "value": "normal", + "prop": "--spectrum-code-cjk-font-style" }, - "title-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-title-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "code-strong-font-weight": { + "value": "700", + "prop": "--spectrum-code-strong-font-weight" }, - "title-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-title-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "code-strong-font-style": { + "value": "normal", + "prop": "--spectrum-code-strong-font-style" }, - "title-sans-serif-strong-font-style": { - "prop": "--spectrum-title-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "code-cjk-strong-font-weight": { + "value": "700", + "prop": "--spectrum-code-cjk-strong-font-weight" }, - "title-sans-serif-strong-font-weight": { - "prop": "--spectrum-title-sans-serif-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "extra-bold" + "code-cjk-strong-font-style": { + "value": "normal", + "prop": "--spectrum-code-cjk-strong-font-style" }, - "title-serif-emphasized-font-style": { - "prop": "--spectrum-title-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "code-emphasized-font-weight": { + "value": "400", + "prop": "--spectrum-code-emphasized-font-weight" }, - "title-serif-emphasized-font-weight": { - "prop": "--spectrum-title-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "code-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-code-emphasized-font-style" }, - "title-serif-font-family": { - "prop": "--spectrum-title-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" + "code-cjk-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-code-cjk-emphasized-font-weight" }, - "title-serif-font-style": { - "prop": "--spectrum-title-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "code-cjk-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-code-cjk-emphasized-font-style" }, - "title-serif-font-weight": { - "prop": "--spectrum-title-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "bold" + "code-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-code-strong-emphasized-font-weight" }, - "title-serif-strong-emphasized-font-style": { - "prop": "--spectrum-title-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" + "code-strong-emphasized-font-style": { + "value": "italic", + "prop": "--spectrum-code-strong-emphasized-font-style" }, - "title-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-title-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" + "code-cjk-strong-emphasized-font-weight": { + "value": "700", + "prop": "--spectrum-code-cjk-strong-emphasized-font-weight" }, - "title-serif-strong-font-style": { - "prop": "--spectrum-title-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" + "code-cjk-strong-emphasized-font-style": { + "value": "normal", + "prop": "--spectrum-code-cjk-strong-emphasized-font-style" }, - "title-serif-strong-font-weight": { - "prop": "--spectrum-title-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "black" + "code-size-xl": { + "desktop": { + "value": "20px" + }, + "mobile": { + "value": "24px" + }, + "prop": "--spectrum-code-size-xl" }, - "title-size-l": { - "prop": "--spectrum-title-size-l", - "ref": "var(--spectrum-font-size-300)", + "code-size-l": { "desktop": { "value": "18px" }, "mobile": { "value": "22px" - } + }, + "prop": "--spectrum-code-size-l" }, - "title-size-m": { - "prop": "--spectrum-title-size-m", - "ref": "var(--spectrum-font-size-200)", + "code-size-m": { "desktop": { "value": "16px" }, "mobile": { "value": "19px" - } + }, + "prop": "--spectrum-code-size-m" }, - "title-size-s": { - "prop": "--spectrum-title-size-s", - "ref": "var(--spectrum-font-size-100)", + "code-size-s": { "desktop": { "value": "14px" }, "mobile": { "value": "17px" - } + }, + "prop": "--spectrum-code-size-s" }, - "title-size-xl": { - "prop": "--spectrum-title-size-xl", - "ref": "var(--spectrum-font-size-400)", + "code-size-xs": { "desktop": { - "value": "20px" + "value": "12px" + }, + "mobile": { + "value": "15px" + }, + "prop": "--spectrum-code-size-xs" + }, + "code-line-height": { + "value": "1.5", + "prop": "--spectrum-code-line-height" + }, + "code-cjk-line-height": { + "value": "1.7", + "prop": "--spectrum-code-cjk-line-height" + }, + "code-color": { + "light": { + "value": "rgb(41, 41, 41)" }, - "mobile": { - "value": "24px" - } + "dark": { + "value": "rgb(219, 219, 219)" + }, + "wireframe": { + "value": "rgb(25, 46, 93)" + }, + "prop": "--spectrum-code-color" }, - "title-size-xs": { - "prop": "--spectrum-title-size-xs", - "ref": "var(--spectrum-font-size-75)", + "line-height-font-size-25": { "desktop": { "value": "12px" }, + "prop": "--spectrum-line-height-font-size-25", "mobile": { - "value": "15px" + "value": "14px" } }, - "title-size-xxl": { - "prop": "--spectrum-title-size-xxl", - "ref": "var(--spectrum-font-size-500)", + "line-height-font-size-50": { "desktop": { - "value": "22px" + "value": "14px" }, + "prop": "--spectrum-line-height-font-size-50", "mobile": { - "value": "27px" + "value": "16px" } }, - "title-size-xxxl": { - "prop": "--spectrum-title-size-xxxl", - "ref": "var(--spectrum-font-size-600)", + "line-height-font-size-75": { "desktop": { - "value": "25px" + "value": "16px" }, + "prop": "--spectrum-line-height-font-size-75", "mobile": { - "value": "31px" - } - }, - "toast-bottom-to-text": { - "prop": "--spectrum-toast-bottom-to-text", - "desktop": { "value": "20px" - }, - "mobile": { - "value": "22px" } }, - "toast-height": { - "prop": "--spectrum-toast-height", + "line-height-font-size-100": { "desktop": { - "value": "52px" + "value": "18px" }, + "prop": "--spectrum-line-height-font-size-100", "mobile": { - "value": "60px" + "value": "22px" } }, - "toast-maximum-width": { - "prop": "--spectrum-toast-maximum-width", + "line-height-font-size-200": { "desktop": { - "value": "336px" + "value": "20px" }, + "prop": "--spectrum-line-height-font-size-200", "mobile": { - "value": "420px" + "value": "24px" } }, - "toast-top-to-text": { - "prop": "--spectrum-toast-top-to-text", + "line-height-font-size-300": { "desktop": { - "value": "18px" + "value": "22px" }, + "prop": "--spectrum-line-height-font-size-300", "mobile": { - "value": "20px" + "value": "26px" } }, - "toast-top-to-workflow-icon": { - "prop": "--spectrum-toast-top-to-workflow-icon", + "line-height-font-size-400": { "desktop": { - "value": "18px" + "value": "24px" }, + "prop": "--spectrum-line-height-font-size-400", "mobile": { - "value": "20px" + "value": "28px" } }, - "tooltip-maximum-width": { - "prop": "--spectrum-tooltip-maximum-width", + "line-height-font-size-500": { "desktop": { - "value": "160px" + "value": "26px" }, + "prop": "--spectrum-line-height-font-size-500", "mobile": { - "value": "200px" + "value": "32px" } }, - "tooltip-tip-corner-radius": { - "prop": "--spectrum-tooltip-tip-corner-radius", - "value": "1px" - }, - "tooltip-tip-height": { - "prop": "--spectrum-tooltip-tip-height", + "line-height-font-size-600": { "desktop": { - "value": "5px" + "value": "30px" }, + "prop": "--spectrum-line-height-font-size-600", "mobile": { - "value": "6px" + "value": "36px" } }, - "tooltip-tip-width": { - "prop": "--spectrum-tooltip-tip-width", + "line-height-font-size-700": { "desktop": { - "value": "10px" + "value": "32px" }, + "prop": "--spectrum-line-height-font-size-700", "mobile": { - "value": "12px" - } - }, - "track-color": { - "prop": "--spectrum-track-color", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" - }, - "dark": { - "value": "rgb(57, 57, 57)" + "value": "40px" } }, - "transparent-black-100": { - "prop": "--spectrum-transparent-black-100", - "value": "rgba(0, 0, 0, 0.09)" - }, - "transparent-black-1000": { - "prop": "--spectrum-transparent-black-1000", - "value": "rgb(0, 0, 0)" - }, - "transparent-black-200": { - "prop": "--spectrum-transparent-black-200", - "value": "rgba(0, 0, 0, 0.12)" - }, - "transparent-black-25": { - "prop": "--spectrum-transparent-black-25", - "value": "rgba(0, 0, 0, 0)" - }, - "transparent-black-300": { - "prop": "--spectrum-transparent-black-300", - "value": "rgba(0, 0, 0, 0.15)" - }, - "transparent-black-400": { - "prop": "--spectrum-transparent-black-400", - "value": "rgba(0, 0, 0, 0.22)" - }, - "transparent-black-50": { - "prop": "--spectrum-transparent-black-50", - "value": "rgba(0, 0, 0, 0.03)" - }, - "transparent-black-500": { - "prop": "--spectrum-transparent-black-500", - "value": "rgba(0, 0, 0, 0.44)" - }, - "transparent-black-600": { - "prop": "--spectrum-transparent-black-600", - "value": "rgba(0, 0, 0, 0.56)" - }, - "transparent-black-700": { - "prop": "--spectrum-transparent-black-700", - "value": "rgba(0, 0, 0, 0.69)" - }, - "transparent-black-75": { - "prop": "--spectrum-transparent-black-75", - "value": "rgba(0, 0, 0, 0.05)" - }, - "transparent-black-800": { - "prop": "--spectrum-transparent-black-800", - "value": "rgba(0, 0, 0, 0.84)" - }, - "transparent-black-900": { - "prop": "--spectrum-transparent-black-900", - "value": "rgba(0, 0, 0, 0.93)" - }, - "transparent-white-100": { - "prop": "--spectrum-transparent-white-100", - "value": "rgba(255, 255, 255, 0.11)" - }, - "transparent-white-1000": { - "prop": "--spectrum-transparent-white-1000", - "value": "rgb(255, 255, 255)" - }, - "transparent-white-200": { - "prop": "--spectrum-transparent-white-200", - "value": "rgba(255, 255, 255, 0.14)" - }, - "transparent-white-25": { - "prop": "--spectrum-transparent-white-25", - "value": "rgba(255, 255, 255, 0)" - }, - "transparent-white-300": { - "prop": "--spectrum-transparent-white-300", - "value": "rgba(255, 255, 255, 0.17)" - }, - "transparent-white-400": { - "prop": "--spectrum-transparent-white-400", - "value": "rgba(255, 255, 255, 0.21)" - }, - "transparent-white-50": { - "prop": "--spectrum-transparent-white-50", - "value": "rgba(255, 255, 255, 0.04)" - }, - "transparent-white-500": { - "prop": "--spectrum-transparent-white-500", - "value": "rgba(255, 255, 255, 0.39)" - }, - "transparent-white-600": { - "prop": "--spectrum-transparent-white-600", - "value": "rgba(255, 255, 255, 0.51)" - }, - "transparent-white-700": { - "prop": "--spectrum-transparent-white-700", - "value": "rgba(255, 255, 255, 0.66)" - }, - "transparent-white-75": { - "prop": "--spectrum-transparent-white-75", - "value": "rgba(255, 255, 255, 0.07)" - }, - "transparent-white-800": { - "prop": "--spectrum-transparent-white-800", - "value": "rgba(255, 255, 255, 0.85)" - }, - "transparent-white-900": { - "prop": "--spectrum-transparent-white-900", - "value": "rgba(255, 255, 255, 0.94)" - }, - "tray-top-to-content-area": { - "prop": "--spectrum-tray-top-to-content-area", + "line-height-font-size-800": { "desktop": { - "value": "4px" + "value": "36px" }, + "prop": "--spectrum-line-height-font-size-800", "mobile": { - "value": "5px" + "value": "44px" } }, - "tree-view-bottom-to-label": { - "prop": "--spectrum-tree-view-bottom-to-label", + "line-height-font-size-900": { "desktop": { - "value": "12px" + "value": "42px" }, + "prop": "--spectrum-line-height-font-size-900", "mobile": { - "value": "16px" + "value": "50px" } }, - "tree-view-disclosure-indicator-height": { - "prop": "--spectrum-tree-view-disclosure-indicator-height", + "line-height-font-size-1000": { "desktop": { - "value": "32px" + "value": "46px" }, + "prop": "--spectrum-line-height-font-size-1000", "mobile": { - "value": "40px" + "value": "56px" } }, - "tree-view-disclosure-indicator-width": { - "prop": "--spectrum-tree-view-disclosure-indicator-width", + "line-height-font-size-1100": { "desktop": { - "value": "34px" + "value": "52px" }, + "prop": "--spectrum-line-height-font-size-1100", "mobile": { - "value": "42px" + "value": "64px" } }, - "tree-view-drag-handle-to-checkbox": { - "prop": "--spectrum-tree-view-drag-handle-to-checkbox", + "line-height-font-size-1200": { "desktop": { - "value": "8px" + "value": "58px" }, + "prop": "--spectrum-line-height-font-size-1200", "mobile": { - "value": "10px" + "value": "72px" } }, - "tree-view-edge-to-checkbox": { - "prop": "--spectrum-tree-view-edge-to-checkbox", + "line-height-font-size-1300": { "desktop": { - "value": "12px" + "value": "66px" }, + "prop": "--spectrum-line-height-font-size-1300", "mobile": { - "value": "15px" + "value": "80px" } }, - "tree-view-edge-to-drag-handle": { - "prop": "--spectrum-tree-view-edge-to-drag-handle", + "line-height-font-size-1400": { "desktop": { - "value": "4px" + "value": "74px" }, + "prop": "--spectrum-line-height-font-size-1400", "mobile": { - "value": "5px" + "value": "90px" } }, - "tree-view-end-edge-to-action-area": { - "prop": "--spectrum-tree-view-end-edge-to-action-area", + "line-height-font-size-1500": { "desktop": { - "value": "6px" + "value": "84px" }, + "prop": "--spectrum-line-height-font-size-1500", "mobile": { - "value": "7px" + "value": "102px" } }, - "tree-view-header-to-item": { - "prop": "--spectrum-tree-view-header-to-item", - "value": "-1px" + "component-xs-regular-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-xs-regular-font-family" }, - "tree-view-item-to-header": { - "prop": "--spectrum-tree-view-item-to-header", + "component-xs-regular-font-size": { "desktop": { - "value": "24px" + "value": "11px" }, "mobile": { - "value": "30px" - } - }, - "tree-view-item-to-item": { - "prop": "--spectrum-tree-view-item-to-item", - "ref": "var(--spectrum-tree-view-item-to-item-default)", - "value": "-1px" + "value": "13px" + }, + "prop": "--spectrum-component-xs-regular-font-size" }, - "tree-view-item-to-item-default": { - "prop": "--spectrum-tree-view-item-to-item-default", - "value": "-1px" + "component-xs-regular-font-weight": { + "value": "400", + "prop": "--spectrum-component-xs-regular-font-weight" }, - "tree-view-item-to-item-detached": { - "prop": "--spectrum-tree-view-item-to-item-detached", - "value": "2px" + "component-xs-regular-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-xs-regular-letter-spacing" }, - "tree-view-label-to-action-area": { - "prop": "--spectrum-tree-view-label-to-action-area", + "component-xs-regular-line-height": { "desktop": { - "value": "6px" + "value": "14px" }, "mobile": { - "value": "8px" - } - }, - "tree-view-level-increment": { - "prop": "--spectrum-tree-view-level-increment", - "desktop": { "value": "16px" }, - "mobile": { - "value": "20px" - } + "prop": "--spectrum-component-xs-regular-line-height" }, - "tree-view-minimum-height": { - "prop": "--spectrum-tree-view-minimum-height", + "component-xs-medium-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-xs-medium-font-family" + }, + "component-xs-medium-font-size": { "desktop": { - "value": "40px" + "value": "11px" }, "mobile": { - "value": "50px" - } - }, - "tree-view-minimum-top-to-context-area": { - "prop": "--spectrum-tree-view-minimum-top-to-context-area", - "desktop": { - "value": "8px" + "value": "13px" }, - "mobile": { - "value": "10px" - } + "prop": "--spectrum-component-xs-medium-font-size" }, - "tree-view-minimum-width": { - "prop": "--spectrum-tree-view-minimum-width", + "component-xs-medium-font-weight": { + "value": "500", + "prop": "--spectrum-component-xs-medium-font-weight" + }, + "component-xs-medium-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-xs-medium-letter-spacing" + }, + "component-xs-medium-line-height": { "desktop": { - "value": "160px" + "value": "14px" }, "mobile": { - "value": "200px" - } - }, - "tree-view-row-background-hover": { - "prop": "--spectrum-tree-view-row-background-hover", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" + "value": "16px" }, - "dark": { - "value": "rgb(44, 44, 44)" - } + "prop": "--spectrum-component-xs-medium-line-height" }, - "tree-view-selected-row-background-color-emphasized": { - "prop": "--spectrum-tree-view-selected-row-background-color-emphasized", - "ref": "var(--spectrum-informative-background-color-default)" + "component-xs-bold-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-xs-bold-font-family" }, - "tree-view-selected-row-background-default": { - "prop": "--spectrum-tree-view-selected-row-background-default", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" + "component-xs-bold-font-size": { + "desktop": { + "value": "11px" }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "tree-view-selected-row-background-hover": { - "prop": "--spectrum-tree-view-selected-row-background-hover", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" + "mobile": { + "value": "13px" }, - "dark": { - "value": "rgb(44, 44, 44)" - } + "prop": "--spectrum-component-xs-bold-font-size" }, - "tree-view-selected-row-background-opacity-emphasized": { - "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized", - "value": "0.1" + "component-xs-bold-font-weight": { + "value": "700", + "prop": "--spectrum-component-xs-bold-font-weight" }, - "tree-view-selected-row-background-opacity-emphasized-hover": { - "prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized-hover", - "value": "0.15" + "component-xs-bold-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-xs-bold-letter-spacing" }, - "tree-view-top-to-action-button": { - "prop": "--spectrum-tree-view-top-to-action-button", + "component-xs-bold-line-height": { "desktop": { - "value": "4px" + "value": "14px" }, "mobile": { - "value": "5px" - } + "value": "16px" + }, + "prop": "--spectrum-component-xs-bold-line-height" }, - "tree-view-top-to-checkbox": { - "prop": "--spectrum-tree-view-top-to-checkbox", + "component-s-regular-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-s-regular-font-family" + }, + "component-s-regular-font-size": { "desktop": { - "value": "4px" + "value": "12px" }, "mobile": { - "value": "5px" - } - }, - "tree-view-top-to-disclosure-indicator": { - "prop": "--spectrum-tree-view-top-to-disclosure-indicator", - "desktop": { "value": "15px" }, - "mobile": { - "value": "19px" - } + "prop": "--spectrum-component-s-regular-font-size" }, - "tree-view-top-to-drag-handle": { - "prop": "--spectrum-tree-view-top-to-drag-handle", + "component-s-regular-font-weight": { + "value": "400", + "prop": "--spectrum-component-s-regular-font-weight" + }, + "component-s-regular-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-s-regular-letter-spacing" + }, + "component-s-regular-line-height": { "desktop": { - "value": "15px" + "value": "16px" }, "mobile": { - "value": "19px" - } + "value": "20px" + }, + "prop": "--spectrum-component-s-regular-line-height" }, - "tree-view-top-to-label": { - "prop": "--spectrum-tree-view-top-to-label", + "component-s-medium-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-s-medium-font-family" + }, + "component-s-medium-font-size": { "desktop": { - "value": "10px" + "value": "12px" }, "mobile": { - "value": "13px" - } - }, - "triple-calendar-popover-minimum-height": { - "prop": "--spectrum-triple-calendar-popover-minimum-height", - "value": "320px" + "value": "15px" + }, + "prop": "--spectrum-component-s-medium-font-size" }, - "triple-calendar-popover-minimum-width": { - "prop": "--spectrum-triple-calendar-popover-minimum-width", - "value": "912px" + "component-s-medium-font-weight": { + "value": "500", + "prop": "--spectrum-component-s-medium-font-weight" }, - "turquoise-100": { - "prop": "--spectrum-turquoise-100", - "dark": { - "value": "rgb(0, 30, 33)" - }, - "light": { - "value": "rgb(238, 251, 251)" - } + "component-s-medium-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-s-medium-letter-spacing" }, - "turquoise-1000": { - "prop": "--spectrum-turquoise-1000", - "dark": { - "value": "rgb(13, 168, 182)" + "component-s-medium-line-height": { + "desktop": { + "value": "16px" }, - "light": { - "value": "rgb(5, 107, 116)" - } - }, - "turquoise-1100": { - "prop": "--spectrum-turquoise-1100", - "dark": { - "value": "rgb(16, 186, 202)" + "mobile": { + "value": "20px" }, - "light": { - "value": "rgb(3, 90, 98)" - } + "prop": "--spectrum-component-s-medium-line-height" }, - "turquoise-1200": { - "prop": "--spectrum-turquoise-1200", - "dark": { - "value": "rgb(64, 208, 220)" - }, - "light": { - "value": "rgb(1, 74, 81)" - } + "component-s-bold-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-s-bold-font-family" }, - "turquoise-1300": { - "prop": "--spectrum-turquoise-1300", - "dark": { - "value": "rgb(128, 225, 231)" + "component-s-bold-font-size": { + "desktop": { + "value": "12px" }, - "light": { - "value": "rgb(0, 59, 65)" - } - }, - "turquoise-1400": { - "prop": "--spectrum-turquoise-1400", - "dark": { - "value": "rgb(183, 240, 240)" + "mobile": { + "value": "15px" }, - "light": { - "value": "rgb(0, 44, 49)" - } + "prop": "--spectrum-component-s-bold-font-size" }, - "turquoise-1500": { - "prop": "--spectrum-turquoise-1500", - "dark": { - "value": "rgb(228, 249, 249)" - }, - "light": { - "value": "rgb(0, 32, 35)" - } + "component-s-bold-font-weight": { + "value": "700", + "prop": "--spectrum-component-s-bold-font-weight" }, - "turquoise-1600": { - "prop": "--spectrum-turquoise-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 17)" - } + "component-s-bold-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-s-bold-letter-spacing" }, - "turquoise-200": { - "prop": "--spectrum-turquoise-200", - "dark": { - "value": "rgb(0, 37, 41)" + "component-s-bold-line-height": { + "desktop": { + "value": "16px" }, - "light": { - "value": "rgb(209, 245, 245)" - } - }, - "turquoise-300": { - "prop": "--spectrum-turquoise-300", - "dark": { - "value": "rgb(0, 49, 54)" + "mobile": { + "value": "20px" }, - "light": { - "value": "rgb(169, 236, 237)" - } + "prop": "--spectrum-component-s-bold-line-height" }, - "turquoise-400": { - "prop": "--spectrum-turquoise-400", - "dark": { - "value": "rgb(0, 66, 72)" - }, - "light": { - "value": "rgb(111, 221, 228)" - } + "component-m-regular-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-m-regular-font-family" }, - "turquoise-500": { - "prop": "--spectrum-turquoise-500", - "dark": { - "value": "rgb(3, 84, 92)" + "component-m-regular-font-size": { + "desktop": { + "value": "14px" }, - "light": { - "value": "rgb(39, 202, 216)" - } - }, - "turquoise-600": { - "prop": "--spectrum-turquoise-600", - "dark": { - "value": "rgb(5, 103, 112)" + "mobile": { + "value": "17px" }, - "light": { - "value": "rgb(15, 177, 192)" - } + "prop": "--spectrum-component-m-regular-font-size" }, - "turquoise-700": { - "prop": "--spectrum-turquoise-700", - "dark": { - "value": "rgb(7, 120, 131)" - }, - "light": { - "value": "rgb(12, 158, 171)" - } + "component-m-regular-font-weight": { + "value": "400", + "prop": "--spectrum-component-m-regular-font-weight" }, - "turquoise-800": { - "prop": "--spectrum-turquoise-800", - "dark": { - "value": "rgb(9, 131, 142)" - }, - "light": { - "value": "rgb(10, 141, 153)" - } + "component-m-regular-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-m-regular-letter-spacing" }, - "turquoise-900": { - "prop": "--spectrum-turquoise-900", - "dark": { - "value": "rgb(11, 151, 164)" + "component-m-regular-line-height": { + "desktop": { + "value": "18px" }, - "light": { - "value": "rgb(8, 126, 137)" - } - }, - "turquoise-background-color-default": { - "prop": "--spectrum-turquoise-background-color-default", - "ref": "var(--spectrum-turquoise-800)", - "dark": { - "value": "rgb(9, 131, 142)" + "mobile": { + "value": "22px" }, - "light": { - "value": "rgb(10, 141, 153)" - } + "prop": "--spectrum-component-m-regular-line-height" }, - "turquoise-subtle-background-color-default": { - "prop": "--spectrum-turquoise-subtle-background-color-default", - "ref": "var(--spectrum-turquoise-300)", - "dark": { - "value": "rgb(0, 49, 54)" - }, - "light": { - "value": "rgb(169, 236, 237)" - } + "component-m-medium-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-m-medium-font-family" }, - "turquoise-visual-color": { - "prop": "--spectrum-turquoise-visual-color", - "ref": "var(--spectrum-turquoise-900)", - "dark": { - "value": "rgb(11, 151, 164)" + "component-m-medium-font-size": { + "desktop": { + "value": "14px" }, - "light": { - "value": "rgb(8, 126, 137)" - } + "mobile": { + "value": "17px" + }, + "prop": "--spectrum-component-m-medium-font-size" }, - "user-card-minimum-height-extra-large": { - "prop": "--spectrum-user-card-minimum-height-extra-large", - "value": "236px" + "component-m-medium-font-weight": { + "value": "500", + "prop": "--spectrum-component-m-medium-font-weight" }, - "user-card-minimum-height-large": { - "prop": "--spectrum-user-card-minimum-height-large", - "value": "219px" + "component-m-medium-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-m-medium-letter-spacing" }, - "user-card-minimum-height-medium": { - "prop": "--spectrum-user-card-minimum-height-medium", - "value": "202px" + "component-m-medium-line-height": { + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + }, + "prop": "--spectrum-component-m-medium-line-height" }, - "user-card-minimum-height-small": { - "prop": "--spectrum-user-card-minimum-height-small", - "value": "192px" + "component-m-bold-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-m-bold-font-family" }, - "user-card-minimum-height-title-below-extra-large": { - "prop": "--spectrum-user-card-minimum-height-title-below-extra-large", - "value": "263px" + "component-m-bold-font-size": { + "desktop": { + "value": "14px" + }, + "mobile": { + "value": "17px" + }, + "prop": "--spectrum-component-m-bold-font-size" }, - "user-card-minimum-height-title-below-large": { - "prop": "--spectrum-user-card-minimum-height-title-below-large", - "value": "244px" + "component-m-bold-font-weight": { + "value": "700", + "prop": "--spectrum-component-m-bold-font-weight" }, - "user-card-minimum-height-title-below-medium": { - "prop": "--spectrum-user-card-minimum-height-title-below-medium", - "value": "224px" + "component-m-bold-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-m-bold-letter-spacing" }, - "user-card-minimum-height-title-below-small": { - "prop": "--spectrum-user-card-minimum-height-title-below-small", - "value": "212px" + "component-m-bold-line-height": { + "desktop": { + "value": "18px" + }, + "mobile": { + "value": "22px" + }, + "prop": "--spectrum-component-m-bold-line-height" }, - "visual-to-control-100": { - "prop": "--spectrum-visual-to-control-100", + "component-l-regular-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-l-regular-font-family" + }, + "component-l-regular-font-size": { "desktop": { - "value": "8px" + "value": "16px" }, "mobile": { - "value": "10px" - } + "value": "19px" + }, + "prop": "--spectrum-component-l-regular-font-size" }, - "white": { - "prop": "--spectrum-white", - "value": "rgb(255, 255, 255)" + "component-l-regular-font-weight": { + "value": "400", + "prop": "--spectrum-component-l-regular-font-weight" }, - "window-to-edge": { - "prop": "--spectrum-window-to-edge", - "ref": "var(--spectrum-spacing-600)", - "value": "40px" + "component-l-regular-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-l-regular-letter-spacing" }, - "workflow-icon-size-100": { - "prop": "--spectrum-workflow-icon-size-100", + "component-l-regular-line-height": { "desktop": { "value": "20px" }, "mobile": { "value": "24px" - } + }, + "prop": "--spectrum-component-l-regular-line-height" }, - "workflow-icon-size-200": { - "prop": "--spectrum-workflow-icon-size-200", + "component-l-medium-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-l-medium-font-family" + }, + "component-l-medium-font-size": { "desktop": { - "value": "22px" + "value": "16px" }, "mobile": { - "value": "28px" - } + "value": "19px" + }, + "prop": "--spectrum-component-l-medium-font-size" }, - "workflow-icon-size-300": { - "prop": "--spectrum-workflow-icon-size-300", + "component-l-medium-font-weight": { + "value": "500", + "prop": "--spectrum-component-l-medium-font-weight" + }, + "component-l-medium-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-l-medium-letter-spacing" + }, + "component-l-medium-line-height": { "desktop": { - "value": "26px" + "value": "20px" }, "mobile": { - "value": "30px" - } + "value": "24px" + }, + "prop": "--spectrum-component-l-medium-line-height" }, - "workflow-icon-size-50": { - "prop": "--spectrum-workflow-icon-size-50", + "component-l-bold-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-l-bold-font-family" + }, + "component-l-bold-font-size": { "desktop": { - "value": "14px" + "value": "16px" }, "mobile": { - "value": "16px" - } + "value": "19px" + }, + "prop": "--spectrum-component-l-bold-font-size" }, - "workflow-icon-size-75": { - "prop": "--spectrum-workflow-icon-size-75", + "component-l-bold-font-weight": { + "value": "700", + "prop": "--spectrum-component-l-bold-font-weight" + }, + "component-l-bold-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-l-bold-letter-spacing" + }, + "component-l-bold-line-height": { "desktop": { - "value": "16px" + "value": "20px" }, "mobile": { - "value": "18px" - } - }, - "yellow-100": { - "prop": "--spectrum-yellow-100", - "light": { - "value": "rgb(255, 248, 204)" + "value": "24px" }, - "dark": { - "value": "rgb(37, 23, 0)" - } + "prop": "--spectrum-component-l-bold-line-height" }, - "yellow-1000": { - "prop": "--spectrum-yellow-1000", - "light": { - "value": "rgb(134, 85, 0)" - }, - "dark": { - "value": "rgb(203, 141, 0)" - } + "component-xl-regular-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-xl-regular-font-family" }, - "yellow-1100": { - "prop": "--spectrum-yellow-1100", - "light": { - "value": "rgb(114, 72, 0)" + "component-xl-regular-font-size": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(218, 159, 0)" - } - }, - "yellow-1200": { - "prop": "--spectrum-yellow-1200", - "light": { - "value": "rgb(93, 59, 0)" + "mobile": { + "value": "22px" }, - "dark": { - "value": "rgb(235, 183, 0)" - } + "prop": "--spectrum-component-xl-regular-font-size" }, - "yellow-1300": { - "prop": "--spectrum-yellow-1300", - "light": { - "value": "rgb(75, 47, 0)" - }, - "dark": { - "value": "rgb(249, 206, 0)" - } + "component-xl-regular-font-weight": { + "value": "400", + "prop": "--spectrum-component-xl-regular-font-weight" }, - "yellow-1400": { - "prop": "--spectrum-yellow-1400", - "light": { - "value": "rgb(56, 35, 0)" - }, - "dark": { - "value": "rgb(255, 230, 86)" - } + "component-xl-regular-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-xl-regular-letter-spacing" }, - "yellow-1500": { - "prop": "--spectrum-yellow-1500", - "dark": { - "value": "rgb(255, 246, 195)" + "component-xl-regular-line-height": { + "desktop": { + "value": "22px" }, - "light": { - "value": "rgb(40, 25, 0)" - } - }, - "yellow-1600": { - "prop": "--spectrum-yellow-1600", - "dark": { - "value": "rgb(255, 255, 255)" + "mobile": { + "value": "26px" }, - "light": { - "value": "rgb(18, 11, 0)" - } + "prop": "--spectrum-component-xl-regular-line-height" }, - "yellow-200": { - "prop": "--spectrum-yellow-200", - "light": { - "value": "rgb(255, 241, 151)" - }, - "dark": { - "value": "rgb(47, 29, 0)" - } + "component-xl-medium-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-xl-medium-font-family" }, - "yellow-300": { - "prop": "--spectrum-yellow-300", - "light": { - "value": "rgb(255, 222, 44)" + "component-xl-medium-font-size": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(61, 39, 0)" - } - }, - "yellow-400": { - "prop": "--spectrum-yellow-400", - "light": { - "value": "rgb(245, 199, 0)" + "mobile": { + "value": "22px" }, - "dark": { - "value": "rgb(83, 52, 0)" - } + "prop": "--spectrum-component-xl-medium-font-size" }, - "yellow-500": { - "prop": "--spectrum-yellow-500", - "light": { - "value": "rgb(230, 175, 0)" - }, - "dark": { - "value": "rgb(107, 67, 0)" - } + "component-xl-medium-font-weight": { + "value": "500", + "prop": "--spectrum-component-xl-medium-font-weight" }, - "yellow-600": { - "prop": "--spectrum-yellow-600", - "light": { - "value": "rgb(210, 149, 0)" - }, - "dark": { - "value": "rgb(130, 82, 0)" - } + "component-xl-medium-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-xl-medium-letter-spacing" }, - "yellow-700": { - "prop": "--spectrum-yellow-700", - "light": { - "value": "rgb(193, 131, 0)" + "component-xl-medium-line-height": { + "desktop": { + "value": "22px" }, - "dark": { - "value": "rgb(151, 97, 0)" - } - }, - "yellow-800": { - "prop": "--spectrum-yellow-800", - "light": { - "value": "rgb(175, 116, 0)" + "mobile": { + "value": "26px" }, - "dark": { - "value": "rgb(164, 106, 0)" - } + "prop": "--spectrum-component-xl-medium-line-height" }, - "yellow-900": { - "prop": "--spectrum-yellow-900", - "light": { - "value": "rgb(158, 102, 0)" - }, - "dark": { - "value": "rgb(186, 124, 0)" - } + "component-xl-bold-font-family": { + "value": "Adobe Clean Spectrum VF", + "prop": "--spectrum-component-xl-bold-font-family" }, - "yellow-background-color-default": { - "prop": "--spectrum-yellow-background-color-default", - "ref": "var(--spectrum-yellow-1100)", - "light": { - "value": "rgb(114, 72, 0)" + "component-xl-bold-font-size": { + "desktop": { + "value": "18px" }, - "dark": { - "value": "rgb(218, 159, 0)" - } - }, - "yellow-subtle-background-color-default": { - "prop": "--spectrum-yellow-subtle-background-color-default", - "ref": "var(--spectrum-yellow-300)", - "light": { - "value": "rgb(255, 222, 44)" + "mobile": { + "value": "22px" }, - "dark": { - "value": "rgb(61, 39, 0)" - } + "prop": "--spectrum-component-xl-bold-font-size" }, - "yellow-visual-color": { - "prop": "--spectrum-yellow-visual-color", - "ref": "var(--spectrum-yellow-1100)", - "light": { - "value": "rgb(114, 72, 0)" + "component-xl-bold-font-weight": { + "value": "700", + "prop": "--spectrum-component-xl-bold-font-weight" + }, + "component-xl-bold-letter-spacing": { + "value": "0em", + "prop": "--spectrum-component-xl-bold-letter-spacing" + }, + "component-xl-bold-line-height": { + "desktop": { + "value": "22px" }, - "dark": { - "value": "rgb(218, 159, 0)" - } + "mobile": { + "value": "26px" + }, + "prop": "--spectrum-component-xl-bold-line-height" } -} \ No newline at end of file +} diff --git a/tokens/package.json b/tokens/package.json index 6b01afe1930..3a2ab80d65d 100644 --- a/tokens/package.json +++ b/tokens/package.json @@ -32,6 +32,7 @@ "lodash-es": "^4.17.21", "postcss": "^8.5.6", "postcss-sorting": "^9.1.0", + "prettier": "^3.6.2", "style-dictionary": "^4.4.0" }, "keywords": [ diff --git a/tokens/project.json b/tokens/project.json index 70993a76967..b06567312ae 100644 --- a/tokens/project.json +++ b/tokens/project.json @@ -16,7 +16,7 @@ "inputs": ["core", "tools", { "externalDependencies": ["postcss"] }], "options": { "commands": [ - "node --no-warnings ./tasks/token-rollup.js", + "node --no-warnings ./tasks/token-rollup.js" ], "cwd": "{projectRoot}", "parallel": false diff --git a/tokens/style-dictionary.config.js b/tokens/style-dictionary.config.js index 10fea929959..2e3f44b6006 100644 --- a/tokens/style-dictionary.config.js +++ b/tokens/style-dictionary.config.js @@ -53,10 +53,10 @@ export default { css: { buildPath: join("dist", "css") + sep, transforms: [ + CSSBorderRoundingTransform.name, + CSSOpenTypeTransform.name, AttributeSetsTransform.name, NameKebabTransfom.name, - CSSOpenTypeTransform.name, - CSSBorderRoundingTransform.name, ], prefix: "spectrum", files: [ diff --git a/tokens/utilities/css-font-open-type-transform.js b/tokens/utilities/css-font-open-type-transform.js index a2a7b9002a9..1725f0bdcf3 100644 --- a/tokens/utilities/css-font-open-type-transform.js +++ b/tokens/utilities/css-font-open-type-transform.js @@ -1,5 +1,6 @@ export default { type: "value", + transitive: true, name: "font/openType", filter: (token) => token.name.includes("font-weight"), transform: (token) => { diff --git a/tokens/utilities/css-sets-formatter.js b/tokens/utilities/css-sets-formatter.js index b60b1887728..dcbbf06f52e 100644 --- a/tokens/utilities/css-sets-formatter.js +++ b/tokens/utilities/css-sets-formatter.js @@ -1,4 +1,4 @@ -import { valueFormatter } from "./shared-logic.js"; +import { fetchDefinition } from "./shared-logic.js"; /** * The format function to split out the token set data into distinct CSS variables @@ -6,7 +6,7 @@ import { valueFormatter } from "./shared-logic.js"; */ export const format = ({ dictionary, platform, options }) => { const { prefix } = platform; - let selector = ":root"; + let selector = ".spectrum"; const context = options.sets?.[0]; const definitions = []; @@ -14,17 +14,18 @@ export const format = ({ dictionary, platform, options }) => { dictionary.allTokens.forEach((token) => { if (!token) return; - const values = valueFormatter(token.original?.value ?? token?.value, { path: token.path, prefix }); - + const values = fetchDefinition(token, { prefix }); if (!values || values.length === 0) return; values.forEach(({ key, prop, value, ref, ...sets }) => { if (key.includes("android")) return; + // If there are no default values, check for contextual values if (!value) { - if (context && sets[context]) definitions.push(`${prop}: ${sets[context]};`); - else if (sets.light) definitions.push(`${prop}: ${sets.light};`); - else if (sets.desktop) definitions.push(`${prop}: ${sets.desktop};`); + if (context && sets[context] && sets[context].value) definitions.push(`${prop}: ${sets[context].value};`); + else if (sets.light && sets.light.value) definitions.push(`${prop}: ${sets.light.value};`); + else if (sets.desktop && sets.desktop.value) definitions.push(`${prop}: ${sets.desktop.value};`); + /* @todo: this is where we could use the useReferences option to resolve the value fully */ else if (ref) definitions.push(`${prop}: ${ref};`); } else definitions.push(`${prop}: ${value};`); diff --git a/tokens/utilities/data-json-formatter.js b/tokens/utilities/data-json-formatter.js index 1b8cc98ddc5..d1d6e2cba2b 100644 --- a/tokens/utilities/data-json-formatter.js +++ b/tokens/utilities/data-json-formatter.js @@ -1,15 +1,19 @@ -import { valueFormatter, varToRef } from "./shared-logic.js"; - -export const format = ({ dictionary, platform }) => { - const { prefix } = platform; +import path from "path"; +import prettier from "prettier"; +import { fetchDefinition, varToRef } from "./shared-logic.js"; + +/** + * Formats the data file for the given platform. + * @type {import('style-dictionary/types').FormatFn} format + */ +export const format = ({ dictionary, platform, file, options }) => { + const { prefix, buildPath } = platform; let result = {}; dictionary.allTokens.forEach((token) => { if (!token) return; - const context = token.attributes?.sets?.[0]; - - const values = valueFormatter(token.original?.value ?? token.value, { path: token.path, prefix, context }); + const values = fetchDefinition(token, { prefix }); if (!values || values.length === 0) return; values.forEach(({ key, ...data }) => { @@ -21,23 +25,33 @@ export const format = ({ dictionary, platform }) => { }); }); - // Sort the result alphabetically by keys - result = Object.entries(result).sort().reduce((acc, [key, value]) => { + function resolveNestedRefs(value, { prefix, result } = {}) { if (value.ref && !value.value) { const subKey = varToRef(value.ref, prefix); - const subValue = result[subKey]; + let subValue = result[subKey]; if (subValue) { + // If the result has only the "ref" and "prop" keys, pass this back through + if (Object.keys(subValue).length === 2 && subValue.ref && subValue.prop) { + subValue = resolveNestedRefs(subValue, { prefix, result }); + } + Object.entries(subValue).forEach(([k, v]) => { if (["ref", "prop"].includes(k)) return; value[k] = v; }); } } - acc[key] = value; + + return value; + } + + // Sort the result alphabetically by keys + result = Object.entries(result).reduce((acc, [key, value]) => { + acc[key] = resolveNestedRefs(value, { prefix, result }); return acc; }, {}); - return JSON.stringify(result, null, 2); + return prettier.format(JSON.stringify(result, null, 2), { parser: "json", filepath: path.join(buildPath, file.destination) }); }; format.nested = true; diff --git a/tokens/utilities/shared-logic.js b/tokens/utilities/shared-logic.js index 4d3f26f36aa..c77d6bdb1f9 100644 --- a/tokens/utilities/shared-logic.js +++ b/tokens/utilities/shared-logic.js @@ -29,40 +29,63 @@ export const varToRef = (varName, prefix) => { /** * @description Formats the value of a token for CSS - * @returns {string[]} + * @param {import('style-dictionary/types').TransformedToken} token + * @param {Object} options + * @param {string} options.prefix + * @param {string} options.subtype + * @returns {import('style-dictionary/types').TransformedToken[]} */ -export const valueFormatter = (value, options = {}) => { - if (!value) return; +export const fetchDefinition = (token, { prefix } = {}) => { + if (!token) return []; - const { path = [], prefix, context, subtype } = options; - - if (subtype) path.push(subtype); + let path = token.original?.path ?? token?.path ?? []; + let context = token.attributes?.sets?.[0]; + let value = valueFormatter(token?.value ?? token.original?.value, { prefix, context }); const parts = generateNameArray(path); - const ret = { - key: parts.join("-"), - prop: ["-", prefix, ...parts].filter(Boolean).join("-"), - }; + if (Array.isArray(value)) { + return value.map(({ subtype, ...valueObj }) => { + return { + ...valueObj, + key: [...parts, subtype].join("-"), + prop: ["-", prefix, ...parts, subtype].filter(Boolean).join("-"), + }; + }); + } + else { + return [{ + ...value, + key: parts.join("-"), + prop: ["-", prefix, ...parts].filter(Boolean).join("-"), + }]; + } +}; + +function valueFormatter(value, { prefix, context } = {}) { + let ret = {}; if (isObject(value)) { if (isASet(value)) { Object.entries(value.sets).forEach(([set, data]) => { - ret[set] = valueFormatter(data, options); + ret[set] = valueFormatter(data, { prefix, context }); }); - - return [ret]; } - else return Object.entries(value).map(([k, v]) => { - return valueFormatter(v, { ...options, subtype: kebabCase(k) }); - })?.flat(); + else if (!Object.keys(value).includes("$schema")) { + // Parsing composited tokens + return Object.entries(value).map(([k, v]) => { + return { ...valueFormatter(v, { prefix, context }), subtype: kebabCase(k) }; + }).flat(); + } + else if (value.value) { + return valueFormatter(value.value, { prefix, context }); + } } - - if (!usesReferences(value)) { + else if (!usesReferences(value)) { if (context) ret[context] = { value: String(value) }; else ret.value = String(value); } else ret.ref = refToVarFunction(String(value), prefix); - return [ret]; -}; + return ret; +} diff --git a/yarn.lock b/yarn.lock index 9fc966f4fdf..7284153281b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5769,6 +5769,7 @@ __metadata: lodash-es: "npm:^4.17.21" postcss: "npm:^8.5.6" postcss-sorting: "npm:^9.1.0" + prettier: "npm:^3.6.2" style-dictionary: "npm:^4.4.0" languageName: unknown linkType: soft