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 50174fa532e..fc6c0bf7699 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) { + :root { + /** 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..d2ad2fa7816 100644 --- a/tokens/custom/global-vars.css +++ b/tokens/custom/global-vars.css @@ -12,9 +12,7 @@ */ /* This file contains overrides and additions to core tokens */ -.spectrum { - --system: 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 f1ae0d95ed2..85f0b56b2a4 100644 --- a/tokens/custom/light-vars.css +++ b/tokens/custom/light-vars.css @@ -12,10 +12,7 @@ */ /* This file contains overrides and additions to core tokens */ -.spectrum--light { - /* stylelint-disable-next-line custom-property-pattern -- context identification */ - --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); @@ -59,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 d9f08666d34..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--medium { +: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/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/tokens/style-dictionary.config.js b/tokens/style-dictionary.config.js index e982115833a..10fea929959 100644 --- a/tokens/style-dictionary.config.js +++ b/tokens/style-dictionary.config.js @@ -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..5effc047cee 100644 --- a/tokens/utilities/css-sets-formatter.js +++ b/tokens/utilities/css-sets-formatter.js @@ -1,60 +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 = (token, platform) => { - if (!usesReferences(token.original.value)) return token.value; - - const resultAr = token.original.value - .substring(1, token.original.value.length - 1) - .split("."); - - if (platform.prefix) resultAr.splice(0, 0, platform.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 }) => { - const resultAr = []; +export const format = ({ dictionary, platform, options }) => { + const { prefix } = platform; + let selector = ":root"; + const context = options.sets?.[0]; - dictionary.allTokens.forEach((token) => { - const name = generateNameArray(token, platform.prefix); - const value = valueFormatter(token, platform); - - if (!value) return; - if (name[1]?.startsWith("android-")) { - return; - } + const definitions = []; - resultAr.push(` --${name.join("-")}: ${value};`); + dictionary.allTokens.forEach((token) => { + if (!token) return; + + const values = valueFormatter(token.original?.value ?? token?.value, { path: token.path, prefix }); + + if (!values || values.length === 0) return; + + values.forEach(({ key, prop, value, ref, ...sets }) => { + if (key.includes("android")) return; + // If there are no default values, check for contextual values + if (!value) { + if (context && sets[context]) definitions.push(`${prop}: ${sets[context]};`); + else if (sets.light) definitions.push(`${prop}: ${sets.light};`); + else if (sets.desktop) definitions.push(`${prop}: ${sets.desktop};`); + else if (ref) definitions.push(`${prop}: ${ref};`); + } + else definitions.push(`${prop}: ${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} { ${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]; +}; 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"