From dc8f6f32de81a3ac17cdca5d8800c4a9282a62ae 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/4] 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 3a0ef3a3b82..82dfc1844d6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -188,10 +188,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 @@ -5750,7 +5750,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 86d393cca0f2731435c6cdda95ab377c133fff26 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/4] 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 471cf6bb00e1b89481d09c5ceee3ed618be28638 Mon Sep 17 00:00:00 2001 From: castastrophe Date: Thu, 19 Jun 2025 11:03:33 -0400 Subject: [PATCH 3/4] 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 e8d252d58fa818bcc5dabdae36dc0ef84482ac5e Mon Sep 17 00:00:00 2001 From: castastrophe Date: Wed, 9 Jul 2025 14:22:33 -0400 Subject: [PATCH 4/4] feat(tokens): support for composite formats --- lint-staged.config.js | 2 +- tokens/custom/dark-vars.css | 2 +- tokens/custom/global-vars.css | 2 +- tokens/custom/light-vars.css | 5 +- tokens/custom/medium-vars.css | 2 +- tokens/dist/json/tokens.json | 2025 ++++++++++++----------- tokens/style-dictionary.config.js | 2 +- tokens/utilities/css-sets-formatter.js | 70 +- tokens/utilities/data-json-formatter.js | 80 +- tokens/utilities/json-sets-formatter.js | 51 - tokens/utilities/shared-logic.js | 68 + 11 files changed, 1206 insertions(+), 1103 deletions(-) delete mode 100644 tokens/utilities/json-sets-formatter.js create mode 100644 tokens/utilities/shared-logic.js diff --git a/lint-staged.config.js b/lint-staged.config.js index b33fb6cae6b..4ca6f1ca9c4 100644 --- a/lint-staged.config.js +++ b/lint-staged.config.js @@ -1,7 +1,7 @@ module.exports = { "*.css": [ "stylelint --fix --cache --allow-empty-input --report-descriptionless-disables --report-invalid-scope-disables --report-needless-disables", - "prettier --no-config --no-error-on-unmatched-pattern --ignore-unknown --log-level silent --write --config .prettierrc", + "prettier --no-error-on-unmatched-pattern --ignore-unknown --log-level silent --write --config .prettierrc", ], "*.{js,json},!package.json": [ "eslint --fix --cache --no-error-on-unmatched-pattern" diff --git a/tokens/custom/dark-vars.css b/tokens/custom/dark-vars.css index 4b96195cdee..fc6c0bf7699 100644 --- a/tokens/custom/dark-vars.css +++ b/tokens/custom/dark-vars.css @@ -17,7 +17,7 @@ } @media (prefers-color-scheme: dark) { - .spectrum { + :root { /** COMPONENT-SPECIFIC OVERRIDES **/ --spectrum-assetcard-border-color-selected: var(--spectrum-blue-800); --spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800); diff --git a/tokens/custom/global-vars.css b/tokens/custom/global-vars.css index cfad693ea73..d2ad2fa7816 100644 --- a/tokens/custom/global-vars.css +++ b/tokens/custom/global-vars.css @@ -12,7 +12,7 @@ */ /* This file contains overrides and additions to core tokens */ -.spectrum { +:root { --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 6defd907132..85f0b56b2a4 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; - +:root { --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,5 @@ --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..ed46d3e78b2 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 { +:root { /* 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 index 1bae2165578..13d2d3a9d3d 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)" @@ -711,11 +687,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 +925,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 +941,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 +1361,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 +1381,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 +1406,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 +1455,7 @@ }, "black-font-weight": { "prop": "--spectrum-black-font-weight", - "ref": "black", - "value": "900" + "value": "black" }, "blue-100": { "prop": "--spectrum-blue-100", @@ -1659,7 +1605,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 +1615,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 +1625,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 +1639,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 +1654,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 +1749,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 +1759,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 +1774,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 +1788,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 +1803,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 +1813,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 +1823,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 +1833,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 +1848,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 +1858,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 +1868,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 +1952,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 +2148,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 +2384,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 +2579,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 +2612,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 +2787,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 +2797,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 +2807,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 +2997,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 +3007,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 +3017,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 +3386,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 +3424,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 +3472,7 @@ "prop": "--spectrum-coach-mark-body-font-size", "ref": "var(--spectrum-body-size-s)", "desktop": { - "value": "16px" + "value": "14px" }, "mobile": { "value": "17px" @@ -3536,9 +3480,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 +3490,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 +3533,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 +3541,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 +3570,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 +3593,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 +3608,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 +3643,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 +3653,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 +3673,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 +3687,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 +3752,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 +3762,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 +3820,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 +3883,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 +3944,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 +3997,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 +4059,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,55 +4337,310 @@ "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": "14px" + "value": "16px" }, "mobile": { - "value": "17px" + "value": "19px" } }, - "component-pill-edge-to-visual-200": { - "prop": "--spectrum-component-pill-edge-to-visual-200", - "desktop": { - "value": "18px" + "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" + }, + "mobile": { + "value": "17px" + } + }, + "component-pill-edge-to-visual-200": { + "prop": "--spectrum-component-pill-edge-to-visual-200", + "desktop": { + "value": "18px" }, "mobile": { "value": "22px" @@ -4565,6 +4700,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 +4819,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 +4857,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 +5169,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 +5183,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 +5199,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 +5241,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 +5555,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 +5565,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 +5575,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 +5676,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 +5690,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 +5705,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 +5715,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 +5725,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 +5735,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 +5745,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 +5810,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 +5820,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 +5839,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 +5857,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 +5872,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 +5882,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 +5892,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 +5902,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 +5912,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 +5922,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 +5932,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 +5946,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 +5961,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 +5971,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 +5981,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 +5991,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 +6001,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 +6011,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 +6021,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 +6427,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 +6445,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 +6461,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 +6485,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 +7141,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 +7529,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 +7539,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 +7549,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 +7692,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 +7702,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 +7712,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 +7866,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 +7876,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 +7886,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 +7904,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 +7919,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 +7929,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 +7939,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 +7949,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 +7959,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 +7969,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 +7979,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 +7989,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 +7999,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 +8104,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 +8114,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 +8129,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 +8147,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 +8162,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 +8172,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 +8182,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 +8192,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 +8202,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 +8212,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 +8222,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 +8232,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 +8242,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 +8252,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 +8262,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 +8272,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 +8287,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 +8297,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 +8307,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 +8317,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 +8327,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 +8337,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 +8347,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 +8357,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 +8367,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 +8377,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 +8387,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 +8527,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 +8537,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 +8547,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 +8557,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 +8566,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 +8617,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 +8627,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 +8637,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 +8647,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 +8657,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 +8667,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 +8677,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 +8686,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 +8727,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 +8797,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 +8807,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 +8817,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 +8827,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 +8867,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 +8877,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 +8887,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 +8897,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 +8941,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 +8951,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 +8961,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 +8969,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 +8993,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 +9003,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 +9013,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 +9032,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 +9089,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 +9099,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 +9109,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 +9119,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 +9129,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 +9139,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 +9149,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 +9159,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 +9198,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 +9289,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 +9299,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 +9309,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 +9317,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 +9331,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 +9339,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 +9354,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 +9362,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 +9380,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 +9723,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 +9733,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 +9743,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 +9751,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 +9929,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 +9939,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 +9959,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 +10361,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 +10371,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 +10381,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 +10389,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 +10405,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 +10415,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 +10425,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 +10435,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 +10731,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 +10971,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 +11007,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 +11017,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 +11167,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 +11177,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 +11187,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 +11197,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 +11257,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 +11267,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 +11275,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 +11441,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 +11451,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 +11459,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 +11537,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 +11728,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 +11738,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 +11748,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 +11784,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 +11969,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 +12035,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 +12213,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 +12223,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 +12475,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 +12485,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 +12495,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 +12798,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 +12808,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 +12818,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 +12826,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 +12980,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 +12990,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 +13000,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 +13008,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 +13434,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 +14002,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 +14062,7 @@ "prop": "--spectrum-standard-dialog-body-font-size", "ref": "var(--spectrum-body-size-s)", "desktop": { - "value": "16px" + "value": "14px" }, "mobile": { "value": "17px" @@ -13918,13 +14086,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 +14130,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 +14455,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 +15918,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 +16240,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 +16262,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 +16367,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 +16614,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 +16628,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 +16643,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 +16728,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 +16738,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 +16753,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 +16771,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 +16786,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 +16796,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 +16806,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 +16816,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 +16831,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 +16841,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 +16851,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 +17200,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 +17268,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 +17498,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 +17768,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 +17778,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 +17788,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/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..5effc047cee 100644 --- a/tokens/utilities/css-sets-formatter.js +++ b/tokens/utilities/css-sets-formatter.js @@ -1,70 +1,40 @@ -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}`; + 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 `${mediaQuery}${selector} {\n${resultAr.join("\n")}\n}\n${mediaQuery ? '}\n' : ''}`; + return `${mediaQuery}${selector} { ${definitions.join(" ")} }${mediaQuery ? " } " : ""}`; }; 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]; +};