diff --git a/.changeset/selfish-ravens-drive.md b/.changeset/selfish-ravens-drive.md new file mode 100644 index 00000000000..f3665058fdd --- /dev/null +++ b/.changeset/selfish-ravens-drive.md @@ -0,0 +1,15 @@ +--- +"@spectrum-css/stepper": minor +--- + +Previously, stepper has some inconsistencies in its hover interactions, particularly when the stepper was in a different state, like focus or keyboardFocus. The changes here should ensure any combination of hovering over a nested stepper sub-components triggers the correct border color changes to all subcomponents. As an example, hovering over the stepper buttons should trigger a border color change in the stepper buttons, AS WELL AS trigger the border color on the stepper textfield. + +New mods: +`--mod-stepper-border-color-disabled` + +Removed mods: +`--mod-stepper-buttons-border-color` +`--mod-stepper-buttons-border-color-focus` +`--mod-stepper-buttons-border-color-focus-hover` +`--mod-stepper-buttons-border-color-hover` +`--mod-stepper-buttons-border-color-keyboard-focus` diff --git a/components/stepper/dist/metadata.json b/components/stepper/dist/metadata.json index cfea6e878d6..d1867c81ca6 100644 --- a/components/stepper/dist/metadata.json +++ b/components/stepper/dist/metadata.json @@ -4,41 +4,60 @@ ".spectrum-Stepper", ".spectrum-Stepper--quiet", ".spectrum-Stepper--quiet.hide-stepper .spectrum-Stepper-input", + ".spectrum-Stepper--quiet.is-disabled", ".spectrum-Stepper--quiet.is-keyboardFocused:not(.is-disabled)", ".spectrum-Stepper--quiet:after", + ".spectrum-Stepper--quiet:not(.is-disabled):focus-visible", ".spectrum-Stepper-button", ".spectrum-Stepper-buttons", ".spectrum-Stepper-input", ".spectrum-Stepper.hide-stepper .spectrum-Stepper-input", ".spectrum-Stepper.is-disabled", + ".spectrum-Stepper.is-focused", + ".spectrum-Stepper.is-focused.is-hover", + ".spectrum-Stepper.is-focused:hover", ".spectrum-Stepper.is-focused:not(.is-disabled)", ".spectrum-Stepper.is-focused:not(.is-disabled):hover", + ".spectrum-Stepper.is-hover:focus", + ".spectrum-Stepper.is-hover:focus-visible", + ".spectrum-Stepper.is-hover:not(.is-disabled)", ".spectrum-Stepper.is-invalid", ".spectrum-Stepper.is-invalid.is-focused", + ".spectrum-Stepper.is-invalid.is-focused.is-hover", ".spectrum-Stepper.is-invalid.is-focused:hover", + ".spectrum-Stepper.is-invalid.is-hover:focus", ".spectrum-Stepper.is-invalid.is-keyboardFocused", + ".spectrum-Stepper.is-invalid.is-keyboardFocused:hover", ".spectrum-Stepper.is-invalid:focus", ".spectrum-Stepper.is-invalid:focus-visible", + ".spectrum-Stepper.is-invalid:focus-visible:hover", ".spectrum-Stepper.is-invalid:focus:hover", - ".spectrum-Stepper.is-invalid:hover", + ".spectrum-Stepper.is-keyboardFocused", + ".spectrum-Stepper.is-keyboardFocused.is-hover", + ".spectrum-Stepper.is-keyboardFocused:hover", ".spectrum-Stepper.is-keyboardFocused:not(.is-disabled)", ".spectrum-Stepper.spectrum-Stepper--quiet", - ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused:not(.is-disabled)", - ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused:not(.is-disabled):hover", + ".spectrum-Stepper.spectrum-Stepper--quiet.is-disabled", + ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused", + ".spectrum-Stepper.spectrum-Stepper--quiet.is-focused:hover", ".spectrum-Stepper.spectrum-Stepper--quiet.is-invalid", + ".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused", + ".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused:hover", ".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused:not(.is-disabled)", - ".spectrum-Stepper.spectrum-Stepper--quiet.is-keyboardFocused:not(.is-disabled):hover", - ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):focus", - ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):focus:hover", + ".spectrum-Stepper.spectrum-Stepper--quiet:focus", + ".spectrum-Stepper.spectrum-Stepper--quiet:focus-visible", + ".spectrum-Stepper.spectrum-Stepper--quiet:focus-visible:hover", + ".spectrum-Stepper.spectrum-Stepper--quiet:focus:hover", ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):hover", ".spectrum-Stepper.spectrum-Stepper--sizeL", ".spectrum-Stepper.spectrum-Stepper--sizeM", ".spectrum-Stepper.spectrum-Stepper--sizeS", ".spectrum-Stepper.spectrum-Stepper--sizeXL", ".spectrum-Stepper:before", - ".spectrum-Stepper:hover:not(.is-invalid, .is-disabled, .is-focused)", - ".spectrum-Stepper:not(.is-disabled) .is-focused", - ".spectrum-Stepper:not(.is-disabled) .is-focused:hover", + ".spectrum-Stepper:focus", + ".spectrum-Stepper:focus-visible", + ".spectrum-Stepper:focus-visible:hover", + ".spectrum-Stepper:focus:hover", ".spectrum-Stepper:not(.is-disabled):focus", ".spectrum-Stepper:not(.is-disabled):focus-visible", ".spectrum-Stepper:not(.is-disabled):focus:hover", @@ -48,6 +67,7 @@ "modifiers": [ "--mod-stepper-animation-duration", "--mod-stepper-border-color", + "--mod-stepper-border-color-disabled", "--mod-stepper-border-color-focus", "--mod-stepper-border-color-focus-hover", "--mod-stepper-border-color-focus-hover-invalid", @@ -63,11 +83,6 @@ "--mod-stepper-button-width", "--mod-stepper-button-width-quiet", "--mod-stepper-buttons-background-color", - "--mod-stepper-buttons-border-color", - "--mod-stepper-buttons-border-color-focus", - "--mod-stepper-buttons-border-color-focus-hover", - "--mod-stepper-buttons-border-color-hover", - "--mod-stepper-buttons-border-color-keyboard-focus", "--mod-stepper-buttons-border-style", "--mod-stepper-buttons-border-width", "--mod-stepper-focus-indicator-color", @@ -88,6 +103,7 @@ "--spectrum-stepper-border-color-focus-hover-invalid", "--spectrum-stepper-border-color-focus-invalid", "--spectrum-stepper-border-color-hover", + "--spectrum-stepper-border-color-hover-invalid", "--spectrum-stepper-border-color-invalid", "--spectrum-stepper-border-color-keyboard-focus", "--spectrum-stepper-border-color-keyboard-focus-invalid", @@ -99,11 +115,6 @@ "--spectrum-stepper-button-width", "--spectrum-stepper-buttons-background-color", "--spectrum-stepper-buttons-background-color-disabled", - "--spectrum-stepper-buttons-border-color", - "--spectrum-stepper-buttons-border-color-focus", - "--spectrum-stepper-buttons-border-color-focus-hover", - "--spectrum-stepper-buttons-border-color-hover", - "--spectrum-stepper-buttons-border-color-keyboard-focus", "--spectrum-stepper-buttons-border-style", "--spectrum-stepper-buttons-border-width", "--spectrum-stepper-focus-indicator-color", @@ -121,7 +132,6 @@ "--spectrum-component-height-300", "--spectrum-component-height-75", "--spectrum-corner-radius-100", - "--spectrum-disabled-border-color", "--spectrum-focus-indicator-color", "--spectrum-focus-indicator-gap", "--spectrum-focus-indicator-thickness", @@ -151,6 +161,7 @@ "--system-stepper-border-color-focus-hover-invalid", "--system-stepper-border-color-focus-invalid", "--system-stepper-border-color-hover", + "--system-stepper-border-color-hover-invalid", "--system-stepper-border-color-invalid", "--system-stepper-border-color-keyboard-focus", "--system-stepper-border-color-keyboard-focus-invalid", @@ -159,10 +170,6 @@ "--system-stepper-button-border-width-disabled", "--system-stepper-buttons-background-color", "--system-stepper-buttons-background-color-disabled", - "--system-stepper-buttons-border-color", - "--system-stepper-buttons-border-color-focus", - "--system-stepper-buttons-border-color-hover", - "--system-stepper-buttons-border-color-keyboard-focus", "--system-stepper-buttons-border-style", "--system-stepper-buttons-border-width", "--system-stepper-quiet-button-edge-to-fill", @@ -184,7 +191,11 @@ "--mod-textfield-background-color", "--mod-textfield-border-color", "--mod-textfield-border-color-disabled", + "--mod-textfield-border-color-focus", "--mod-textfield-border-color-hover", + "--mod-textfield-border-color-invalid-focus", + "--mod-textfield-border-color-invalid-hover", + "--mod-textfield-border-color-keyboard-focus", "--mod-textfield-border-width", "--mod-textfield-focus-indicator-color", "--mod-textfield-focus-indicator-width", diff --git a/components/stepper/index.css b/components/stepper/index.css index f3c9682c07d..8395036fcec 100644 --- a/components/stepper/index.css +++ b/components/stepper/index.css @@ -116,23 +116,29 @@ --mod-stepper-border-color-keyboard-focus: var(--mod-stepper-border-color-keyboard-focus-invalid, var(--spectrum-negative-border-color-key-focus)); } + &:not(.is-disabled).is-hover, &:not(.is-disabled):hover { --mod-stepper-border-color: var(--highcontrast-stepper-border-color-hover, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover))); } - &:not(.is-disabled).is-focused, - &:not(.is-disabled):focus { + &.is-focused, + &:focus { --mod-stepper-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus))); - --mod-stepper-buttons-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus))); + &.is-hover, &:hover { --mod-stepper-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); - --mod-stepper-buttons-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); } } - &:not(.is-disabled).is-keyboardFocused { + &.is-keyboardFocused, + &:focus-visible { --mod-stepper-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-keyboard-focus))); + + &.is-hover, + &:hover { + --mod-stepper-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); + } } &.spectrum-Stepper--quiet { @@ -151,7 +157,7 @@ } &.is-invalid { - --mod-stepper-border-color: var(--mod-stepper-border-color-invalid, var(--spectrum-negative-border-color-default)); + --mod-stepper-border-color: var(--mod-stepper-border-color-invalid, var(--spectrum-stepper-border-color-invalid)); } } } @@ -159,68 +165,56 @@ /* --- Component-level passthroughs for nested components --- */ /* @passthrough start -- MODS for sub components */ .spectrum-Stepper { - --mod-infield-button-border-color: var(--mod-stepper-buttons-border-color, var(--spectrum-stepper-buttons-border-color)); - --mod-infield-button-border-color-quiet-disabled: var(--spectrum-disabled-border-color); + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color))); --mod-infield-button-border-width: var(--mod-stepper-button-border-width, var(--spectrum-stepper-button-border-width)); --mod-textfield-border-width: var(--mod-stepper-border-width, var(--spectrum-stepper-border-width)); - --mod-textfield-border-color: var(--spectrum-stepper-border-color); + --mod-textfield-border-color: var(--mod-stepper-border-color, var(--spectrum-stepper-border-color)); + --mod-textfield-border-color-hover: var(--mod-stepper-border-color, var(--spectrum-stepper-border-color-hover)); + --mod-textfield-border-color-focus: var(--mod-stepper-border-color, var(--spectrum-stepper-border-color-focus)); + --mod-textfield-border-color-keyboard-focus: var(--mod-stepper-border-color, var(--spectrum-stepper-border-color-keyboard-focus)); &:not(.spectrum-Stepper--quiet) { --mod-textfield-border-color-disabled: var(--spectrum-stepper-border-color-disabled); } - &:hover:not(.is-invalid, .is-disabled, .is-focused) { - --mod-infield-button-border-color: var(--mod-stepper-buttons-border-color-hover, var(--spectrum-stepper-buttons-border-color-hover)); - } - - &:not(.is-disabled) { - .is-focused, - &:focus { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-focus, var(--mod-stepper-buttons-border-color-focus, var(--spectrum-stepper-buttons-border-color-focus))); - --mod-textfield-focus-indicator-width: 0; - - &:hover { - /* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- allows for --spectrum-stepper-buttons-border-color-focus-hover to be defined outside of current context */ - --mod-infield-button-border-color: var(--mod-stepper-buttons-border-color-focus-hover, var(--spectrum-stepper-buttons-border-color-focus-hover)); - --mod-textfield-focus-indicator-width: 0; - --mod-textfield-border-color: var(--highcontrast-stepper-border-color-focus-hover, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); - } - } + &:not(.is-disabled).is-keyboardFocused, + &:focus-visible { + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus))); + --mod-textfield-focus-indicator-width: 0; + --mod-textfield-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus))); - &.is-keyboardFocused, - &:focus-visible { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-buttons-border-color-keyboard-focus, var(--spectrum-stepper-buttons-border-color-keyboard-focus))); - --mod-textfield-focus-indicator-width: 0; - --mod-textfield-border-color: var(--highcontrast-stepper-border-color-keyboard-focus, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus))); - - /* keyboard focus indicator is visible */ - outline: var(--spectrum-stepper-focus-indicator-width) solid; - outline-color: var(--spectrum-stepper-focus-indicator-color); - outline-offset: var(--spectrum-stepper-focus-indicator-gap); - } + /* keyboard focus indicator is visible */ + outline: var(--spectrum-stepper-focus-indicator-width) solid; + outline-color: var(--spectrum-stepper-focus-indicator-color); + outline-offset: var(--spectrum-stepper-focus-indicator-gap); } &.is-invalid { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-invalid, var(--spectrum-stepper-border-color-invalid))); + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color-invalid))); --mod-textfield-icon-spacing-inline-start-invalid: 0; - - &:hover { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover-invalid, var(--spectrum-negative-border-color-hover))); - } + --mod-textfield-border-color-invalid-focus: var(--spectrum-stepper-border-color-focus-invalid); &.is-focused, &:focus { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-invalid, var(--spectrum-stepper-border-color-focus-invalid))); + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color, var(--spectrum-stepper-border-color-focus-invalid))); + &.is-hover, &:hover { --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover-invalid, var(--spectrum-stepper-border-color-focus-hover-invalid))); + --mod-textfield-border-color-invalid-hover: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover-invalid, var(--spectrum-stepper-border-color-focus-hover-invalid))); } } &.is-keyboardFocused, &:focus-visible { --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-keyboard-focus-invalid, var(--spectrum-stepper-border-color-keyboard-focus-invalid))); + --mod-textfield-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-keyboard-focus-invalid, var(--spectrum-stepper-border-color-keyboard-focus-invalid))); + + &:hover { + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover-invalid, var(--spectrum-stepper-border-color-focus-hover-invalid))); + --mod-textfield-border-color-invalid-hover: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover-invalid, var(--spectrum-stepper-border-color-focus-hover-invalid))); + } } } @@ -240,30 +234,29 @@ --mod-textfield-background-color: transparent; --mod-textfield-border-color-hover: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover))); - &:not(.is-disabled) { - &:hover { - --mod-textfield-border-color-hover: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover))); - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover))); - } + &.is-disabled { + --mod-infield-button-border-color-quiet-disabled: var(--spectrum-stepper-border-color-disabled); + --mod-textfield-border-color-disabled: var(--mod-stepper-border-color-disabled, var(--spectrum-stepper-border-color-disabled)); + } - /* quiet focus */ - &.is-focused, - &:focus { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus))); + /* quiet focus */ + &.is-focused, + &:focus { + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus, var(--spectrum-stepper-border-color-focus))); - /* stylelint-disable-next-line max-nesting-depth -- @todo reduce complexity of selectors */ - &:hover { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); - } + &:hover { + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); } + } - &.is-keyboardFocused { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus))); + &.is-keyboardFocused, + &:focus-visible { + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus))); + --mod-textfield-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-keyboard-focus, var(--spectrum-stepper-border-color-keyboard-focus))); - /* stylelint-disable-next-line max-nesting-depth -- @todo reduce complexity of selectors */ - &:hover { - --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-hover, var(--spectrum-stepper-border-color-hover))); - } + &:hover { + --mod-infield-button-border-color: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); + --mod-textfield-border-color-hover: var(--highcontrast-stepper-border-color, var(--mod-stepper-border-color-focus-hover, var(--spectrum-stepper-border-color-focus-hover))); } } } @@ -305,7 +298,7 @@ block-size: var(--spectrum-stepper-height); inline-size: var(--spectrum-stepper-button-width); - border-color: var(--spectrum-stepper-border-color); + border-color: var(--mod-stepper-border-color, var(--spectrum-stepper-border-color)); border-style: var(--mod-stepper-buttons-border-style, var(--spectrum-stepper-buttons-border-style)); border-width: var(--highcontrast-stepper-buttons-border-width, var(--mod-stepper-buttons-border-width, var(--spectrum-stepper-buttons-border-width))); border-inline-start-width: 0; @@ -352,7 +345,12 @@ } /* quiet hover */ - &.is-keyboardFocused:not(.is-disabled) { + &:not(.is-disabled).is-keyboardFocused, + &:not(.is-disabled):focus-visible { outline: none; } + + &.is-disabled { + border-color: var(--spectrum-stepper-border-color); + } } diff --git a/components/stepper/stories/stepper.test.js b/components/stepper/stories/stepper.test.js index 60246d2133f..2933f57c997 100644 --- a/components/stepper/stories/stepper.test.js +++ b/components/stepper/stories/stepper.test.js @@ -38,10 +38,20 @@ export const StepperGroup = Variants({ testHeading: "Focused", isFocused: true, }, + { + testHeading: "Focused + hovered", + isFocused: true, + isHovered: true, + }, { testHeading: "Keyboard-focused", isKeyboardFocused: true, }, + { + testHeading: "Keyboard-focused + hovered", + isKeyboardFocused: true, + isHovered: true, + }, { testHeading: "Disabled + hovered", isDisabled: true, diff --git a/components/stepper/themes/express.css b/components/stepper/themes/express.css index 724f4e973ff..61379b57162 100644 --- a/components/stepper/themes/express.css +++ b/components/stepper/themes/express.css @@ -35,12 +35,6 @@ --spectrum-stepper-button-border-width: 0; - /** Invalid **/ - --spectrum-stepper-border-color-invalid: transparent; - --spectrum-stepper-border-color-focus-invalid: transparent; - --spectrum-stepper-border-color-focus-hover-invalid: transparent; - --spectrum-stepper-border-color-keyboard-focus-invalid: transparent; - /** Disabled **/ --spectrum-stepper-button-border-width-disabled: 0; --spectrum-stepper-buttons-background-color-disabled: var(--spectrum-disabled-background-color); diff --git a/components/stepper/themes/spectrum-two.css b/components/stepper/themes/spectrum-two.css index ef961126aaf..80a15d9c375 100644 --- a/components/stepper/themes/spectrum-two.css +++ b/components/stepper/themes/spectrum-two.css @@ -17,21 +17,17 @@ --spectrum-stepper-border-color-default: var(--spectrum-gray-500); --spectrum-stepper-border-color-hover: var(--spectrum-gray-600); --spectrum-stepper-border-color-focus: var(--spectrum-gray-800); - --spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-800); + --spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-900); --spectrum-stepper-border-color-keyboard-focus: var(--spectrum-gray-800); --spectrum-stepper-buttons-border-style: none; --spectrum-stepper-buttons-border-width: 0; - --spectrum-stepper-buttons-border-color: var(--spectrum-gray-500); --spectrum-stepper-buttons-background-color: var(--spectrum-gray-100); - --spectrum-stepper-buttons-border-color-hover: var(--spectrum-gray-600); - --spectrum-stepper-buttons-border-color-focus: var(--spectrum-gray-800); - --spectrum-stepper-buttons-border-color-keyboard-focus: var(--spectrum-gray-900); - --spectrum-stepper-button-border-width: var(--spectrum-border-width-100); /** Invalid **/ --spectrum-stepper-border-color-invalid: var(--spectrum-negative-border-color-default); + --spectrum-stepper-border-color-hover-invalid: var(--spectrum-negative-border-color-hover); --spectrum-stepper-border-color-focus-invalid: var(--spectrum-negative-border-color-focus); --spectrum-stepper-border-color-focus-hover-invalid: var(--spectrum-negative-border-color-focus-hover); --spectrum-stepper-border-color-keyboard-focus-invalid: var(--spectrum-negative-border-color-key-focus); diff --git a/components/stepper/themes/spectrum.css b/components/stepper/themes/spectrum.css index 1b904f9f952..e1ac80dc5fc 100644 --- a/components/stepper/themes/spectrum.css +++ b/components/stepper/themes/spectrum.css @@ -17,9 +17,12 @@ @container style(--system: legacy) { .spectrum-Stepper { - --spectrum-stepper-border-color-disabled: transparent; --spectrum-stepper-button-border-width-disabled: var(--spectrum-border-width-100); --spectrum-stepper-buttons-background-color: var(--spectrum-gray-50); --spectrum-stepper-buttons-background-color-disabled: var(--spectrum-gray-100); + + &.is-disabled:not(.spectrum-Stepper--quiet) { + --spectrum-stepper-border-color-disabled: transparent; + } } } diff --git a/tokens/dist/json/tokens.json b/tokens/dist/json/tokens.json deleted file mode 100644 index 2be36fb5803..00000000000 --- a/tokens/dist/json/tokens.json +++ /dev/null @@ -1,12830 +0,0 @@ -{ - "accent-background-color-default": { - "prop": "--spectrum-accent-background-color-default", - "ref": "var(--spectrum-accent-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "accent-background-color-down": { - "prop": "--spectrum-accent-background-color-down", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-background-color-hover": { - "prop": "--spectrum-accent-background-color-hover", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-background-color-key-focus": { - "prop": "--spectrum-accent-background-color-key-focus", - "ref": "var(--spectrum-accent-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-color-100": { - "prop": "--spectrum-accent-color-100", - "ref": "var(--spectrum-blue-100)", - "light": { - "value": "rgb(245, 249, 255)" - }, - "dark": { - "value": "rgb(14, 23, 63)" - } - }, - "accent-color-1000": { - "prop": "--spectrum-accent-color-1000", - "ref": "var(--spectrum-blue-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-color-1100": { - "prop": "--spectrum-accent-color-1100", - "ref": "var(--spectrum-blue-1100)", - "light": { - "value": "rgb(29, 62, 207)" - }, - "dark": { - "value": "rgb(124, 169, 252)" - } - }, - "accent-color-1200": { - "prop": "--spectrum-accent-color-1200", - "ref": "var(--spectrum-blue-1200)", - "light": { - "value": "rgb(21, 50, 173)" - }, - "dark": { - "value": "rgb(152, 192, 252)" - } - }, - "accent-color-1300": { - "prop": "--spectrum-accent-color-1300", - "ref": "var(--spectrum-blue-1300)", - "light": { - "value": "rgb(16, 40, 140)" - }, - "dark": { - "value": "rgb(181, 213, 253)" - } - }, - "accent-color-1400": { - "prop": "--spectrum-accent-color-1400", - "ref": "var(--spectrum-blue-1400)", - "light": { - "value": "rgb(12, 31, 105)" - }, - "dark": { - "value": "rgb(213, 231, 254)" - } - }, - "accent-color-1500": { - "prop": "--spectrum-accent-color-1500", - "ref": "var(--spectrum-blue-1500)", - "dark": { - "value": "rgb(238, 245, 255)" - }, - "light": { - "value": "rgb(14, 24, 67)" - } - }, - "accent-color-1600": { - "prop": "--spectrum-accent-color-1600", - "ref": "var(--spectrum-blue-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(7, 11, 30)" - } - }, - "accent-color-200": { - "prop": "--spectrum-accent-color-200", - "ref": "var(--spectrum-blue-200)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(15, 28, 82)" - } - }, - "accent-color-300": { - "prop": "--spectrum-accent-color-300", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(203, 226, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "accent-color-400": { - "prop": "--spectrum-accent-color-400", - "ref": "var(--spectrum-blue-400)", - "light": { - "value": "rgb(172, 207, 253)" - }, - "dark": { - "value": "rgb(18, 45, 154)" - } - }, - "accent-color-500": { - "prop": "--spectrum-accent-color-500", - "ref": "var(--spectrum-blue-500)", - "light": { - "value": "rgb(142, 185, 252)" - }, - "dark": { - "value": "rgb(26, 58, 195)" - } - }, - "accent-color-600": { - "prop": "--spectrum-accent-color-600", - "ref": "var(--spectrum-blue-600)", - "light": { - "value": "rgb(114, 158, 253)" - }, - "dark": { - "value": "rgb(37, 73, 229)" - } - }, - "accent-color-700": { - "prop": "--spectrum-accent-color-700", - "ref": "var(--spectrum-blue-700)", - "light": { - "value": "rgb(93, 137, 255)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "accent-color-800": { - "prop": "--spectrum-accent-color-800", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "accent-color-900": { - "prop": "--spectrum-accent-color-900", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "accent-content-color-default": { - "prop": "--spectrum-accent-content-color-default", - "ref": "var(--spectrum-accent-color-900)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "accent-content-color-down": { - "prop": "--spectrum-accent-content-color-down", - "ref": "var(--spectrum-accent-color-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-content-color-hover": { - "prop": "--spectrum-accent-content-color-hover", - "ref": "var(--spectrum-accent-color-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-content-color-key-focus": { - "prop": "--spectrum-accent-content-color-key-focus", - "ref": "var(--spectrum-accent-color-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-content-color-selected": { - "prop": "--spectrum-accent-content-color-selected", - "ref": "var(--spectrum-accent-content-color-down)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "accent-subtle-background-color-default": { - "prop": "--spectrum-accent-subtle-background-color-default", - "ref": "var(--spectrum-accent-color-300)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "accent-visual-color": { - "prop": "--spectrum-accent-visual-color", - "ref": "var(--spectrum-accent-color-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "accordion-bottom-to-text-compact-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-compact-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-bottom-to-text-compact-large": { - "prop": "--spectrum-accordion-bottom-to-text-compact-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "9px" - } - }, - "accordion-bottom-to-text-compact-medium": { - "prop": "--spectrum-accordion-bottom-to-text-compact-medium", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "8px" - } - }, - "accordion-bottom-to-text-compact-small": { - "prop": "--spectrum-accordion-bottom-to-text-compact-small", - "desktop": { - "value": "2px" - }, - "mobile": { - "value": "4px" - } - }, - "accordion-bottom-to-text-regular-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-regular-extra-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "accordion-bottom-to-text-regular-large": { - "prop": "--spectrum-accordion-bottom-to-text-regular-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-bottom-to-text-regular-medium": { - "prop": "--spectrum-accordion-bottom-to-text-regular-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "13px" - } - }, - "accordion-bottom-to-text-regular-small": { - "prop": "--spectrum-accordion-bottom-to-text-regular-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "accordion-bottom-to-text-spacious-extra-large": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-extra-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "21px" - } - }, - "accordion-bottom-to-text-spacious-large": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "accordion-bottom-to-text-spacious-medium": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-medium", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "18px" - } - }, - "accordion-bottom-to-text-spacious-small": { - "prop": "--spectrum-accordion-bottom-to-text-spacious-small", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-content-area-bottom-to-content": { - "prop": "--spectrum-accordion-content-area-bottom-to-content", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "accordion-content-area-top-to-content": { - "prop": "--spectrum-accordion-content-area-top-to-content", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "accordion-disclosure-indicator-to-text": { - "prop": "--spectrum-accordion-disclosure-indicator-to-text", - "value": "0px" - }, - "accordion-edge-to-disclosure-indicator": { - "prop": "--spectrum-accordion-edge-to-disclosure-indicator", - "value": "0px" - }, - "accordion-edge-to-text": { - "prop": "--spectrum-accordion-edge-to-text", - "value": "0px" - }, - "accordion-focus-indicator-gap": { - "prop": "--spectrum-accordion-focus-indicator-gap", - "value": "0px" - }, - "accordion-minimum-width": { - "prop": "--spectrum-accordion-minimum-width", - "desktop": { - "value": "200px" - }, - "mobile": { - "value": "250px" - } - }, - "accordion-small-top-to-text-spacious": { - "prop": "--spectrum-accordion-small-top-to-text-spacious", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "accordion-top-to-text-compact-extra-large": { - "prop": "--spectrum-accordion-top-to-text-compact-extra-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "accordion-top-to-text-compact-large": { - "prop": "--spectrum-accordion-top-to-text-compact-large", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "7px" - } - }, - "accordion-top-to-text-compact-medium": { - "prop": "--spectrum-accordion-top-to-text-compact-medium", - "value": "4px" - }, - "accordion-top-to-text-compact-small": { - "prop": "--spectrum-accordion-top-to-text-compact-small", - "value": "2px" - }, - "accordion-top-to-text-regular-extra-large": { - "prop": "--spectrum-accordion-top-to-text-regular-extra-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "accordion-top-to-text-regular-large": { - "prop": "--spectrum-accordion-top-to-text-regular-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "accordion-top-to-text-regular-medium": { - "prop": "--spectrum-accordion-top-to-text-regular-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "9px" - } - }, - "accordion-top-to-text-regular-small": { - "prop": "--spectrum-accordion-top-to-text-regular-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "accordion-top-to-text-spacious-extra-large": { - "prop": "--spectrum-accordion-top-to-text-spacious-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-top-to-text-spacious-large": { - "prop": "--spectrum-accordion-top-to-text-spacious-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-top-to-text-spacious-medium": { - "prop": "--spectrum-accordion-top-to-text-spacious-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "accordion-top-to-text-spacious-small": { - "prop": "--spectrum-accordion-top-to-text-spacious-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "action-bar-height": { - "prop": "--spectrum-action-bar-height", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "56px" - } - }, - "action-bar-top-to-item-counter": { - "prop": "--spectrum-action-bar-top-to-item-counter", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "action-button-edge-to-hold-icon-extra-large": { - "prop": "--spectrum-action-button-edge-to-hold-icon-extra-large", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "action-button-edge-to-hold-icon-extra-small": { - "prop": "--spectrum-action-button-edge-to-hold-icon-extra-small", - "value": "3px" - }, - "action-button-edge-to-hold-icon-large": { - "prop": "--spectrum-action-button-edge-to-hold-icon-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "action-button-edge-to-hold-icon-medium": { - "prop": "--spectrum-action-button-edge-to-hold-icon-medium", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "action-button-edge-to-hold-icon-small": { - "prop": "--spectrum-action-button-edge-to-hold-icon-small", - "value": "3px" - }, - "alert-banner-bottom-to-text": { - "prop": "--spectrum-alert-banner-bottom-to-text", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "alert-banner-minimum-height": { - "prop": "--spectrum-alert-banner-minimum-height", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "64px" - } - }, - "alert-banner-to-bottom-text": { - "prop": "--spectrum-alert-banner-to-bottom-text", - "ref": "var(--spectrum-alert-banner-bottom-to-text)", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "alert-banner-to-top-text": { - "prop": "--spectrum-alert-banner-to-top-text", - "ref": "var(--spectrum-alert-banner-top-to-text)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "21px" - } - }, - "alert-banner-to-top-workflow-icon": { - "prop": "--spectrum-alert-banner-to-top-workflow-icon", - "ref": "var(--spectrum-alert-banner-top-to-workflow-icon)", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "21px" - } - }, - "alert-banner-top-to-text": { - "prop": "--spectrum-alert-banner-top-to-text", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "21px" - } - }, - "alert-banner-top-to-workflow-icon": { - "prop": "--spectrum-alert-banner-top-to-workflow-icon", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "21px" - } - }, - "alert-banner-width": { - "prop": "--spectrum-alert-banner-width", - "desktop": { - "value": "832px" - }, - "mobile": { - "value": "680px" - } - }, - "alert-dialog-description-size": { - "prop": "--spectrum-alert-dialog-description-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "alert-dialog-maximum-width": { - "prop": "--spectrum-alert-dialog-maximum-width", - "value": "480px" - }, - "alert-dialog-minimum-width": { - "prop": "--spectrum-alert-dialog-minimum-width", - "value": "288px" - }, - "alert-dialog-title-size": { - "prop": "--spectrum-alert-dialog-title-size", - "ref": "var(--spectrum-heading-size-xs)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "19px" - } - }, - "android-elevation": { - "prop": "--spectrum-android-elevation", - "value": "2dp" - }, - "arrow-icon-size-100": { - "prop": "--spectrum-arrow-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "arrow-icon-size-200": { - "prop": "--spectrum-arrow-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "arrow-icon-size-300": { - "prop": "--spectrum-arrow-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "arrow-icon-size-400": { - "prop": "--spectrum-arrow-icon-size-400", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "arrow-icon-size-500": { - "prop": "--spectrum-arrow-icon-size-500", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "arrow-icon-size-600": { - "prop": "--spectrum-arrow-icon-size-600", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "arrow-icon-size-75": { - "prop": "--spectrum-arrow-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "asterisk-icon-size-100": { - "prop": "--spectrum-asterisk-icon-size-100", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "asterisk-icon-size-200": { - "prop": "--spectrum-asterisk-icon-size-200", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "asterisk-icon-size-300": { - "prop": "--spectrum-asterisk-icon-size-300", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "asterisk-icon-size-75": { - "prop": "--spectrum-asterisk-icon-size-75", - "value": "8px" - }, - "avatar-opacity-disabled": { - "prop": "--spectrum-avatar-opacity-disabled", - "ref": "var(--spectrum-opacity-disabled)", - "value": "0.3" - }, - "avatar-size-100": { - "prop": "--spectrum-avatar-size-100", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "avatar-size-200": { - "prop": "--spectrum-avatar-size-200", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "28px" - } - }, - "avatar-size-300": { - "prop": "--spectrum-avatar-size-300", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "32px" - } - }, - "avatar-size-400": { - "prop": "--spectrum-avatar-size-400", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "36px" - } - }, - "avatar-size-50": { - "prop": "--spectrum-avatar-size-50", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "avatar-size-500": { - "prop": "--spectrum-avatar-size-500", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "avatar-size-600": { - "prop": "--spectrum-avatar-size-600", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "46px" - } - }, - "avatar-size-700": { - "prop": "--spectrum-avatar-size-700", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "avatar-size-75": { - "prop": "--spectrum-avatar-size-75", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "background-base-color": { - "prop": "--spectrum-background-base-color", - "ref": "var(--spectrum-gray-25)", - "dark": { - "value": "rgb(17, 17, 17)" - }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "background-elevated-color": { - "prop": "--spectrum-background-elevated-color", - "ref": "var(--spectrum-gray-25)", - "dark": { - "value": "rgb(34, 34, 34)" - }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "background-layer-1-color": { - "prop": "--spectrum-background-layer-1-color", - "ref": "var(--spectrum-gray-50)", - "light": { - "value": "rgb(248, 248, 248)" - }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "background-layer-2-color": { - "prop": "--spectrum-background-layer-2-color", - "ref": "var(--spectrum-gray-75)", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(34, 34, 34)" - } - }, - "background-opacity-default": { - "prop": "--spectrum-background-opacity-default", - "value": "0" - }, - "background-opacity-down": { - "prop": "--spectrum-background-opacity-down", - "value": "0.1" - }, - "background-opacity-hover": { - "prop": "--spectrum-background-opacity-hover", - "value": "0.1" - }, - "background-opacity-key-focus": { - "prop": "--spectrum-background-opacity-key-focus", - "value": "0.1" - }, - "background-pasteboard-color": { - "prop": "--spectrum-background-pasteboard-color", - "ref": "var(--spectrum-gray-100)", - "dark": { - "value": "rgb(17, 17, 17)" - }, - "light": { - "value": "rgb(233, 233, 233)" - } - }, - "black": { - "prop": "--spectrum-black", - "value": "rgb(0, 0, 0)" - }, - "black-font-weight": { - "prop": "--spectrum-black-font-weight", - "value": "900" - }, - "blue-100": { - "prop": "--spectrum-blue-100", - "light": { - "value": "rgb(245, 249, 255)" - }, - "dark": { - "value": "rgb(14, 23, 63)" - } - }, - "blue-1000": { - "prop": "--spectrum-blue-1000", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "blue-1100": { - "prop": "--spectrum-blue-1100", - "light": { - "value": "rgb(29, 62, 207)" - }, - "dark": { - "value": "rgb(124, 169, 252)" - } - }, - "blue-1200": { - "prop": "--spectrum-blue-1200", - "light": { - "value": "rgb(21, 50, 173)" - }, - "dark": { - "value": "rgb(152, 192, 252)" - } - }, - "blue-1300": { - "prop": "--spectrum-blue-1300", - "light": { - "value": "rgb(16, 40, 140)" - }, - "dark": { - "value": "rgb(181, 213, 253)" - } - }, - "blue-1400": { - "prop": "--spectrum-blue-1400", - "light": { - "value": "rgb(12, 31, 105)" - }, - "dark": { - "value": "rgb(213, 231, 254)" - } - }, - "blue-1500": { - "prop": "--spectrum-blue-1500", - "dark": { - "value": "rgb(238, 245, 255)" - }, - "light": { - "value": "rgb(14, 24, 67)" - } - }, - "blue-1600": { - "prop": "--spectrum-blue-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(7, 11, 30)" - } - }, - "blue-200": { - "prop": "--spectrum-blue-200", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(15, 28, 82)" - } - }, - "blue-300": { - "prop": "--spectrum-blue-300", - "light": { - "value": "rgb(203, 226, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "blue-400": { - "prop": "--spectrum-blue-400", - "light": { - "value": "rgb(172, 207, 253)" - }, - "dark": { - "value": "rgb(18, 45, 154)" - } - }, - "blue-500": { - "prop": "--spectrum-blue-500", - "light": { - "value": "rgb(142, 185, 252)" - }, - "dark": { - "value": "rgb(26, 58, 195)" - } - }, - "blue-600": { - "prop": "--spectrum-blue-600", - "light": { - "value": "rgb(114, 158, 253)" - }, - "dark": { - "value": "rgb(37, 73, 229)" - } - }, - "blue-700": { - "prop": "--spectrum-blue-700", - "light": { - "value": "rgb(93, 137, 255)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "blue-800": { - "prop": "--spectrum-blue-800", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "blue-900": { - "prop": "--spectrum-blue-900", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "blue-background-color-default": { - "prop": "--spectrum-blue-background-color-default", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "blue-subtle-background-color-default": { - "prop": "--spectrum-blue-subtle-background-color-default", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "blue-visual-color": { - "prop": "--spectrum-blue-visual-color", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "body-cjk-emphasized-font-style": { - "prop": "--spectrum-body-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-emphasized-font-weight": { - "prop": "--spectrum-body-cjk-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "body-cjk-font-family": { - "prop": "--spectrum-body-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "body-cjk-font-style": { - "prop": "--spectrum-body-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-font-weight": { - "prop": "--spectrum-body-cjk-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-cjk-line-height": { - "prop": "--spectrum-body-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-200)", - "value": "1.7" - }, - "body-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-body-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-body-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "body-cjk-strong-font-style": { - "prop": "--spectrum-body-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-cjk-strong-font-weight": { - "prop": "--spectrum-body-cjk-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "body-color": { - "prop": "--spectrum-body-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "body-line-height": { - "prop": "--spectrum-body-line-height", - "ref": "var(--spectrum-line-height-200)", - "value": "1.5" - }, - "body-margin-multiplier": { - "prop": "--spectrum-body-margin-multiplier", - "value": "0.75" - }, - "body-sans-serif-emphasized-font-style": { - "prop": "--spectrum-body-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-body-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-sans-serif-font-family": { - "prop": "--spectrum-body-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "body-sans-serif-font-style": { - "prop": "--spectrum-body-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-sans-serif-font-weight": { - "prop": "--spectrum-body-sans-serif-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-body-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-body-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-sans-serif-strong-font-style": { - "prop": "--spectrum-body-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-sans-serif-strong-font-weight": { - "prop": "--spectrum-body-sans-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-serif-emphasized-font-style": { - "prop": "--spectrum-body-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-serif-emphasized-font-weight": { - "prop": "--spectrum-body-serif-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-serif-font-family": { - "prop": "--spectrum-body-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "body-serif-font-style": { - "prop": "--spectrum-body-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-serif-font-weight": { - "prop": "--spectrum-body-serif-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "body-serif-strong-emphasized-font-style": { - "prop": "--spectrum-body-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "body-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-body-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-serif-strong-font-style": { - "prop": "--spectrum-body-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "body-serif-strong-font-weight": { - "prop": "--spectrum-body-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "body-size-l": { - "prop": "--spectrum-body-size-l", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "body-size-m": { - "prop": "--spectrum-body-size-m", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "body-size-s": { - "prop": "--spectrum-body-size-s", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "body-size-xl": { - "prop": "--spectrum-body-size-xl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "body-size-xs": { - "prop": "--spectrum-body-size-xs", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "body-size-xxl": { - "prop": "--spectrum-body-size-xxl", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "body-size-xxxl": { - "prop": "--spectrum-body-size-xxxl", - "ref": "var(--spectrum-font-size-600)", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "bold-font-weight": { - "prop": "--spectrum-bold-font-weight", - "value": "700" - }, - "border-width-100": { - "prop": "--spectrum-border-width-100", - "value": "1px" - }, - "border-width-200": { - "prop": "--spectrum-border-width-200", - "value": "2px" - }, - "border-width-400": { - "prop": "--spectrum-border-width-400", - "value": "4px" - }, - "breadcrumbs-bottom-to-text": { - "prop": "--spectrum-breadcrumbs-bottom-to-text", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "breadcrumbs-bottom-to-text-compact": { - "prop": "--spectrum-breadcrumbs-bottom-to-text-compact", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "19px" - } - }, - "breadcrumbs-bottom-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-bottom-to-text-multiline", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "10px" - } - }, - "breadcrumbs-end-edge-to-text": { - "prop": "--spectrum-breadcrumbs-end-edge-to-text", - "value": "0px" - }, - "breadcrumbs-height": { - "prop": "--spectrum-breadcrumbs-height", - "ref": "var(--spectrum-component-height-300)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "breadcrumbs-height-compact": { - "prop": "--spectrum-breadcrumbs-height-compact", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "breadcrumbs-height-multiline": { - "prop": "--spectrum-breadcrumbs-height-multiline", - "desktop": { - "value": "72px" - }, - "mobile": { - "value": "84px" - } - }, - "breadcrumbs-separator-icon-to-bottom-text-multiline": { - "prop": "--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-start-edge-to-text": { - "prop": "--spectrum-breadcrumbs-start-edge-to-text", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "9px" - } - }, - "breadcrumbs-start-edge-to-truncated-menu": { - "prop": "--spectrum-breadcrumbs-start-edge-to-truncated-menu", - "value": "0px" - }, - "breadcrumbs-top-text-to-bottom-text": { - "prop": "--spectrum-breadcrumbs-top-text-to-bottom-text", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "breadcrumbs-top-to-separator-icon": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "25px" - } - }, - "breadcrumbs-top-to-separator-icon-compact": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon-compact", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "23px" - } - }, - "breadcrumbs-top-to-separator-icon-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-separator-icon-multiline", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "20px" - } - }, - "breadcrumbs-top-to-text": { - "prop": "--spectrum-breadcrumbs-top-to-text", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "breadcrumbs-top-to-text-compact": { - "prop": "--spectrum-breadcrumbs-top-to-text-compact", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "16px" - } - }, - "breadcrumbs-top-to-text-multiline": { - "prop": "--spectrum-breadcrumbs-top-to-text-multiline", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "breadcrumbs-top-to-truncated-menu": { - "prop": "--spectrum-breadcrumbs-top-to-truncated-menu", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "breadcrumbs-top-to-truncated-menu-compact": { - "prop": "--spectrum-breadcrumbs-top-to-truncated-menu-compact", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "breadcrumbs-truncated-menu-to-bottom-text": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-bottom-text", - "value": "0px" - }, - "breadcrumbs-truncated-menu-to-separator-icon": { - "prop": "--spectrum-breadcrumbs-truncated-menu-to-separator-icon", - "value": "0px" - }, - "brown-100": { - "prop": "--spectrum-brown-100", - "dark": { - "value": "rgb(35, 24, 8)" - }, - "light": { - "value": "rgb(252, 247, 242)" - } - }, - "brown-1000": { - "prop": "--spectrum-brown-1000", - "dark": { - "value": "rgb(181, 147, 98)" - }, - "light": { - "value": "rgb(119, 91, 50)" - } - }, - "brown-1100": { - "prop": "--spectrum-brown-1100", - "dark": { - "value": "rgb(199, 163, 112)" - }, - "light": { - "value": "rgb(103, 76, 35)" - } - }, - "brown-1200": { - "prop": "--spectrum-brown-1200", - "dark": { - "value": "rgb(222, 185, 130)" - }, - "light": { - "value": "rgb(88, 61, 21)" - } - }, - "brown-1300": { - "prop": "--spectrum-brown-1300", - "dark": { - "value": "rgb(232, 207, 169)" - }, - "light": { - "value": "rgb(70, 49, 17)" - } - }, - "brown-1400": { - "prop": "--spectrum-brown-1400", - "dark": { - "value": "rgb(242, 227, 206)" - }, - "light": { - "value": "rgb(52, 37, 13)" - } - }, - "brown-1500": { - "prop": "--spectrum-brown-1500", - "dark": { - "value": "rgb(250, 244, 236)" - }, - "light": { - "value": "rgb(38, 26, 9)" - } - }, - "brown-1600": { - "prop": "--spectrum-brown-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(16, 12, 4)" - } - }, - "brown-200": { - "prop": "--spectrum-brown-200", - "dark": { - "value": "rgb(44, 31, 11)" - }, - "light": { - "value": "rgb(247, 238, 225)" - } - }, - "brown-300": { - "prop": "--spectrum-brown-300", - "dark": { - "value": "rgb(58, 40, 14)" - }, - "light": { - "value": "rgb(239, 221, 195)" - } - }, - "brown-400": { - "prop": "--spectrum-brown-400", - "dark": { - "value": "rgb(78, 55, 19)" - }, - "light": { - "value": "rgb(229, 200, 157)" - } - }, - "brown-500": { - "prop": "--spectrum-brown-500", - "dark": { - "value": "rgb(98, 71, 30)" - }, - "light": { - "value": "rgb(214, 177, 123)" - } - }, - "brown-600": { - "prop": "--spectrum-brown-600", - "dark": { - "value": "rgb(115, 88, 47)" - }, - "light": { - "value": "rgb(190, 155, 104)" - } - }, - "brown-700": { - "prop": "--spectrum-brown-700", - "dark": { - "value": "rgb(132, 104, 61)" - }, - "light": { - "value": "rgb(171, 138, 90)" - } - }, - "brown-800": { - "prop": "--spectrum-brown-800", - "dark": { - "value": "rgb(143, 114, 69)" - }, - "light": { - "value": "rgb(154, 123, 77)" - } - }, - "brown-900": { - "prop": "--spectrum-brown-900", - "dark": { - "value": "rgb(163, 132, 84)" - }, - "light": { - "value": "rgb(139, 109, 66)" - } - }, - "brown-background-color-default": { - "prop": "--spectrum-brown-background-color-default", - "ref": "var(--spectrum-brown-800)", - "light": { - "value": "rgb(139, 109, 66)" - }, - "dark": { - "value": "rgb(143, 114, 69)" - } - }, - "brown-subtle-background-color-default": { - "prop": "--spectrum-brown-subtle-background-color-default", - "ref": "var(--spectrum-brown-300)", - "light": { - "value": "rgb(247, 238, 225)" - }, - "dark": { - "value": "rgb(58, 40, 14)" - } - }, - "brown-visual-color": { - "prop": "--spectrum-brown-visual-color", - "ref": "var(--spectrum-brown-900)", - "light": { - "value": "rgb(154, 123, 77)" - }, - "dark": { - "value": "rgb(163, 132, 84)" - } - }, - "button-minimum-width-multiplier": { - "prop": "--spectrum-button-minimum-width-multiplier", - "value": "2.25" - }, - "card-minimum-width": { - "prop": "--spectrum-card-minimum-width", - "value": "100px" - }, - "card-preview-minimum-height": { - "prop": "--spectrum-card-preview-minimum-height", - "value": "130px" - }, - "card-selection-background-color": { - "prop": "--spectrum-card-selection-background-color", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "card-selection-background-color-opacity": { - "prop": "--spectrum-card-selection-background-color-opacity", - "value": "0.95" - }, - "card-selection-background-size": { - "prop": "--spectrum-card-selection-background-size", - "value": "40px" - }, - "celery-100": { - "prop": "--spectrum-celery-100", - "light": { - "value": "rgb(235, 255, 220)" - }, - "dark": { - "value": "rgb(11, 31, 0)" - } - }, - "celery-1000": { - "prop": "--spectrum-celery-1000", - "light": { - "value": "rgb(52, 109, 12)" - }, - "dark": { - "value": "rgb(88, 172, 28)" - } - }, - "celery-1100": { - "prop": "--spectrum-celery-1100", - "light": { - "value": "rgb(44, 92, 9)" - }, - "dark": { - "value": "rgb(100, 190, 35)" - } - }, - "celery-1200": { - "prop": "--spectrum-celery-1200", - "light": { - "value": "rgb(35, 75, 6)" - }, - "dark": { - "value": "rgb(116, 213, 46)" - } - }, - "celery-1300": { - "prop": "--spectrum-celery-1300", - "light": { - "value": "rgb(27, 60, 3)" - }, - "dark": { - "value": "rgb(136, 234, 65)" - } - }, - "celery-1400": { - "prop": "--spectrum-celery-1400", - "light": { - "value": "rgb(19, 46, 0)" - }, - "dark": { - "value": "rgb(170, 251, 112)" - } - }, - "celery-1500": { - "prop": "--spectrum-celery-1500", - "dark": { - "value": "rgb(222, 255, 198)" - }, - "light": { - "value": "rgb(12, 33, 0)" - } - }, - "celery-1600": { - "prop": "--spectrum-celery-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(4, 15, 0)" - } - }, - "celery-200": { - "prop": "--spectrum-celery-200", - "light": { - "value": "rgb(197, 255, 156)" - }, - "dark": { - "value": "rgb(15, 38, 0)" - } - }, - "celery-300": { - "prop": "--spectrum-celery-300", - "light": { - "value": "rgb(157, 247, 92)" - }, - "dark": { - "value": "rgb(21, 51, 1)" - } - }, - "celery-400": { - "prop": "--spectrum-celery-400", - "light": { - "value": "rgb(129, 228, 58)" - }, - "dark": { - "value": "rgb(31, 67, 4)" - } - }, - "celery-500": { - "prop": "--spectrum-celery-500", - "light": { - "value": "rgb(110, 206, 42)" - }, - "dark": { - "value": "rgb(41, 86, 8)" - } - }, - "celery-600": { - "prop": "--spectrum-celery-600", - "light": { - "value": "rgb(93, 180, 31)" - }, - "dark": { - "value": "rgb(50, 105, 11)" - } - }, - "celery-700": { - "prop": "--spectrum-celery-700", - "light": { - "value": "rgb(82, 161, 25)" - }, - "dark": { - "value": "rgb(60, 122, 15)" - } - }, - "celery-800": { - "prop": "--spectrum-celery-800", - "light": { - "value": "rgb(72, 144, 20)" - }, - "dark": { - "value": "rgb(66, 134, 18)" - } - }, - "celery-900": { - "prop": "--spectrum-celery-900", - "light": { - "value": "rgb(64, 129, 17)" - }, - "dark": { - "value": "rgb(78, 154, 23)" - } - }, - "celery-background-color-default": { - "prop": "--spectrum-celery-background-color-default", - "ref": "var(--spectrum-celery-900)", - "light": { - "value": "rgb(93, 180, 31)" - }, - "dark": { - "value": "rgb(78, 154, 23)" - } - }, - "celery-subtle-background-color-default": { - "prop": "--spectrum-celery-subtle-background-color-default", - "ref": "var(--spectrum-celery-300)", - "light": { - "value": "rgb(197, 255, 156)" - }, - "dark": { - "value": "rgb(21, 51, 1)" - } - }, - "celery-visual-color": { - "prop": "--spectrum-celery-visual-color", - "ref": "var(--spectrum-celery-800)", - "light": { - "value": "rgb(82, 161, 25)" - }, - "dark": { - "value": "rgb(66, 134, 18)" - } - }, - "character-count-to-field-quiet-extra-large": { - "prop": "--spectrum-character-count-to-field-quiet-extra-large", - "desktop": { - "value": "-4px" - }, - "mobile": { - "value": "-5px" - } - }, - "character-count-to-field-quiet-large": { - "prop": "--spectrum-character-count-to-field-quiet-large", - "desktop": { - "value": "-3px" - }, - "mobile": { - "value": "-4px" - } - }, - "character-count-to-field-quiet-medium": { - "prop": "--spectrum-character-count-to-field-quiet-medium", - "desktop": { - "value": "-3px" - }, - "mobile": { - "value": "-4px" - } - }, - "character-count-to-field-quiet-small": { - "prop": "--spectrum-character-count-to-field-quiet-small", - "desktop": { - "value": "-3px" - }, - "mobile": { - "value": "-4px" - } - }, - "chartreuse-100": { - "prop": "--spectrum-chartreuse-100", - "light": { - "value": "rgb(246, 251, 222)" - }, - "dark": { - "value": "rgb(23, 28, 0)" - } - }, - "chartreuse-1000": { - "prop": "--spectrum-chartreuse-1000", - "light": { - "value": "rgb(86, 103, 0)" - }, - "dark": { - "value": "rgb(136, 164, 0)" - } - }, - "chartreuse-1100": { - "prop": "--spectrum-chartreuse-1100", - "light": { - "value": "rgb(73, 87, 0)" - }, - "dark": { - "value": "rgb(151, 181, 0)" - } - }, - "chartreuse-1200": { - "prop": "--spectrum-chartreuse-1200", - "light": { - "value": "rgb(60, 71, 0)" - }, - "dark": { - "value": "rgb(169, 203, 0)" - } - }, - "chartreuse-1300": { - "prop": "--spectrum-chartreuse-1300", - "light": { - "value": "rgb(47, 57, 0)" - }, - "dark": { - "value": "rgb(187, 225, 0)" - } - }, - "chartreuse-1400": { - "prop": "--spectrum-chartreuse-1400", - "light": { - "value": "rgb(35, 43, 0)" - }, - "dark": { - "value": "rgb(219, 240, 117)" - } - }, - "chartreuse-1500": { - "prop": "--spectrum-chartreuse-1500", - "dark": { - "value": "rgb(242, 249, 206)" - }, - "light": { - "value": "rgb(25, 30, 0)" - } - }, - "chartreuse-1600": { - "prop": "--spectrum-chartreuse-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(11, 14, 0)" - } - }, - "chartreuse-200": { - "prop": "--spectrum-chartreuse-200", - "light": { - "value": "rgb(234, 246, 173)" - }, - "dark": { - "value": "rgb(30, 36, 0)" - } - }, - "chartreuse-300": { - "prop": "--spectrum-chartreuse-300", - "light": { - "value": "rgb(208, 236, 70)" - }, - "dark": { - "value": "rgb(39, 47, 0)" - } - }, - "chartreuse-400": { - "prop": "--spectrum-chartreuse-400", - "light": { - "value": "rgb(182, 219, 0)" - }, - "dark": { - "value": "rgb(53, 63, 0)" - } - }, - "chartreuse-500": { - "prop": "--spectrum-chartreuse-500", - "light": { - "value": "rgb(163, 196, 0)" - }, - "dark": { - "value": "rgb(68, 82, 0)" - } - }, - "chartreuse-600": { - "prop": "--spectrum-chartreuse-600", - "light": { - "value": "rgb(143, 172, 0)" - }, - "dark": { - "value": "rgb(83, 100, 0)" - } - }, - "chartreuse-700": { - "prop": "--spectrum-chartreuse-700", - "light": { - "value": "rgb(128, 153, 0)" - }, - "dark": { - "value": "rgb(97, 116, 0)" - } - }, - "chartreuse-800": { - "prop": "--spectrum-chartreuse-800", - "light": { - "value": "rgb(114, 137, 0)" - }, - "dark": { - "value": "rgb(106, 127, 0)" - } - }, - "chartreuse-900": { - "prop": "--spectrum-chartreuse-900", - "light": { - "value": "rgb(102, 122, 0)" - }, - "dark": { - "value": "rgb(122, 147, 0)" - } - }, - "chartreuse-background-color-default": { - "prop": "--spectrum-chartreuse-background-color-default", - "ref": "var(--spectrum-chartreuse-1000)", - "light": { - "value": "rgb(163, 196, 0)" - }, - "dark": { - "value": "rgb(136, 164, 0)" - } - }, - "chartreuse-subtle-background-color-default": { - "prop": "--spectrum-chartreuse-subtle-background-color-default", - "ref": "var(--spectrum-chartreuse-300)", - "light": { - "value": "rgb(234, 246, 173)" - }, - "dark": { - "value": "rgb(39, 47, 0)" - } - }, - "chartreuse-visual-color": { - "prop": "--spectrum-chartreuse-visual-color", - "ref": "var(--spectrum-chartreuse-900)", - "light": { - "value": "rgb(143, 172, 0)" - }, - "dark": { - "value": "rgb(122, 147, 0)" - } - }, - "checkbox-control-size-extra-large": { - "prop": "--spectrum-checkbox-control-size-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "checkbox-control-size-large": { - "prop": "--spectrum-checkbox-control-size-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "checkbox-control-size-medium": { - "prop": "--spectrum-checkbox-control-size-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "checkbox-control-size-small": { - "prop": "--spectrum-checkbox-control-size-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "checkbox-top-to-control-extra-large": { - "prop": "--spectrum-checkbox-top-to-control-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "checkbox-top-to-control-large": { - "prop": "--spectrum-checkbox-top-to-control-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "checkbox-top-to-control-medium": { - "prop": "--spectrum-checkbox-top-to-control-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "checkbox-top-to-control-small": { - "prop": "--spectrum-checkbox-top-to-control-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "checkmark-icon-size-100": { - "prop": "--spectrum-checkmark-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "checkmark-icon-size-200": { - "prop": "--spectrum-checkmark-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "checkmark-icon-size-300": { - "prop": "--spectrum-checkmark-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "checkmark-icon-size-400": { - "prop": "--spectrum-checkmark-icon-size-400", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "checkmark-icon-size-50": { - "prop": "--spectrum-checkmark-icon-size-50", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "checkmark-icon-size-500": { - "prop": "--spectrum-checkmark-icon-size-500", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "checkmark-icon-size-600": { - "prop": "--spectrum-checkmark-icon-size-600", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "24px" - } - }, - "checkmark-icon-size-75": { - "prop": "--spectrum-checkmark-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "chevron-icon-size-100": { - "prop": "--spectrum-chevron-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "chevron-icon-size-200": { - "prop": "--spectrum-chevron-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "chevron-icon-size-300": { - "prop": "--spectrum-chevron-icon-size-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "chevron-icon-size-400": { - "prop": "--spectrum-chevron-icon-size-400", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "chevron-icon-size-50": { - "prop": "--spectrum-chevron-icon-size-50", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "chevron-icon-size-500": { - "prop": "--spectrum-chevron-icon-size-500", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "chevron-icon-size-600": { - "prop": "--spectrum-chevron-icon-size-600", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "24px" - } - }, - "chevron-icon-size-75": { - "prop": "--spectrum-chevron-icon-size-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "cinnamon-100": { - "prop": "--spectrum-cinnamon-100", - "dark": { - "value": "rgb(48, 17, 4)" - }, - "light": { - "value": "rgb(253, 247, 243)" - } - }, - "cinnamon-1000": { - "prop": "--spectrum-cinnamon-1000", - "dark": { - "value": "rgb(206, 136, 99)" - }, - "light": { - "value": "rgb(147, 77, 43)" - } - }, - "cinnamon-1100": { - "prop": "--spectrum-cinnamon-1100", - "dark": { - "value": "rgb(220, 154, 118)" - }, - "light": { - "value": "rgb(128, 62, 32)" - } - }, - "cinnamon-1200": { - "prop": "--spectrum-cinnamon-1200", - "dark": { - "value": "rgb(232, 179, 149)" - }, - "light": { - "value": "rgb(110, 48, 21)" - } - }, - "cinnamon-1300": { - "prop": "--spectrum-cinnamon-1300", - "dark": { - "value": "rgb(239, 203, 183)" - }, - "light": { - "value": "rgb(92, 35, 11)" - } - }, - "cinnamon-1400": { - "prop": "--spectrum-cinnamon-1400", - "dark": { - "value": "rgb(246, 225, 214)" - }, - "light": { - "value": "rgb(72, 25, 6)" - } - }, - "cinnamon-1500": { - "prop": "--spectrum-cinnamon-1500", - "dark": { - "value": "rgb(252, 244, 239)" - }, - "light": { - "value": "rgb(52, 18, 4)" - } - }, - "cinnamon-1600": { - "prop": "--spectrum-cinnamon-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(24, 8, 2)" - } - }, - "cinnamon-200": { - "prop": "--spectrum-cinnamon-200", - "dark": { - "value": "rgb(59, 21, 5)" - }, - "light": { - "value": "rgb(249, 236, 229)" - } - }, - "cinnamon-300": { - "prop": "--spectrum-cinnamon-300", - "dark": { - "value": "rgb(79, 28, 7)" - }, - "light": { - "value": "rgb(244, 218, 203)" - } - }, - "cinnamon-400": { - "prop": "--spectrum-cinnamon-400", - "dark": { - "value": "rgb(100, 41, 15)" - }, - "light": { - "value": "rgb(237, 196, 172)" - } - }, - "cinnamon-500": { - "prop": "--spectrum-cinnamon-500", - "dark": { - "value": "rgb(122, 57, 28)" - }, - "light": { - "value": "rgb(229, 170, 136)" - } - }, - "cinnamon-600": { - "prop": "--spectrum-cinnamon-600", - "dark": { - "value": "rgb(143, 74, 40)" - }, - "light": { - "value": "rgb(212, 145, 108)" - } - }, - "cinnamon-700": { - "prop": "--spectrum-cinnamon-700", - "dark": { - "value": "rgb(163, 88, 52)" - }, - "light": { - "value": "rgb(198, 126, 88)" - } - }, - "cinnamon-800": { - "prop": "--spectrum-cinnamon-800", - "dark": { - "value": "rgb(176, 98, 59)" - }, - "light": { - "value": "rgb(184, 109, 70)" - } - }, - "cinnamon-900": { - "prop": "--spectrum-cinnamon-900", - "dark": { - "value": "rgb(192, 119, 80)" - }, - "light": { - "value": "rgb(170, 94, 56)" - } - }, - "cinnamon-background-color-default": { - "prop": "--spectrum-cinnamon-background-color-default", - "ref": "var(--spectrum-cinnamon-800)", - "light": { - "value": "rgb(170, 94, 56)" - }, - "dark": { - "value": "rgb(176, 98, 59)" - } - }, - "cinnamon-subtle-background-color-default": { - "prop": "--spectrum-cinnamon-subtle-background-color-default", - "ref": "var(--spectrum-cinnamon-300)", - "light": { - "value": "rgb(249, 236, 229)" - }, - "dark": { - "value": "rgb(79, 28, 7)" - } - }, - "cinnamon-visual-color": { - "prop": "--spectrum-cinnamon-visual-color", - "ref": "var(--spectrum-cinnamon-900)", - "light": { - "value": "rgb(184, 109, 70)" - }, - "dark": { - "value": "rgb(192, 119, 80)" - } - }, - "cjk-font-family": { - "prop": "--spectrum-cjk-font-family", - "value": "Adobe Clean Han" - }, - "cjk-letter-spacing": { - "prop": "--spectrum-cjk-letter-spacing", - "value": "0.05em" - }, - "cjk-line-height-100": { - "prop": "--spectrum-cjk-line-height-100", - "value": "1.5" - }, - "cjk-line-height-200": { - "prop": "--spectrum-cjk-line-height-200", - "value": "1.7" - }, - "coach-mark-body-size": { - "prop": "--spectrum-coach-mark-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "coach-mark-edge-to-content": { - "prop": "--spectrum-coach-mark-edge-to-content", - "desktop": { - "ref": "var(--spectrum-spacing-400)", - "value": "24px" - }, - "mobile": { - "ref": "var(--spectrum-spacing-300)", - "value": "16px" - } - }, - "coach-mark-maximum-width": { - "prop": "--spectrum-coach-mark-maximum-width", - "desktop": { - "value": "380px" - }, - "mobile": { - "value": "248px" - } - }, - "coach-mark-media-height": { - "prop": "--spectrum-coach-mark-media-height", - "desktop": { - "value": "222px" - }, - "mobile": { - "value": "162px" - } - }, - "coach-mark-media-minimum-height": { - "prop": "--spectrum-coach-mark-media-minimum-height", - "desktop": { - "value": "166px" - }, - "mobile": { - "value": "121px" - } - }, - "coach-mark-minimum-width": { - "prop": "--spectrum-coach-mark-minimum-width", - "desktop": { - "value": "296px" - }, - "mobile": { - "value": "216px" - } - }, - "coach-mark-pagination-body-size": { - "prop": "--spectrum-coach-mark-pagination-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "coach-mark-pagination-color": { - "prop": "--spectrum-coach-mark-pagination-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(113, 113, 113)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "coach-mark-pagination-text-to-bottom-edge": { - "prop": "--spectrum-coach-mark-pagination-text-to-bottom-edge", - "desktop": { - "value": "33px" - }, - "mobile": { - "value": "22px" - } - }, - "coach-mark-title-size": { - "prop": "--spectrum-coach-mark-title-size", - "ref": "var(--spectrum-heading-size-xxs)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "coach-mark-width": { - "prop": "--spectrum-coach-mark-width", - "desktop": { - "value": "296px" - }, - "mobile": { - "value": "216px" - } - }, - "code-cjk-emphasized-font-style": { - "prop": "--spectrum-code-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-emphasized-font-weight": { - "prop": "--spectrum-code-cjk-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "code-cjk-font-family": { - "prop": "--spectrum-code-cjk-font-family", - "ref": "var(--spectrum-code-font-family)", - "value": "Source Code Pro" - }, - "code-cjk-font-style": { - "prop": "--spectrum-code-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-font-weight": { - "prop": "--spectrum-code-cjk-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "code-cjk-line-height": { - "prop": "--spectrum-code-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-200)", - "value": "1.7" - }, - "code-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-code-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-code-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "code-cjk-strong-font-style": { - "prop": "--spectrum-code-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-cjk-strong-font-weight": { - "prop": "--spectrum-code-cjk-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "code-color": { - "prop": "--spectrum-code-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "code-emphasized-font-style": { - "prop": "--spectrum-code-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "code-emphasized-font-weight": { - "prop": "--spectrum-code-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "code-font-family": { - "prop": "--spectrum-code-font-family", - "value": "Source Code Pro" - }, - "code-font-style": { - "prop": "--spectrum-code-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-font-weight": { - "prop": "--spectrum-code-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "code-line-height": { - "prop": "--spectrum-code-line-height", - "ref": "var(--spectrum-line-height-200)", - "value": "1.5" - }, - "code-size-l": { - "prop": "--spectrum-code-size-l", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "code-size-m": { - "prop": "--spectrum-code-size-m", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "code-size-s": { - "prop": "--spectrum-code-size-s", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "code-size-xl": { - "prop": "--spectrum-code-size-xl", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "code-size-xs": { - "prop": "--spectrum-code-size-xs", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "code-strong-emphasized-font-style": { - "prop": "--spectrum-code-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "code-strong-emphasized-font-weight": { - "prop": "--spectrum-code-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "code-strong-font-style": { - "prop": "--spectrum-code-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "code-strong-font-weight": { - "prop": "--spectrum-code-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "color-area-border-color": { - "prop": "--spectrum-color-area-border-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "color-area-border-opacity": { - "prop": "--spectrum-color-area-border-opacity", - "value": "0.1" - }, - "color-area-border-rounding": { - "prop": "--spectrum-color-area-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)", - "value": "7px" - }, - "color-area-border-width": { - "prop": "--spectrum-color-area-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" - }, - "color-area-height": { - "prop": "--spectrum-color-area-height", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "color-area-minimum-height": { - "prop": "--spectrum-color-area-minimum-height", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "color-area-minimum-width": { - "prop": "--spectrum-color-area-minimum-width", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "color-area-width": { - "prop": "--spectrum-color-area-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "color-control-track-width": { - "prop": "--spectrum-color-control-track-width", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "color-handle-border-width": { - "prop": "--spectrum-color-handle-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" - }, - "color-handle-drop-shadow-blur": { - "prop": "--spectrum-color-handle-drop-shadow-blur", - "value": "0" - }, - "color-handle-drop-shadow-color": { - "prop": "--spectrum-color-handle-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-color)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "color-handle-drop-shadow-x": { - "prop": "--spectrum-color-handle-drop-shadow-x", - "value": "0" - }, - "color-handle-drop-shadow-y": { - "prop": "--spectrum-color-handle-drop-shadow-y", - "value": "0" - }, - "color-handle-inner-border-color": { - "prop": "--spectrum-color-handle-inner-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "color-handle-inner-border-opacity": { - "prop": "--spectrum-color-handle-inner-border-opacity", - "value": "0.42" - }, - "color-handle-inner-border-width": { - "prop": "--spectrum-color-handle-inner-border-width", - "value": "1px" - }, - "color-handle-outer-border-color": { - "prop": "--spectrum-color-handle-outer-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "color-handle-outer-border-opacity": { - "prop": "--spectrum-color-handle-outer-border-opacity", - "ref": "var(--spectrum-color-handle-inner-border-opacity)", - "value": "0.42" - }, - "color-handle-outer-border-width": { - "prop": "--spectrum-color-handle-outer-border-width", - "value": "1px" - }, - "color-handle-size": { - "prop": "--spectrum-color-handle-size", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "color-handle-size-key-focus": { - "prop": "--spectrum-color-handle-size-key-focus", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "color-loupe-bottom-to-color-handle": { - "prop": "--spectrum-color-loupe-bottom-to-color-handle", - "value": "12px" - }, - "color-loupe-drop-shadow-blur": { - "prop": "--spectrum-color-loupe-drop-shadow-blur", - "value": "8px" - }, - "color-loupe-drop-shadow-color": { - "prop": "--spectrum-color-loupe-drop-shadow-color", - "ref": "var(--spectrum-transparent-black-300)", - "light": { - "value": "rgba(0, 0, 0, 0.15)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.15)" - } - }, - "color-loupe-drop-shadow-y": { - "prop": "--spectrum-color-loupe-drop-shadow-y", - "value": "2px" - }, - "color-loupe-height": { - "prop": "--spectrum-color-loupe-height", - "value": "64px" - }, - "color-loupe-inner-border": { - "prop": "--spectrum-color-loupe-inner-border", - "ref": "var(--spectrum-transparent-black-200)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.12)" - } - }, - "color-loupe-inner-border-width": { - "prop": "--spectrum-color-loupe-inner-border-width", - "value": "1px" - }, - "color-loupe-outer-border": { - "prop": "--spectrum-color-loupe-outer-border", - "ref": "var(--spectrum-white)", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(255, 255, 255)" - } - }, - "color-loupe-outer-border-width": { - "prop": "--spectrum-color-loupe-outer-border-width", - "ref": "var(--spectrum-border-width-200)", - "value": "2px" - }, - "color-loupe-width": { - "prop": "--spectrum-color-loupe-width", - "value": "48px" - }, - "color-slider-border-color": { - "prop": "--spectrum-color-slider-border-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "color-slider-border-opacity": { - "prop": "--spectrum-color-slider-border-opacity", - "value": "0.1" - }, - "color-slider-border-rounding": { - "prop": "--spectrum-color-slider-border-rounding", - "ref": "var(--spectrum-corner-radius-medium-size-small)", - "value": "7px" - }, - "color-slider-border-width": { - "prop": "--spectrum-color-slider-border-width", - "value": "1px" - }, - "color-slider-length": { - "prop": "--spectrum-color-slider-length", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "color-slider-minimum-length": { - "prop": "--spectrum-color-slider-minimum-length", - "desktop": { - "value": "80px" - }, - "mobile": { - "value": "100px" - } - }, - "color-wheel-color-area-margin": { - "prop": "--spectrum-color-wheel-color-area-margin", - "value": "12px" - }, - "color-wheel-minimum-width": { - "prop": "--spectrum-color-wheel-minimum-width", - "desktop": { - "value": "175px" - }, - "mobile": { - "value": "219px" - } - }, - "color-wheel-width": { - "prop": "--spectrum-color-wheel-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "combo-box-minimum-width-multiplier": { - "prop": "--spectrum-combo-box-minimum-width-multiplier", - "value": "2.5" - }, - "combo-box-quiet-minimum-width-multiplier": { - "prop": "--spectrum-combo-box-quiet-minimum-width-multiplier", - "value": "2" - }, - "combo-box-visual-to-field-button-extra-large": { - "prop": "--spectrum-combo-box-visual-to-field-button-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "combo-box-visual-to-field-button-large": { - "prop": "--spectrum-combo-box-visual-to-field-button-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "combo-box-visual-to-field-button-medium": { - "prop": "--spectrum-combo-box-visual-to-field-button-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "combo-box-visual-to-field-button-quiet": { - "prop": "--spectrum-combo-box-visual-to-field-button-quiet", - "value": "0px" - }, - "combo-box-visual-to-field-button-small": { - "prop": "--spectrum-combo-box-visual-to-field-button-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "component-bottom-to-text-100": { - "prop": "--spectrum-component-bottom-to-text-100", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-bottom-to-text-200": { - "prop": "--spectrum-component-bottom-to-text-200", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "component-bottom-to-text-300": { - "prop": "--spectrum-component-bottom-to-text-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "component-bottom-to-text-50": { - "prop": "--spectrum-component-bottom-to-text-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "6px" - } - }, - "component-bottom-to-text-75": { - "prop": "--spectrum-component-bottom-to-text-75", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "component-edge-to-text-100": { - "prop": "--spectrum-component-edge-to-text-100", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "component-edge-to-text-200": { - "prop": "--spectrum-component-edge-to-text-200", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "18px" - } - }, - "component-edge-to-text-300": { - "prop": "--spectrum-component-edge-to-text-300", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "component-edge-to-text-50": { - "prop": "--spectrum-component-edge-to-text-50", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "component-edge-to-text-75": { - "prop": "--spectrum-component-edge-to-text-75", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "component-edge-to-visual-100": { - "prop": "--spectrum-component-edge-to-visual-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "component-edge-to-visual-200": { - "prop": "--spectrum-component-edge-to-visual-200", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "15px" - } - }, - "component-edge-to-visual-300": { - "prop": "--spectrum-component-edge-to-visual-300", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "20px" - } - }, - "component-edge-to-visual-50": { - "prop": "--spectrum-component-edge-to-visual-50", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "component-edge-to-visual-75": { - "prop": "--spectrum-component-edge-to-visual-75", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "component-edge-to-visual-only-100": { - "prop": "--spectrum-component-edge-to-visual-only-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-edge-to-visual-only-200": { - "prop": "--spectrum-component-edge-to-visual-only-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-edge-to-visual-only-300": { - "prop": "--spectrum-component-edge-to-visual-only-300", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "component-edge-to-visual-only-50": { - "prop": "--spectrum-component-edge-to-visual-only-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "5px" - } - }, - "component-edge-to-visual-only-75": { - "prop": "--spectrum-component-edge-to-visual-only-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "component-height-100": { - "prop": "--spectrum-component-height-100", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "component-height-200": { - "prop": "--spectrum-component-height-200", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "component-height-300": { - "prop": "--spectrum-component-height-300", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "component-height-400": { - "prop": "--spectrum-component-height-400", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "component-height-50": { - "prop": "--spectrum-component-height-50", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "component-height-500": { - "prop": "--spectrum-component-height-500", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "component-height-75": { - "prop": "--spectrum-component-height-75", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "component-pill-edge-to-text-100": { - "prop": "--spectrum-component-pill-edge-to-text-100", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "component-pill-edge-to-text-200": { - "prop": "--spectrum-component-pill-edge-to-text-200", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "component-pill-edge-to-text-300": { - "prop": "--spectrum-component-pill-edge-to-text-300", - "desktop": { - "value": "23px" - }, - "mobile": { - "value": "30px" - } - }, - "component-pill-edge-to-text-75": { - "prop": "--spectrum-component-pill-edge-to-text-75", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "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": "21px" - } - }, - "component-pill-edge-to-visual-300": { - "prop": "--spectrum-component-pill-edge-to-visual-300", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "28px" - } - }, - "component-pill-edge-to-visual-75": { - "prop": "--spectrum-component-pill-edge-to-visual-75", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "component-pill-edge-to-visual-only-100": { - "prop": "--spectrum-component-pill-edge-to-visual-only-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-pill-edge-to-visual-only-200": { - "prop": "--spectrum-component-pill-edge-to-visual-only-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-pill-edge-to-visual-only-300": { - "prop": "--spectrum-component-pill-edge-to-visual-only-300", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "component-pill-edge-to-visual-only-75": { - "prop": "--spectrum-component-pill-edge-to-visual-only-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "component-to-menu-extra-large": { - "prop": "--spectrum-component-to-menu-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "component-to-menu-large": { - "prop": "--spectrum-component-to-menu-large", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "component-to-menu-medium": { - "prop": "--spectrum-component-to-menu-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-to-menu-small": { - "prop": "--spectrum-component-to-menu-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "component-top-to-text-100": { - "prop": "--spectrum-component-top-to-text-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-top-to-text-200": { - "prop": "--spectrum-component-top-to-text-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "component-top-to-text-300": { - "prop": "--spectrum-component-top-to-text-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "component-top-to-text-50": { - "prop": "--spectrum-component-top-to-text-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "4px" - } - }, - "component-top-to-text-75": { - "prop": "--spectrum-component-top-to-text-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "component-top-to-workflow-icon-100": { - "prop": "--spectrum-component-top-to-workflow-icon-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "component-top-to-workflow-icon-200": { - "prop": "--spectrum-component-top-to-workflow-icon-200", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "component-top-to-workflow-icon-300": { - "prop": "--spectrum-component-top-to-workflow-icon-300", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "15px" - } - }, - "component-top-to-workflow-icon-50": { - "prop": "--spectrum-component-top-to-workflow-icon-50", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "5px" - } - }, - "component-top-to-workflow-icon-75": { - "prop": "--spectrum-component-top-to-workflow-icon-75", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "contextual-help-body-size": { - "prop": "--spectrum-contextual-help-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "contextual-help-minimum-width": { - "prop": "--spectrum-contextual-help-minimum-width", - "value": "268px" - }, - "contextual-help-title-size": { - "prop": "--spectrum-contextual-help-title-size", - "ref": "var(--spectrum-heading-size-xxs)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "17px" - } - }, - "corner-radius-0": { - "prop": "--spectrum-corner-radius-0", - "value": "0px" - }, - "corner-radius-100": { - "prop": "--spectrum-corner-radius-100", - "value": "8px" - }, - "corner-radius-1000": { - "prop": "--spectrum-corner-radius-1000", - "value": "0.5" - }, - "corner-radius-200": { - "prop": "--spectrum-corner-radius-200", - "value": "10px" - }, - "corner-radius-300": { - "prop": "--spectrum-corner-radius-300", - "value": "6px" - }, - "corner-radius-400": { - "prop": "--spectrum-corner-radius-400", - "value": "7px" - }, - "corner-radius-500": { - "prop": "--spectrum-corner-radius-500", - "value": "8px" - }, - "corner-radius-600": { - "prop": "--spectrum-corner-radius-600", - "value": "9px" - }, - "corner-radius-700": { - "prop": "--spectrum-corner-radius-700", - "value": "10px" - }, - "corner-radius-75": { - "prop": "--spectrum-corner-radius-75", - "value": "4px" - }, - "corner-radius-800": { - "prop": "--spectrum-corner-radius-800", - "value": "16px" - }, - "corner-radius-extra-large-default": { - "prop": "--spectrum-corner-radius-extra-large-default", - "ref": "var(--spectrum-corner-radius-800)", - "value": "16px" - }, - "corner-radius-full": { - "prop": "--spectrum-corner-radius-full", - "ref": "var(--spectrum-corner-radius-1000)", - "value": "0.5" - }, - "corner-radius-large-default": { - "prop": "--spectrum-corner-radius-large-default", - "ref": "var(--spectrum-corner-radius-700)", - "value": "10px" - }, - "corner-radius-medium-default": { - "prop": "--spectrum-corner-radius-medium-default", - "ref": "var(--spectrum-corner-radius-500)", - "value": "8px" - }, - "corner-radius-medium-size-extra-large": { - "prop": "--spectrum-corner-radius-medium-size-extra-large", - "ref": "var(--spectrum-corner-radius-700)", - "value": "10px" - }, - "corner-radius-medium-size-extra-small": { - "prop": "--spectrum-corner-radius-medium-size-extra-small", - "ref": "var(--spectrum-corner-radius-300)", - "value": "6px" - }, - "corner-radius-medium-size-large": { - "prop": "--spectrum-corner-radius-medium-size-large", - "ref": "var(--spectrum-corner-radius-600)", - "value": "9px" - }, - "corner-radius-medium-size-medium": { - "prop": "--spectrum-corner-radius-medium-size-medium", - "ref": "var(--spectrum-corner-radius-500)", - "value": "8px" - }, - "corner-radius-medium-size-small": { - "prop": "--spectrum-corner-radius-medium-size-small", - "ref": "var(--spectrum-corner-radius-400)", - "value": "7px" - }, - "corner-radius-none": { - "prop": "--spectrum-corner-radius-none", - "ref": "var(--spectrum-corner-radius-0)", - "value": "0px" - }, - "corner-radius-small-default": { - "prop": "--spectrum-corner-radius-small-default", - "ref": "var(--spectrum-corner-radius-100)", - "value": "8px" - }, - "corner-radius-small-size-extra-large": { - "prop": "--spectrum-corner-radius-small-size-extra-large", - "ref": "var(--spectrum-corner-radius-300)", - "value": "6px" - }, - "corner-radius-small-size-large": { - "prop": "--spectrum-corner-radius-small-size-large", - "ref": "var(--spectrum-corner-radius-200)", - "value": "10px" - }, - "corner-radius-small-size-medium": { - "prop": "--spectrum-corner-radius-small-size-medium", - "ref": "var(--spectrum-corner-radius-100)", - "value": "8px" - }, - "corner-radius-small-size-small": { - "prop": "--spectrum-corner-radius-small-size-small", - "ref": "var(--spectrum-corner-radius-75)", - "value": "4px" - }, - "corner-triangle-icon-size-100": { - "prop": "--spectrum-corner-triangle-icon-size-100", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "corner-triangle-icon-size-200": { - "prop": "--spectrum-corner-triangle-icon-size-200", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "corner-triangle-icon-size-300": { - "prop": "--spectrum-corner-triangle-icon-size-300", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "8px" - } - }, - "corner-triangle-icon-size-75": { - "prop": "--spectrum-corner-triangle-icon-size-75", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "cross-icon-size-100": { - "prop": "--spectrum-cross-icon-size-100", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "cross-icon-size-200": { - "prop": "--spectrum-cross-icon-size-200", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "cross-icon-size-300": { - "prop": "--spectrum-cross-icon-size-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "cross-icon-size-400": { - "prop": "--spectrum-cross-icon-size-400", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "cross-icon-size-500": { - "prop": "--spectrum-cross-icon-size-500", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "cross-icon-size-600": { - "prop": "--spectrum-cross-icon-size-600", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "cross-icon-size-75": { - "prop": "--spectrum-cross-icon-size-75", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "cyan-100": { - "prop": "--spectrum-cyan-100", - "light": { - "value": "rgb(238, 250, 254)" - }, - "dark": { - "value": "rgb(0, 29, 39)" - } - }, - "cyan-1000": { - "prop": "--spectrum-cyan-1000", - "light": { - "value": "rgb(4, 102, 145)" - }, - "dark": { - "value": "rgb(38, 159, 244)" - } - }, - "cyan-1100": { - "prop": "--spectrum-cyan-1100", - "light": { - "value": "rgb(0, 87, 121)" - }, - "dark": { - "value": "rgb(63, 177, 255)" - } - }, - "cyan-1200": { - "prop": "--spectrum-cyan-1200", - "light": { - "value": "rgb(0, 71, 98)" - }, - "dark": { - "value": "rgb(107, 199, 255)" - } - }, - "cyan-1300": { - "prop": "--spectrum-cyan-1300", - "light": { - "value": "rgb(0, 57, 78)" - }, - "dark": { - "value": "rgb(152, 219, 255)" - } - }, - "cyan-1400": { - "prop": "--spectrum-cyan-1400", - "light": { - "value": "rgb(0, 43, 59)" - }, - "dark": { - "value": "rgb(195, 236, 252)" - } - }, - "cyan-1500": { - "prop": "--spectrum-cyan-1500", - "dark": { - "value": "rgb(230, 248, 253)" - }, - "light": { - "value": "rgb(0, 31, 43)" - } - }, - "cyan-1600": { - "prop": "--spectrum-cyan-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 14, 20)" - } - }, - "cyan-200": { - "prop": "--spectrum-cyan-200", - "light": { - "value": "rgb(217, 244, 253)" - }, - "dark": { - "value": "rgb(0, 36, 49)" - } - }, - "cyan-300": { - "prop": "--spectrum-cyan-300", - "light": { - "value": "rgb(183, 231, 252)" - }, - "dark": { - "value": "rgb(0, 48, 65)" - } - }, - "cyan-400": { - "prop": "--spectrum-cyan-400", - "light": { - "value": "rgb(138, 213, 255)" - }, - "dark": { - "value": "rgb(0, 64, 88)" - } - }, - "cyan-500": { - "prop": "--spectrum-cyan-500", - "light": { - "value": "rgb(92, 192, 255)" - }, - "dark": { - "value": "rgb(0, 82, 113)" - } - }, - "cyan-600": { - "prop": "--spectrum-cyan-600", - "light": { - "value": "rgb(48, 167, 254)" - }, - "dark": { - "value": "rgb(3, 99, 140)" - } - }, - "cyan-700": { - "prop": "--spectrum-cyan-700", - "light": { - "value": "rgb(29, 149, 231)" - }, - "dark": { - "value": "rgb(8, 115, 168)" - } - }, - "cyan-800": { - "prop": "--spectrum-cyan-800", - "light": { - "value": "rgb(18, 134, 205)" - }, - "dark": { - "value": "rgb(13, 125, 186)" - } - }, - "cyan-900": { - "prop": "--spectrum-cyan-900", - "light": { - "value": "rgb(11, 120, 179)" - }, - "dark": { - "value": "rgb(24, 142, 220)" - } - }, - "cyan-background-color-default": { - "prop": "--spectrum-cyan-background-color-default", - "ref": "var(--spectrum-cyan-800)", - "light": { - "value": "rgb(11, 120, 179)" - }, - "dark": { - "value": "rgb(13, 125, 186)" - } - }, - "cyan-subtle-background-color-default": { - "prop": "--spectrum-cyan-subtle-background-color-default", - "ref": "var(--spectrum-cyan-300)", - "light": { - "value": "rgb(217, 244, 253)" - }, - "dark": { - "value": "rgb(0, 48, 65)" - } - }, - "cyan-visual-color": { - "prop": "--spectrum-cyan-visual-color", - "ref": "var(--spectrum-cyan-900)", - "light": { - "value": "rgb(48, 167, 254)" - }, - "dark": { - "value": "rgb(24, 142, 220)" - } - }, - "dash-icon-size-100": { - "prop": "--spectrum-dash-icon-size-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "dash-icon-size-200": { - "prop": "--spectrum-dash-icon-size-200", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "dash-icon-size-300": { - "prop": "--spectrum-dash-icon-size-300", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "dash-icon-size-400": { - "prop": "--spectrum-dash-icon-size-400", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "dash-icon-size-50": { - "prop": "--spectrum-dash-icon-size-50", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "dash-icon-size-500": { - "prop": "--spectrum-dash-icon-size-500", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "dash-icon-size-600": { - "prop": "--spectrum-dash-icon-size-600", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "dash-icon-size-75": { - "prop": "--spectrum-dash-icon-size-75", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "default-font-family": { - "prop": "--spectrum-default-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "default-font-style": { - "prop": "--spectrum-default-font-style", - "value": "normal" - }, - "detail-cjk-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "detail-cjk-font-family": { - "prop": "--spectrum-detail-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "detail-cjk-font-style": { - "prop": "--spectrum-detail-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-font-weight": { - "prop": "--spectrum-detail-cjk-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-cjk-light-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-light-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-cjk-light-font-style": { - "prop": "--spectrum-detail-cjk-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-font-weight": { - "prop": "--spectrum-detail-cjk-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "detail-cjk-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-cjk-light-strong-font-style": { - "prop": "--spectrum-detail-cjk-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-light-strong-font-weight": { - "prop": "--spectrum-detail-cjk-light-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "detail-cjk-line-height": { - "prop": "--spectrum-detail-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": "1.5" - }, - "detail-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-detail-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "detail-cjk-strong-font-style": { - "prop": "--spectrum-detail-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-cjk-strong-font-weight": { - "prop": "--spectrum-detail-cjk-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "detail-color": { - "prop": "--spectrum-detail-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "detail-letter-spacing": { - "prop": "--spectrum-detail-letter-spacing", - "value": "0.06em" - }, - "detail-line-height": { - "prop": "--spectrum-detail-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": "1.3" - }, - "detail-margin-bottom-multiplier": { - "prop": "--spectrum-detail-margin-bottom-multiplier", - "value": "0.25" - }, - "detail-margin-top-multiplier": { - "prop": "--spectrum-detail-margin-top-multiplier", - "value": "0.88888889" - }, - "detail-sans-serif-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-sans-serif-font-family": { - "prop": "--spectrum-detail-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "detail-sans-serif-font-style": { - "prop": "--spectrum-detail-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-font-weight": { - "prop": "--spectrum-detail-sans-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-sans-serif-light-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-light-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-light-font-style": { - "prop": "--spectrum-detail-sans-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-light-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-light-strong-font-style": { - "prop": "--spectrum-detail-sans-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-light-strong-font-weight": { - "prop": "--spectrum-detail-sans-serif-light-strong-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-sans-serif-strong-font-style": { - "prop": "--spectrum-detail-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-sans-serif-strong-font-weight": { - "prop": "--spectrum-detail-sans-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-sans-serif-text-transform": { - "prop": "--spectrum-detail-sans-serif-text-transform", - "value": "uppercase" - }, - "detail-serif-emphasized-font-style": { - "prop": "--spectrum-detail-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-serif-font-family": { - "prop": "--spectrum-detail-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "detail-serif-font-style": { - "prop": "--spectrum-detail-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-font-weight": { - "prop": "--spectrum-detail-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-serif-light-emphasized-font-style": { - "prop": "--spectrum-detail-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-light-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-light-font-style": { - "prop": "--spectrum-detail-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-light-font-weight": { - "prop": "--spectrum-detail-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-detail-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-light-strong-font-style": { - "prop": "--spectrum-detail-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-light-strong-font-weight": { - "prop": "--spectrum-detail-serif-light-strong-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "detail-serif-strong-emphasized-font-style": { - "prop": "--spectrum-detail-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "detail-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-detail-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-serif-strong-font-style": { - "prop": "--spectrum-detail-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "detail-serif-strong-font-weight": { - "prop": "--spectrum-detail-serif-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "detail-serif-text-transform": { - "prop": "--spectrum-detail-serif-text-transform", - "value": "uppercase" - }, - "detail-size-l": { - "prop": "--spectrum-detail-size-l", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "detail-size-m": { - "prop": "--spectrum-detail-size-m", - "ref": "var(--spectrum-font-size-75)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "detail-size-s": { - "prop": "--spectrum-detail-size-s", - "ref": "var(--spectrum-font-size-50)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "detail-size-xl": { - "prop": "--spectrum-detail-size-xl", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "disabled-background-color": { - "prop": "--spectrum-disabled-background-color", - "ref": "var(--spectrum-gray-100)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "disabled-border-color": { - "prop": "--spectrum-disabled-border-color", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "disabled-content-color": { - "prop": "--spectrum-disabled-content-color", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(198, 198, 198)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "disabled-static-black-background-color": { - "prop": "--spectrum-disabled-static-black-background-color", - "ref": "var(--spectrum-transparent-black-100)", - "light": { - "value": "rgba(0, 0, 0, 0.09)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.09)" - } - }, - "disabled-static-black-border-color": { - "prop": "--spectrum-disabled-static-black-border-color", - "ref": "var(--spectrum-transparent-black-300)", - "light": { - "value": "rgba(0, 0, 0, 0.15)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.15)" - } - }, - "disabled-static-black-content-color": { - "prop": "--spectrum-disabled-static-black-content-color", - "ref": "var(--spectrum-transparent-black-400)", - "light": { - "value": "rgba(0, 0, 0, 0.22)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.22)" - } - }, - "disabled-static-white-background-color": { - "prop": "--spectrum-disabled-static-white-background-color", - "ref": "var(--spectrum-transparent-white-100)", - "light": { - "value": "rgba(255, 255, 255, 0.11)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.11)" - } - }, - "disabled-static-white-border-color": { - "prop": "--spectrum-disabled-static-white-border-color", - "ref": "var(--spectrum-transparent-white-300)", - "light": { - "value": "rgba(255, 255, 255, 0.17)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.17)" - } - }, - "disabled-static-white-content-color": { - "prop": "--spectrum-disabled-static-white-content-color", - "ref": "var(--spectrum-transparent-white-400)", - "light": { - "value": "rgba(255, 255, 255, 0.21)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.21)" - } - }, - "disclosure-indicator-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "disclosure-indicator-top-to-disclosure-icon-large": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "disclosure-indicator-top-to-disclosure-icon-medium": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "disclosure-indicator-top-to-disclosure-icon-small": { - "prop": "--spectrum-disclosure-indicator-top-to-disclosure-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "divider-thickness-large": { - "prop": "--spectrum-divider-thickness-large", - "value": "4px" - }, - "divider-thickness-medium": { - "prop": "--spectrum-divider-thickness-medium", - "value": "2px" - }, - "divider-thickness-small": { - "prop": "--spectrum-divider-thickness-small", - "value": "1px" - }, - "drop-shadow-blur": { - "prop": "--spectrum-drop-shadow-blur", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "6px" - } - }, - "drop-shadow-color": { - "prop": "--spectrum-drop-shadow-color", - "ref": "var(--spectrum-drop-shadow-color-100)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "drop-shadow-color-100": { - "prop": "--spectrum-drop-shadow-color-100", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "drop-shadow-color-200": { - "prop": "--spectrum-drop-shadow-color-200", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } - }, - "drop-shadow-color-300": { - "prop": "--spectrum-drop-shadow-color-300", - "light": { - "value": "rgba(0, 0, 0, 0.2)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.6)" - } - }, - "drop-shadow-dragged-color": { - "prop": "--spectrum-drop-shadow-dragged-color", - "ref": "var(--spectrum-drop-shadow-color-300)", - "light": { - "value": "rgba(0, 0, 0, 0.2)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.6)" - } - }, - "drop-shadow-elevated-color": { - "prop": "--spectrum-drop-shadow-elevated-color", - "ref": "var(--spectrum-drop-shadow-color-200)", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } - }, - "drop-shadow-emphasized-default-color": { - "prop": "--spectrum-drop-shadow-emphasized-default-color", - "ref": "var(--spectrum-drop-shadow-color-100)", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.36)" - } - }, - "drop-shadow-emphasized-hover-color": { - "prop": "--spectrum-drop-shadow-emphasized-hover-color", - "ref": "var(--spectrum-drop-shadow-color-200)", - "light": { - "value": "rgba(0, 0, 0, 0.16)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.48)" - } - }, - "drop-shadow-x": { - "prop": "--spectrum-drop-shadow-x", - "value": "0px" - }, - "drop-shadow-y": { - "prop": "--spectrum-drop-shadow-y", - "desktop": { - "value": "1px" - }, - "mobile": { - "value": "2px" - } - }, - "drop-zone-background-color": { - "prop": "--spectrum-drop-zone-background-color", - "ref": "var(--spectrum-accent-color-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "drop-zone-background-color-opacity": { - "prop": "--spectrum-drop-zone-background-color-opacity", - "value": "0.1" - }, - "drop-zone-background-color-opacity-filled": { - "prop": "--spectrum-drop-zone-background-color-opacity-filled", - "value": "0.3" - }, - "drop-zone-body-size": { - "prop": "--spectrum-drop-zone-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "drop-zone-border-dash-gap": { - "prop": "--spectrum-drop-zone-border-dash-gap", - "value": "4px" - }, - "drop-zone-border-dash-length": { - "prop": "--spectrum-drop-zone-border-dash-length", - "value": "8px" - }, - "drop-zone-cjk-title-size": { - "prop": "--spectrum-drop-zone-cjk-title-size", - "ref": "var(--spectrum-heading-cjk-size-s)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "drop-zone-content-maximum-width": { - "prop": "--spectrum-drop-zone-content-maximum-width", - "ref": "var(--spectrum-illustrated-message-maximum-width)", - "value": "380px" - }, - "drop-zone-title-size": { - "prop": "--spectrum-drop-zone-title-size", - "ref": "var(--spectrum-heading-size-s)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "22px" - } - }, - "drop-zone-width": { - "prop": "--spectrum-drop-zone-width", - "value": "428px" - }, - "extra-bold-font-weight": { - "prop": "--spectrum-extra-bold-font-weight", - "value": "800" - }, - "field-edge-to-alert-icon-extra-large": { - "prop": "--spectrum-field-edge-to-alert-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-edge-to-alert-icon-large": { - "prop": "--spectrum-field-edge-to-alert-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-edge-to-alert-icon-medium": { - "prop": "--spectrum-field-edge-to-alert-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-edge-to-alert-icon-quiet": { - "prop": "--spectrum-field-edge-to-alert-icon-quiet", - "value": "0px" - }, - "field-edge-to-alert-icon-small": { - "prop": "--spectrum-field-edge-to-alert-icon-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "field-edge-to-border-quiet": { - "prop": "--spectrum-field-edge-to-border-quiet", - "value": "0px" - }, - "field-edge-to-disclosure-icon-100": { - "prop": "--spectrum-field-edge-to-disclosure-icon-100", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-edge-to-disclosure-icon-200": { - "prop": "--spectrum-field-edge-to-disclosure-icon-200", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-edge-to-disclosure-icon-300": { - "prop": "--spectrum-field-edge-to-disclosure-icon-300", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-edge-to-disclosure-icon-75": { - "prop": "--spectrum-field-edge-to-disclosure-icon-75", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-edge-to-text-quiet": { - "prop": "--spectrum-field-edge-to-text-quiet", - "value": "0px" - }, - "field-edge-to-validation-icon-extra-large": { - "prop": "--spectrum-field-edge-to-validation-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-edge-to-validation-icon-large": { - "prop": "--spectrum-field-edge-to-validation-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-edge-to-validation-icon-medium": { - "prop": "--spectrum-field-edge-to-validation-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-edge-to-validation-icon-quiet": { - "prop": "--spectrum-field-edge-to-validation-icon-quiet", - "value": "0px" - }, - "field-edge-to-validation-icon-small": { - "prop": "--spectrum-field-edge-to-validation-icon-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "field-edge-to-visual-quiet": { - "prop": "--spectrum-field-edge-to-visual-quiet", - "value": "0px" - }, - "field-end-edge-to-disclosure-icon-100": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-100", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-end-edge-to-disclosure-icon-200": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-200", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-end-edge-to-disclosure-icon-300": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-300", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-end-edge-to-disclosure-icon-75": { - "prop": "--spectrum-field-end-edge-to-disclosure-icon-75", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-label-text-to-asterisk-extra-large": { - "prop": "--spectrum-field-label-text-to-asterisk-extra-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "field-label-text-to-asterisk-large": { - "prop": "--spectrum-field-label-text-to-asterisk-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "field-label-text-to-asterisk-medium": { - "prop": "--spectrum-field-label-text-to-asterisk-medium", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "field-label-text-to-asterisk-small": { - "prop": "--spectrum-field-label-text-to-asterisk-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "field-label-to-component": { - "prop": "--spectrum-field-label-to-component", - "value": "0px" - }, - "field-label-to-component-quiet-extra-large": { - "prop": "--spectrum-field-label-to-component-quiet-extra-large", - "desktop": { - "value": "-15px" - }, - "mobile": { - "value": "-19px" - } - }, - "field-label-to-component-quiet-large": { - "prop": "--spectrum-field-label-to-component-quiet-large", - "desktop": { - "value": "-12px" - }, - "mobile": { - "value": "-15px" - } - }, - "field-label-to-component-quiet-medium": { - "prop": "--spectrum-field-label-to-component-quiet-medium", - "desktop": { - "value": "-8px" - }, - "mobile": { - "value": "-10px" - } - }, - "field-label-to-component-quiet-small": { - "prop": "--spectrum-field-label-to-component-quiet-small", - "desktop": { - "value": "-8px" - }, - "mobile": { - "value": "-10px" - } - }, - "field-label-top-margin-extra-large": { - "prop": "--spectrum-field-label-top-margin-extra-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "field-label-top-margin-large": { - "prop": "--spectrum-field-label-top-margin-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "field-label-top-margin-medium": { - "prop": "--spectrum-field-label-top-margin-medium", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "field-label-top-margin-small": { - "prop": "--spectrum-field-label-top-margin-small", - "value": "0px" - }, - "field-label-top-to-asterisk-extra-large": { - "prop": "--spectrum-field-label-top-to-asterisk-extra-large", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "24px" - } - }, - "field-label-top-to-asterisk-large": { - "prop": "--spectrum-field-label-top-to-asterisk-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-label-top-to-asterisk-medium": { - "prop": "--spectrum-field-label-top-to-asterisk-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-label-top-to-asterisk-small": { - "prop": "--spectrum-field-label-top-to-asterisk-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "field-text-to-alert-icon-extra-large": { - "prop": "--spectrum-field-text-to-alert-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-text-to-alert-icon-large": { - "prop": "--spectrum-field-text-to-alert-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-text-to-alert-icon-medium": { - "prop": "--spectrum-field-text-to-alert-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-text-to-alert-icon-small": { - "prop": "--spectrum-field-text-to-alert-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "field-text-to-validation-icon-extra-large": { - "prop": "--spectrum-field-text-to-validation-icon-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "field-text-to-validation-icon-large": { - "prop": "--spectrum-field-text-to-validation-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "field-text-to-validation-icon-medium": { - "prop": "--spectrum-field-text-to-validation-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "field-text-to-validation-icon-small": { - "prop": "--spectrum-field-text-to-validation-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "field-top-to-alert-icon-extra-large": { - "prop": "--spectrum-field-top-to-alert-icon-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "field-top-to-alert-icon-large": { - "prop": "--spectrum-field-top-to-alert-icon-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-alert-icon-medium": { - "prop": "--spectrum-field-top-to-alert-icon-medium", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-top-to-alert-icon-small": { - "prop": "--spectrum-field-top-to-alert-icon-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "field-top-to-disclosure-icon-100": { - "prop": "--spectrum-field-top-to-disclosure-icon-100", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-disclosure-icon-200": { - "prop": "--spectrum-field-top-to-disclosure-icon-200", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-top-to-disclosure-icon-300": { - "prop": "--spectrum-field-top-to-disclosure-icon-300", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-top-to-disclosure-icon-75": { - "prop": "--spectrum-field-top-to-disclosure-icon-75", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-top-to-progress-circle-extra-large": { - "prop": "--spectrum-field-top-to-progress-circle-extra-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "22px" - } - }, - "field-top-to-progress-circle-large": { - "prop": "--spectrum-field-top-to-progress-circle-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "17px" - } - }, - "field-top-to-progress-circle-medium": { - "prop": "--spectrum-field-top-to-progress-circle-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "12px" - } - }, - "field-top-to-progress-circle-small": { - "prop": "--spectrum-field-top-to-progress-circle-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "7px" - } - }, - "field-top-to-validation-icon-extra-large": { - "prop": "--spectrum-field-top-to-validation-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "field-top-to-validation-icon-large": { - "prop": "--spectrum-field-top-to-validation-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "field-top-to-validation-icon-medium": { - "prop": "--spectrum-field-top-to-validation-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "field-top-to-validation-icon-small": { - "prop": "--spectrum-field-top-to-validation-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "field-width": { - "prop": "--spectrum-field-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "floating-action-button-drop-shadow-blur": { - "prop": "--spectrum-floating-action-button-drop-shadow-blur", - "value": "12px" - }, - "floating-action-button-drop-shadow-color": { - "prop": "--spectrum-floating-action-button-drop-shadow-color", - "ref": "var(--spectrum-transparent-black-300)", - "light": { - "value": "rgba(0, 0, 0, 0.15)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.15)" - } - }, - "floating-action-button-drop-shadow-y": { - "prop": "--spectrum-floating-action-button-drop-shadow-y", - "value": "4px" - }, - "floating-action-button-shadow-color": { - "prop": "--spectrum-floating-action-button-shadow-color", - "ref": "var(--spectrum-floating-action-button-drop-shadow-color)", - "light": { - "value": "rgba(0, 0, 0, 0.15)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.15)" - } - }, - "focus-indicator-color": { - "prop": "--spectrum-focus-indicator-color", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "focus-indicator-gap": { - "prop": "--spectrum-focus-indicator-gap", - "value": "2px" - }, - "focus-indicator-thickness": { - "prop": "--spectrum-focus-indicator-thickness", - "value": "2px" - }, - "font-size-100": { - "prop": "--spectrum-font-size-100", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "font-size-1000": { - "prop": "--spectrum-font-size-1000", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "49px" - } - }, - "font-size-1100": { - "prop": "--spectrum-font-size-1100", - "desktop": { - "value": "45px" - }, - "mobile": { - "value": "55px" - } - }, - "font-size-1200": { - "prop": "--spectrum-font-size-1200", - "desktop": { - "value": "50px" - }, - "mobile": { - "value": "62px" - } - }, - "font-size-1300": { - "prop": "--spectrum-font-size-1300", - "desktop": { - "value": "60px" - }, - "mobile": { - "value": "70px" - } - }, - "font-size-200": { - "prop": "--spectrum-font-size-200", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "font-size-300": { - "prop": "--spectrum-font-size-300", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "font-size-400": { - "prop": "--spectrum-font-size-400", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "font-size-50": { - "prop": "--spectrum-font-size-50", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "font-size-500": { - "prop": "--spectrum-font-size-500", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "font-size-600": { - "prop": "--spectrum-font-size-600", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "font-size-700": { - "prop": "--spectrum-font-size-700", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "34px" - } - }, - "font-size-75": { - "prop": "--spectrum-font-size-75", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "font-size-800": { - "prop": "--spectrum-font-size-800", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "39px" - } - }, - "font-size-900": { - "prop": "--spectrum-font-size-900", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "44px" - } - }, - "fuchsia-100": { - "prop": "--spectrum-fuchsia-100", - "light": { - "value": "rgb(254, 246, 255)" - }, - "dark": { - "value": "rgb(50, 0, 61)" - } - }, - "fuchsia-1000": { - "prop": "--spectrum-fuchsia-1000", - "light": { - "value": "rgb(156, 40, 175)" - }, - "dark": { - "value": "rgb(232, 91, 253)" - } - }, - "fuchsia-1100": { - "prop": "--spectrum-fuchsia-1100", - "light": { - "value": "rgb(135, 27, 154)" - }, - "dark": { - "value": "rgb(240, 122, 255)" - } - }, - "fuchsia-1200": { - "prop": "--spectrum-fuchsia-1200", - "light": { - "value": "rgb(113, 15, 131)" - }, - "dark": { - "value": "rgb(245, 159, 255)" - } - }, - "fuchsia-1300": { - "prop": "--spectrum-fuchsia-1300", - "light": { - "value": "rgb(92, 4, 109)" - }, - "dark": { - "value": "rgb(248, 191, 255)" - } - }, - "fuchsia-1400": { - "prop": "--spectrum-fuchsia-1400", - "light": { - "value": "rgb(72, 0, 88)" - }, - "dark": { - "value": "rgb(251, 219, 255)" - } - }, - "fuchsia-1500": { - "prop": "--spectrum-fuchsia-1500", - "dark": { - "value": "rgb(253, 241, 255)" - }, - "light": { - "value": "rgb(54, 0, 66)" - } - }, - "fuchsia-1600": { - "prop": "--spectrum-fuchsia-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(29, 0, 35)" - } - }, - "fuchsia-200": { - "prop": "--spectrum-fuchsia-200", - "light": { - "value": "rgb(253, 233, 255)" - }, - "dark": { - "value": "rgb(61, 0, 74)" - } - }, - "fuchsia-300": { - "prop": "--spectrum-fuchsia-300", - "light": { - "value": "rgb(250, 211, 255)" - }, - "dark": { - "value": "rgb(79, 0, 95)" - } - }, - "fuchsia-400": { - "prop": "--spectrum-fuchsia-400", - "light": { - "value": "rgb(247, 181, 255)" - }, - "dark": { - "value": "rgb(102, 9, 120)" - } - }, - "fuchsia-500": { - "prop": "--spectrum-fuchsia-500", - "light": { - "value": "rgb(243, 147, 255)" - }, - "dark": { - "value": "rgb(127, 23, 146)" - } - }, - "fuchsia-600": { - "prop": "--spectrum-fuchsia-600", - "light": { - "value": "rgb(236, 105, 255)" - }, - "dark": { - "value": "rgb(151, 38, 170)" - } - }, - "fuchsia-700": { - "prop": "--spectrum-fuchsia-700", - "light": { - "value": "rgb(223, 77, 245)" - }, - "dark": { - "value": "rgb(173, 51, 192)" - } - }, - "fuchsia-800": { - "prop": "--spectrum-fuchsia-800", - "light": { - "value": "rgb(200, 68, 220)" - }, - "dark": { - "value": "rgb(186, 60, 206)" - } - }, - "fuchsia-900": { - "prop": "--spectrum-fuchsia-900", - "light": { - "value": "rgb(181, 57, 200)" - }, - "dark": { - "value": "rgb(213, 73, 235)" - } - }, - "fuchsia-background-color-default": { - "prop": "--spectrum-fuchsia-background-color-default", - "ref": "var(--spectrum-fuchsia-800)", - "light": { - "value": "rgb(181, 57, 200)" - }, - "dark": { - "value": "rgb(186, 60, 206)" - } - }, - "fuchsia-subtle-background-color-default": { - "prop": "--spectrum-fuchsia-subtle-background-color-default", - "ref": "var(--spectrum-fuchsia-300)", - "light": { - "value": "rgb(253, 233, 255)" - }, - "dark": { - "value": "rgb(79, 0, 95)" - } - }, - "fuchsia-visual-color": { - "prop": "--spectrum-fuchsia-visual-color", - "ref": "var(--spectrum-fuchsia-900)", - "light": { - "value": "rgb(200, 68, 220)" - }, - "dark": { - "value": "rgb(213, 73, 235)" - } - }, - "gray-100": { - "prop": "--spectrum-gray-100", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "gray-1000": { - "prop": "--spectrum-gray-1000", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 0, 0)" - } - }, - "gray-200": { - "prop": "--spectrum-gray-200", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(50, 50, 50)" - } - }, - "gray-25": { - "prop": "--spectrum-gray-25", - "dark": { - "value": "rgb(17, 17, 17)" - }, - "light": { - "value": "rgb(255, 255, 255)" - } - }, - "gray-300": { - "prop": "--spectrum-gray-300", - "light": { - "value": "rgb(218, 218, 218)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "gray-400": { - "prop": "--spectrum-gray-400", - "light": { - "value": "rgb(198, 198, 198)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "gray-50": { - "prop": "--spectrum-gray-50", - "light": { - "value": "rgb(248, 248, 248)" - }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "gray-500": { - "prop": "--spectrum-gray-500", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(109, 109, 109)" - } - }, - "gray-600": { - "prop": "--spectrum-gray-600", - "light": { - "value": "rgb(113, 113, 113)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "gray-700": { - "prop": "--spectrum-gray-700", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(175, 175, 175)" - } - }, - "gray-75": { - "prop": "--spectrum-gray-75", - "light": { - "value": "rgb(243, 243, 243)" - }, - "dark": { - "value": "rgb(34, 34, 34)" - } - }, - "gray-800": { - "prop": "--spectrum-gray-800", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "gray-900": { - "prop": "--spectrum-gray-900", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "gray-background-color-default": { - "prop": "--spectrum-gray-background-color-default", - "ref": "var(--spectrum-gray-500)", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(109, 109, 109)" - } - }, - "gray-subtle-background-color-default": { - "prop": "--spectrum-gray-subtle-background-color-default", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "gray-visual-color": { - "prop": "--spectrum-gray-visual-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "green-100": { - "prop": "--spectrum-green-100", - "light": { - "value": "rgb(237, 252, 241)" - }, - "dark": { - "value": "rgb(0, 30, 23)" - } - }, - "green-1000": { - "prop": "--spectrum-green-1000", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(14, 175, 98)" - } - }, - "green-1100": { - "prop": "--spectrum-green-1100", - "light": { - "value": "rgb(2, 93, 60)" - }, - "dark": { - "value": "rgb(24, 193, 110)" - } - }, - "green-1200": { - "prop": "--spectrum-green-1200", - "light": { - "value": "rgb(1, 76, 52)" - }, - "dark": { - "value": "rgb(57, 215, 134)" - } - }, - "green-1300": { - "prop": "--spectrum-green-1300", - "light": { - "value": "rgb(0, 61, 44)" - }, - "dark": { - "value": "rgb(126, 231, 172)" - } - }, - "green-1400": { - "prop": "--spectrum-green-1400", - "light": { - "value": "rgb(0, 46, 34)" - }, - "dark": { - "value": "rgb(189, 241, 208)" - } - }, - "green-1500": { - "prop": "--spectrum-green-1500", - "dark": { - "value": "rgb(229, 250, 236)" - }, - "light": { - "value": "rgb(0, 33, 25)" - } - }, - "green-1600": { - "prop": "--spectrum-green-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 12)" - } - }, - "green-200": { - "prop": "--spectrum-green-200", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 38, 29)" - } - }, - "green-300": { - "prop": "--spectrum-green-300", - "light": { - "value": "rgb(173, 238, 197)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "green-400": { - "prop": "--spectrum-green-400", - "light": { - "value": "rgb(107, 227, 162)" - }, - "dark": { - "value": "rgb(0, 68, 48)" - } - }, - "green-500": { - "prop": "--spectrum-green-500", - "light": { - "value": "rgb(43, 209, 125)" - }, - "dark": { - "value": "rgb(2, 87, 58)" - } - }, - "green-600": { - "prop": "--spectrum-green-600", - "light": { - "value": "rgb(18, 184, 103)" - }, - "dark": { - "value": "rgb(3, 106, 67)" - } - }, - "green-700": { - "prop": "--spectrum-green-700", - "light": { - "value": "rgb(11, 164, 93)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "green-800": { - "prop": "--spectrum-green-800", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "green-900": { - "prop": "--spectrum-green-900", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "green-background-color-default": { - "prop": "--spectrum-green-background-color-default", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "green-subtle-background-color-default": { - "prop": "--spectrum-green-subtle-background-color-default", - "ref": "var(--spectrum-green-300)", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "green-visual-color": { - "prop": "--spectrum-green-visual-color", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(11, 164, 93)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "heading-cjk-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-font-family": { - "prop": "--spectrum-heading-cjk-font-family", - "ref": "var(--spectrum-cjk-font-family)", - "value": "Adobe Clean Han" - }, - "heading-cjk-font-style": { - "prop": "--spectrum-heading-cjk-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-font-weight": { - "prop": "--spectrum-heading-cjk-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-cjk-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-heavy-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-heavy-font-style": { - "prop": "--spectrum-heading-cjk-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-heavy-strong-font-style": { - "prop": "--spectrum-heading-cjk-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-heavy-strong-font-weight": { - "prop": "--spectrum-heading-cjk-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-light-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-light-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "heading-cjk-light-font-style": { - "prop": "--spectrum-heading-cjk-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-font-weight": { - "prop": "--spectrum-heading-cjk-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "heading-cjk-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-cjk-light-strong-font-style": { - "prop": "--spectrum-heading-cjk-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-light-strong-font-weight": { - "prop": "--spectrum-heading-cjk-light-strong-font-weight", - "ref": "var(--spectrum-extra-bold-font-weight)", - "value": "800" - }, - "heading-cjk-line-height": { - "prop": "--spectrum-heading-cjk-line-height", - "ref": "var(--spectrum-cjk-line-height-100)", - "value": "1.5" - }, - "heading-cjk-size-l": { - "prop": "--spectrum-heading-cjk-size-l", - "ref": "var(--spectrum-font-size-600)", - "desktop": { - "value": "25px" - }, - "mobile": { - "value": "31px" - } - }, - "heading-cjk-size-m": { - "prop": "--spectrum-heading-cjk-size-m", - "ref": "var(--spectrum-font-size-400)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "heading-cjk-size-s": { - "prop": "--spectrum-heading-cjk-size-s", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "heading-cjk-size-xl": { - "prop": "--spectrum-heading-cjk-size-xl", - "ref": "var(--spectrum-font-size-800)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "39px" - } - }, - "heading-cjk-size-xs": { - "prop": "--spectrum-heading-cjk-size-xs", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "heading-cjk-size-xxl": { - "prop": "--spectrum-heading-cjk-size-xxl", - "ref": "var(--spectrum-font-size-900)", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "44px" - } - }, - "heading-cjk-size-xxs": { - "prop": "--spectrum-heading-cjk-size-xxs", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "heading-cjk-size-xxxl": { - "prop": "--spectrum-heading-cjk-size-xxxl", - "ref": "var(--spectrum-font-size-1300)", - "desktop": { - "value": "60px" - }, - "mobile": { - "value": "70px" - } - }, - "heading-cjk-strong-emphasized-font-style": { - "prop": "--spectrum-heading-cjk-strong-emphasized-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-cjk-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-cjk-strong-font-style": { - "prop": "--spectrum-heading-cjk-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-cjk-strong-font-weight": { - "prop": "--spectrum-heading-cjk-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-color": { - "prop": "--spectrum-heading-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "heading-line-height": { - "prop": "--spectrum-heading-line-height", - "ref": "var(--spectrum-line-height-100)", - "value": "1.3" - }, - "heading-margin-bottom-multiplier": { - "prop": "--spectrum-heading-margin-bottom-multiplier", - "value": "0.25" - }, - "heading-margin-top-multiplier": { - "prop": "--spectrum-heading-margin-top-multiplier", - "value": "0.88888889" - }, - "heading-sans-serif-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-sans-serif-font-family": { - "prop": "--spectrum-heading-sans-serif-font-family", - "ref": "var(--spectrum-sans-serif-font-family)", - "value": "Adobe Clean" - }, - "heading-sans-serif-font-style": { - "prop": "--spectrum-heading-sans-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-font-weight": { - "prop": "--spectrum-heading-sans-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-sans-serif-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-heavy-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-heavy-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-heavy-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-heavy-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-light-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-light-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "heading-sans-serif-light-font-style": { - "prop": "--spectrum-heading-sans-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-light-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-font-weight", - "ref": "var(--spectrum-light-font-weight)", - "value": "300" - }, - "heading-sans-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-sans-serif-light-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-light-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-light-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-sans-serif-strong-emphasized-font-style": { - "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-sans-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-sans-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-sans-serif-strong-font-style": { - "prop": "--spectrum-heading-sans-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-sans-serif-strong-font-weight": { - "prop": "--spectrum-heading-sans-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-emphasized-font-style": { - "prop": "--spectrum-heading-serif-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-font-family": { - "prop": "--spectrum-heading-serif-font-family", - "ref": "var(--spectrum-serif-font-family)", - "value": "Adobe Clean Serif" - }, - "heading-serif-font-style": { - "prop": "--spectrum-heading-serif-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-font-weight": { - "prop": "--spectrum-heading-serif-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-heavy-emphasized-font-style": { - "prop": "--spectrum-heading-serif-heavy-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-heavy-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-heavy-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-heavy-font-style": { - "prop": "--spectrum-heading-serif-heavy-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-heavy-font-weight": { - "prop": "--spectrum-heading-serif-heavy-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-heavy-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-heavy-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-heavy-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-heavy-strong-font-style": { - "prop": "--spectrum-heading-serif-heavy-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-heavy-strong-font-weight": { - "prop": "--spectrum-heading-serif-heavy-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-light-emphasized-font-style": { - "prop": "--spectrum-heading-serif-light-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-light-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-light-emphasized-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "heading-serif-light-font-style": { - "prop": "--spectrum-heading-serif-light-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-light-font-weight": { - "prop": "--spectrum-heading-serif-light-font-weight", - "ref": "var(--spectrum-regular-font-weight)", - "value": "400" - }, - "heading-serif-light-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-light-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-light-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-light-strong-emphasized-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-light-strong-font-style": { - "prop": "--spectrum-heading-serif-light-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-light-strong-font-weight": { - "prop": "--spectrum-heading-serif-light-strong-font-weight", - "ref": "var(--spectrum-bold-font-weight)", - "value": "700" - }, - "heading-serif-strong-emphasized-font-style": { - "prop": "--spectrum-heading-serif-strong-emphasized-font-style", - "ref": "var(--spectrum-italic-font-style)", - "value": "italic" - }, - "heading-serif-strong-emphasized-font-weight": { - "prop": "--spectrum-heading-serif-strong-emphasized-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-serif-strong-font-style": { - "prop": "--spectrum-heading-serif-strong-font-style", - "ref": "var(--spectrum-default-font-style)", - "value": "normal" - }, - "heading-serif-strong-font-weight": { - "prop": "--spectrum-heading-serif-strong-font-weight", - "ref": "var(--spectrum-black-font-weight)", - "value": "900" - }, - "heading-size-l": { - "prop": "--spectrum-heading-size-l", - "ref": "var(--spectrum-font-size-700)", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "34px" - } - }, - "heading-size-m": { - "prop": "--spectrum-heading-size-m", - "ref": "var(--spectrum-font-size-500)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "27px" - } - }, - "heading-size-s": { - "prop": "--spectrum-heading-size-s", - "ref": "var(--spectrum-font-size-300)", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "heading-size-xl": { - "prop": "--spectrum-heading-size-xl", - "ref": "var(--spectrum-font-size-900)", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "44px" - } - }, - "heading-size-xs": { - "prop": "--spectrum-heading-size-xs", - "ref": "var(--spectrum-font-size-200)", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "19px" - } - }, - "heading-size-xxl": { - "prop": "--spectrum-heading-size-xxl", - "ref": "var(--spectrum-font-size-1100)", - "desktop": { - "value": "45px" - }, - "mobile": { - "value": "55px" - } - }, - "heading-size-xxs": { - "prop": "--spectrum-heading-size-xxs", - "ref": "var(--spectrum-font-size-100)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "heading-size-xxxl": { - "prop": "--spectrum-heading-size-xxxl", - "ref": "var(--spectrum-font-size-1300)", - "desktop": { - "value": "60px" - }, - "mobile": { - "value": "70px" - } - }, - "help-text-to-component": { - "prop": "--spectrum-help-text-to-component", - "value": "0px" - }, - "help-text-top-to-workflow-icon-extra-large": { - "prop": "--spectrum-help-text-top-to-workflow-icon-extra-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "help-text-top-to-workflow-icon-large": { - "prop": "--spectrum-help-text-top-to-workflow-icon-large", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "help-text-top-to-workflow-icon-medium": { - "prop": "--spectrum-help-text-top-to-workflow-icon-medium", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "4px" - } - }, - "help-text-top-to-workflow-icon-small": { - "prop": "--spectrum-help-text-top-to-workflow-icon-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "icon-color-blue-primary-default": { - "prop": "--spectrum-icon-color-blue-primary-default", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "icon-color-green-primary-default": { - "prop": "--spectrum-icon-color-green-primary-default", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "icon-color-inverse": { - "prop": "--spectrum-icon-color-inverse", - "ref": "var(--spectrum-gray-50)", - "light": { - "value": "rgb(248, 248, 248)" - }, - "dark": { - "value": "rgb(27, 27, 27)" - } - }, - "icon-color-primary-default": { - "prop": "--spectrum-icon-color-primary-default", - "ref": "var(--spectrum-neutral-content-color-default)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "icon-color-red-primary-default": { - "prop": "--spectrum-icon-color-red-primary-default", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "icon-color-yellow-primary-default": { - "prop": "--spectrum-icon-color-yellow-primary-default", - "ref": "var(--spectrum-yellow-1000)", - "light": { - "value": "rgb(245, 199, 0)" - }, - "dark": { - "value": "rgb(203, 141, 0)" - } - }, - "illustrated-message-body-size": { - "prop": "--spectrum-illustrated-message-body-size", - "ref": "var(--spectrum-body-size-xs)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "15px" - } - }, - "illustrated-message-cjk-title-size": { - "prop": "--spectrum-illustrated-message-cjk-title-size", - "ref": "var(--spectrum-heading-cjk-size-s)", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "22px" - } - }, - "illustrated-message-maximum-width": { - "prop": "--spectrum-illustrated-message-maximum-width", - "value": "380px" - }, - "illustrated-message-title-size": { - "prop": "--spectrum-illustrated-message-title-size", - "ref": "var(--spectrum-heading-size-s)", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "22px" - } - }, - "in-field-button-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large", - "value": "16px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large", - "value": "13px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium", - "value": "9px" - }, - "in-field-button-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small", - "value": "7px" - }, - "in-field-button-edge-to-fill": { - "prop": "--spectrum-in-field-button-edge-to-fill", - "value": "0px" - }, - "in-field-button-fill-stacked-inner-border-rounding": { - "prop": "--spectrum-in-field-button-fill-stacked-inner-border-rounding", - "value": "0px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large)", - "value": "5px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large)", - "value": "4px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium)", - "value": "3px" - }, - "in-field-button-inner-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small", - "ref": "var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small)", - "value": "3px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large", - "value": "5px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-large": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large", - "value": "4px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-medium": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium", - "value": "3px" - }, - "in-field-button-outer-edge-to-disclosure-icon-stacked-small": { - "prop": "--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small", - "value": "3px" - }, - "in-field-button-stacked-inner-edge-to-fill": { - "prop": "--spectrum-in-field-button-stacked-inner-edge-to-fill", - "value": "0px" - }, - "in-field-button-width-stacked-extra-large": { - "prop": "--spectrum-in-field-button-width-stacked-extra-large", - "value": "44px" - }, - "in-field-button-width-stacked-large": { - "prop": "--spectrum-in-field-button-width-stacked-large", - "value": "36px" - }, - "in-field-button-width-stacked-medium": { - "prop": "--spectrum-in-field-button-width-stacked-medium", - "value": "28px" - }, - "in-field-button-width-stacked-small": { - "prop": "--spectrum-in-field-button-width-stacked-small", - "value": "20px" - }, - "in-line-alert-minimum-width": { - "prop": "--spectrum-in-line-alert-minimum-width", - "value": "240px" - }, - "indigo-100": { - "prop": "--spectrum-indigo-100", - "light": { - "value": "rgb(247, 248, 255)" - }, - "dark": { - "value": "rgb(30, 0, 93)" - } - }, - "indigo-1000": { - "prop": "--spectrum-indigo-1000", - "light": { - "value": "rgb(99, 56, 238)" - }, - "dark": { - "value": "rgb(139, 141, 254)" - } - }, - "indigo-1100": { - "prop": "--spectrum-indigo-1100", - "light": { - "value": "rgb(84, 36, 219)" - }, - "dark": { - "value": "rgb(153, 161, 255)" - } - }, - "indigo-1200": { - "prop": "--spectrum-indigo-1200", - "light": { - "value": "rgb(69, 19, 191)" - }, - "dark": { - "value": "rgb(176, 186, 255)" - } - }, - "indigo-1300": { - "prop": "--spectrum-indigo-1300", - "light": { - "value": "rgb(55, 6, 160)" - }, - "dark": { - "value": "rgb(199, 208, 255)" - } - }, - "indigo-1400": { - "prop": "--spectrum-indigo-1400", - "light": { - "value": "rgb(42, 0, 129)" - }, - "dark": { - "value": "rgb(223, 228, 255)" - } - }, - "indigo-1500": { - "prop": "--spectrum-indigo-1500", - "dark": { - "value": "rgb(243, 244, 255)" - }, - "light": { - "value": "rgb(31, 0, 98)" - } - }, - "indigo-1600": { - "prop": "--spectrum-indigo-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(17, 0, 54)" - } - }, - "indigo-200": { - "prop": "--spectrum-indigo-200", - "light": { - "value": "rgb(235, 238, 255)" - }, - "dark": { - "value": "rgb(35, 0, 110)" - } - }, - "indigo-300": { - "prop": "--spectrum-indigo-300", - "light": { - "value": "rgb(216, 222, 255)" - }, - "dark": { - "value": "rgb(47, 0, 140)" - } - }, - "indigo-400": { - "prop": "--spectrum-indigo-400", - "light": { - "value": "rgb(192, 201, 255)" - }, - "dark": { - "value": "rgb(62, 12, 174)" - } - }, - "indigo-500": { - "prop": "--spectrum-indigo-500", - "light": { - "value": "rgb(167, 178, 255)" - }, - "dark": { - "value": "rgb(79, 30, 209)" - } - }, - "indigo-600": { - "prop": "--spectrum-indigo-600", - "light": { - "value": "rgb(145, 151, 254)" - }, - "dark": { - "value": "rgb(95, 52, 235)" - } - }, - "indigo-700": { - "prop": "--spectrum-indigo-700", - "light": { - "value": "rgb(132, 128, 254)" - }, - "dark": { - "value": "rgb(109, 75, 248)" - } - }, - "indigo-800": { - "prop": "--spectrum-indigo-800", - "light": { - "value": "rgb(122, 106, 253)" - }, - "dark": { - "value": "rgb(116, 91, 252)" - } - }, - "indigo-900": { - "prop": "--spectrum-indigo-900", - "light": { - "value": "rgb(113, 85, 250)" - }, - "dark": { - "value": "rgb(128, 119, 254)" - } - }, - "indigo-background-color-default": { - "prop": "--spectrum-indigo-background-color-default", - "ref": "var(--spectrum-indigo-800)", - "light": { - "value": "rgb(113, 85, 250)" - }, - "dark": { - "value": "rgb(116, 91, 252)" - } - }, - "indigo-subtle-background-color-default": { - "prop": "--spectrum-indigo-subtle-background-color-default", - "ref": "var(--spectrum-indigo-300)", - "light": { - "value": "rgb(235, 238, 255)" - }, - "dark": { - "value": "rgb(47, 0, 140)" - } - }, - "indigo-visual-color": { - "prop": "--spectrum-indigo-visual-color", - "ref": "var(--spectrum-indigo-900)", - "light": { - "value": "rgb(122, 106, 253)" - }, - "dark": { - "value": "rgb(128, 119, 254)" - } - }, - "informative-background-color-default": { - "prop": "--spectrum-informative-background-color-default", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "informative-background-color-down": { - "prop": "--spectrum-informative-background-color-down", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-background-color-hover": { - "prop": "--spectrum-informative-background-color-hover", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-background-color-key-focus": { - "prop": "--spectrum-informative-background-color-key-focus", - "ref": "var(--spectrum-informative-color-700)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-color-100": { - "prop": "--spectrum-informative-color-100", - "ref": "var(--spectrum-blue-100)", - "light": { - "value": "rgb(245, 249, 255)" - }, - "dark": { - "value": "rgb(14, 23, 63)" - } - }, - "informative-color-1000": { - "prop": "--spectrum-informative-color-1000", - "ref": "var(--spectrum-blue-1000)", - "light": { - "value": "rgb(39, 77, 234)" - }, - "dark": { - "value": "rgb(105, 149, 254)" - } - }, - "informative-color-1100": { - "prop": "--spectrum-informative-color-1100", - "ref": "var(--spectrum-blue-1100)", - "light": { - "value": "rgb(29, 62, 207)" - }, - "dark": { - "value": "rgb(124, 169, 252)" - } - }, - "informative-color-1200": { - "prop": "--spectrum-informative-color-1200", - "ref": "var(--spectrum-blue-1200)", - "light": { - "value": "rgb(21, 50, 173)" - }, - "dark": { - "value": "rgb(152, 192, 252)" - } - }, - "informative-color-1300": { - "prop": "--spectrum-informative-color-1300", - "ref": "var(--spectrum-blue-1300)", - "light": { - "value": "rgb(16, 40, 140)" - }, - "dark": { - "value": "rgb(181, 213, 253)" - } - }, - "informative-color-1400": { - "prop": "--spectrum-informative-color-1400", - "ref": "var(--spectrum-blue-1400)", - "light": { - "value": "rgb(12, 31, 105)" - }, - "dark": { - "value": "rgb(213, 231, 254)" - } - }, - "informative-color-1500": { - "prop": "--spectrum-informative-color-1500", - "ref": "var(--spectrum-blue-1500)", - "dark": { - "value": "rgb(238, 245, 255)" - }, - "light": { - "value": "rgb(14, 24, 67)" - } - }, - "informative-color-1600": { - "prop": "--spectrum-informative-color-1600", - "ref": "var(--spectrum-blue-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(7, 11, 30)" - } - }, - "informative-color-200": { - "prop": "--spectrum-informative-color-200", - "ref": "var(--spectrum-blue-200)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(15, 28, 82)" - } - }, - "informative-color-300": { - "prop": "--spectrum-informative-color-300", - "ref": "var(--spectrum-blue-300)", - "light": { - "value": "rgb(203, 226, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "informative-color-400": { - "prop": "--spectrum-informative-color-400", - "ref": "var(--spectrum-blue-400)", - "light": { - "value": "rgb(172, 207, 253)" - }, - "dark": { - "value": "rgb(18, 45, 154)" - } - }, - "informative-color-500": { - "prop": "--spectrum-informative-color-500", - "ref": "var(--spectrum-blue-500)", - "light": { - "value": "rgb(142, 185, 252)" - }, - "dark": { - "value": "rgb(26, 58, 195)" - } - }, - "informative-color-600": { - "prop": "--spectrum-informative-color-600", - "ref": "var(--spectrum-blue-600)", - "light": { - "value": "rgb(114, 158, 253)" - }, - "dark": { - "value": "rgb(37, 73, 229)" - } - }, - "informative-color-700": { - "prop": "--spectrum-informative-color-700", - "ref": "var(--spectrum-blue-700)", - "light": { - "value": "rgb(93, 137, 255)" - }, - "dark": { - "value": "rgb(52, 91, 248)" - } - }, - "informative-color-800": { - "prop": "--spectrum-informative-color-800", - "ref": "var(--spectrum-blue-800)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "informative-color-900": { - "prop": "--spectrum-informative-color-900", - "ref": "var(--spectrum-blue-900)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "informative-subtle-background-color-default": { - "prop": "--spectrum-informative-subtle-background-color-default", - "ref": "var(--spectrum-informative-color-300)", - "light": { - "value": "rgb(229, 240, 254)" - }, - "dark": { - "value": "rgb(12, 33, 117)" - } - }, - "informative-visual-color": { - "prop": "--spectrum-informative-visual-color", - "ref": "var(--spectrum-informative-color-900)", - "light": { - "value": "rgb(75, 117, 255)" - }, - "dark": { - "value": "rgb(86, 129, 255)" - } - }, - "italic-font-style": { - "prop": "--spectrum-italic-font-style", - "value": "italic" - }, - "light-font-weight": { - "prop": "--spectrum-light-font-weight", - "value": "300" - }, - "line-height-100": { - "prop": "--spectrum-line-height-100", - "value": "1.3" - }, - "line-height-200": { - "prop": "--spectrum-line-height-200", - "value": "1.5" - }, - "magenta-100": { - "prop": "--spectrum-magenta-100", - "light": { - "value": "rgb(255, 245, 248)" - }, - "dark": { - "value": "rgb(59, 0, 22)" - } - }, - "magenta-1000": { - "prop": "--spectrum-magenta-1000", - "light": { - "value": "rgb(186, 22, 80)" - }, - "dark": { - "value": "rgb(255, 96, 149)" - } - }, - "magenta-1100": { - "prop": "--spectrum-magenta-1100", - "light": { - "value": "rgb(163, 5, 62)" - }, - "dark": { - "value": "rgb(255, 128, 171)" - } - }, - "magenta-1200": { - "prop": "--spectrum-magenta-1200", - "light": { - "value": "rgb(136, 0, 51)" - }, - "dark": { - "value": "rgb(255, 163, 194)" - } - }, - "magenta-1300": { - "prop": "--spectrum-magenta-1300", - "light": { - "value": "rgb(111, 0, 40)" - }, - "dark": { - "value": "rgb(255, 193, 214)" - } - }, - "magenta-1400": { - "prop": "--spectrum-magenta-1400", - "light": { - "value": "rgb(86, 0, 30)" - }, - "dark": { - "value": "rgb(255, 220, 232)" - } - }, - "magenta-1500": { - "prop": "--spectrum-magenta-1500", - "dark": { - "value": "rgb(255, 241, 246)" - }, - "light": { - "value": "rgb(64, 0, 22)" - } - }, - "magenta-1600": { - "prop": "--spectrum-magenta-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(35, 0, 12)" - } - }, - "magenta-200": { - "prop": "--spectrum-magenta-200", - "light": { - "value": "rgb(255, 232, 240)" - }, - "dark": { - "value": "rgb(74, 0, 27)" - } - }, - "magenta-300": { - "prop": "--spectrum-magenta-300", - "light": { - "value": "rgb(255, 213, 227)" - }, - "dark": { - "value": "rgb(93, 0, 34)" - } - }, - "magenta-400": { - "prop": "--spectrum-magenta-400", - "light": { - "value": "rgb(255, 185, 208)" - }, - "dark": { - "value": "rgb(123, 0, 45)" - } - }, - "magenta-500": { - "prop": "--spectrum-magenta-500", - "light": { - "value": "rgb(255, 152, 187)" - }, - "dark": { - "value": "rgb(152, 7, 60)" - } - }, - "magenta-600": { - "prop": "--spectrum-magenta-600", - "light": { - "value": "rgb(255, 112, 159)" - }, - "dark": { - "value": "rgb(181, 19, 76)" - } - }, - "magenta-700": { - "prop": "--spectrum-magenta-700", - "light": { - "value": "rgb(255, 72, 133)" - }, - "dark": { - "value": "rgb(207, 31, 92)" - } - }, - "magenta-800": { - "prop": "--spectrum-magenta-800", - "light": { - "value": "rgb(240, 45, 110)" - }, - "dark": { - "value": "rgb(224, 38, 101)" - } - }, - "magenta-900": { - "prop": "--spectrum-magenta-900", - "light": { - "value": "rgb(217, 35, 97)" - }, - "dark": { - "value": "rgb(255, 51, 119)" - } - }, - "magenta-background-color-default": { - "prop": "--spectrum-magenta-background-color-default", - "ref": "var(--spectrum-magenta-800)", - "light": { - "value": "rgb(217, 35, 97)" - }, - "dark": { - "value": "rgb(224, 38, 101)" - } - }, - "magenta-subtle-background-color-default": { - "prop": "--spectrum-magenta-subtle-background-color-default", - "ref": "var(--spectrum-magenta-300)", - "light": { - "value": "rgb(255, 232, 240)" - }, - "dark": { - "value": "rgb(93, 0, 34)" - } - }, - "magenta-visual-color": { - "prop": "--spectrum-magenta-visual-color", - "ref": "var(--spectrum-magenta-900)", - "light": { - "value": "rgb(240, 45, 110)" - }, - "dark": { - "value": "rgb(255, 51, 119)" - } - }, - "medium-font-weight": { - "prop": "--spectrum-medium-font-weight", - "value": "500" - }, - "menu-item-edge-to-content-not-selected-extra-large": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-extra-large", - "desktop": { - "value": "45px" - }, - "mobile": { - "value": "54px" - } - }, - "menu-item-edge-to-content-not-selected-large": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-large", - "desktop": { - "value": "38px" - }, - "mobile": { - "value": "47px" - } - }, - "menu-item-edge-to-content-not-selected-medium": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "42px" - } - }, - "menu-item-edge-to-content-not-selected-small": { - "prop": "--spectrum-menu-item-edge-to-content-not-selected-small", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "24px" - } - }, - "menu-item-label-to-description": { - "prop": "--spectrum-menu-item-label-to-description", - "value": "1px" - }, - "menu-item-section-divider-height": { - "prop": "--spectrum-menu-item-section-divider-height", - "value": "8px" - }, - "menu-item-top-to-disclosure-icon-extra-large": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "menu-item-top-to-disclosure-icon-large": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "menu-item-top-to-disclosure-icon-medium": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "menu-item-top-to-disclosure-icon-small": { - "prop": "--spectrum-menu-item-top-to-disclosure-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "menu-item-top-to-selected-icon-extra-large": { - "prop": "--spectrum-menu-item-top-to-selected-icon-extra-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "menu-item-top-to-selected-icon-large": { - "prop": "--spectrum-menu-item-top-to-selected-icon-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "menu-item-top-to-selected-icon-medium": { - "prop": "--spectrum-menu-item-top-to-selected-icon-medium", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "13px" - } - }, - "menu-item-top-to-selected-icon-small": { - "prop": "--spectrum-menu-item-top-to-selected-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "meter-default-width": { - "prop": "--spectrum-meter-default-width", - "ref": "var(--spectrum-meter-width)", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "meter-maximum-width": { - "prop": "--spectrum-meter-maximum-width", - "value": "768px" - }, - "meter-minimum-width": { - "prop": "--spectrum-meter-minimum-width", - "value": "48px" - }, - "meter-thickness-large": { - "prop": "--spectrum-meter-thickness-large", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "meter-thickness-small": { - "prop": "--spectrum-meter-thickness-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "meter-width": { - "prop": "--spectrum-meter-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "navigational-indicator-top-to-back-icon-extra-large": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "navigational-indicator-top-to-back-icon-large": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "navigational-indicator-top-to-back-icon-medium": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "navigational-indicator-top-to-back-icon-small": { - "prop": "--spectrum-navigational-indicator-top-to-back-icon-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "negative-background-color-default": { - "prop": "--spectrum-negative-background-color-default", - "ref": "var(--spectrum-negative-color-800)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "negative-background-color-down": { - "prop": "--spectrum-negative-background-color-down", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-background-color-hover": { - "prop": "--spectrum-negative-background-color-hover", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-background-color-key-focus": { - "prop": "--spectrum-negative-background-color-key-focus", - "ref": "var(--spectrum-negative-color-700)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-border-color-default": { - "prop": "--spectrum-negative-border-color-default", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "negative-border-color-down": { - "prop": "--spectrum-negative-border-color-down", - "ref": "var(--spectrum-negative-color-1100)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "negative-border-color-focus": { - "prop": "--spectrum-negative-border-color-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-border-color-focus-hover": { - "prop": "--spectrum-negative-border-color-focus-hover", - "ref": "var(--spectrum-negative-border-color-down)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "negative-border-color-hover": { - "prop": "--spectrum-negative-border-color-hover", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-border-color-key-focus": { - "prop": "--spectrum-negative-border-color-key-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-color-100": { - "prop": "--spectrum-negative-color-100", - "ref": "var(--spectrum-red-100)", - "light": { - "value": "rgb(255, 246, 245)" - }, - "dark": { - "value": "rgb(54, 10, 3)" - } - }, - "negative-color-1000": { - "prop": "--spectrum-negative-color-1000", - "ref": "var(--spectrum-red-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-color-1100": { - "prop": "--spectrum-negative-color-1100", - "ref": "var(--spectrum-red-1100)", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "negative-color-1200": { - "prop": "--spectrum-negative-color-1200", - "ref": "var(--spectrum-red-1200)", - "light": { - "value": "rgb(129, 27, 14)" - }, - "dark": { - "value": "rgb(255, 167, 157)" - } - }, - "negative-color-1300": { - "prop": "--spectrum-negative-color-1300", - "ref": "var(--spectrum-red-1300)", - "light": { - "value": "rgb(104, 21, 10)" - }, - "dark": { - "value": "rgb(255, 196, 189)" - } - }, - "negative-color-1400": { - "prop": "--spectrum-negative-color-1400", - "ref": "var(--spectrum-red-1400)", - "light": { - "value": "rgb(80, 16, 6)" - }, - "dark": { - "value": "rgb(255, 222, 219)" - } - }, - "negative-color-1500": { - "prop": "--spectrum-negative-color-1500", - "ref": "var(--spectrum-red-1500)", - "dark": { - "value": "rgb(255, 242, 240)" - }, - "light": { - "value": "rgb(59, 11, 4)" - } - }, - "negative-color-1600": { - "prop": "--spectrum-negative-color-1600", - "ref": "var(--spectrum-red-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(29, 5, 2)" - } - }, - "negative-color-200": { - "prop": "--spectrum-negative-color-200", - "ref": "var(--spectrum-red-200)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(68, 13, 5)" - } - }, - "negative-color-300": { - "prop": "--spectrum-negative-color-300", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-color-400": { - "prop": "--spectrum-negative-color-400", - "ref": "var(--spectrum-red-400)", - "light": { - "value": "rgb(255, 188, 180)" - }, - "dark": { - "value": "rgb(115, 24, 11)" - } - }, - "negative-color-500": { - "prop": "--spectrum-negative-color-500", - "ref": "var(--spectrum-red-500)", - "light": { - "value": "rgb(255, 157, 145)" - }, - "dark": { - "value": "rgb(147, 31, 17)" - } - }, - "negative-color-600": { - "prop": "--spectrum-negative-color-600", - "ref": "var(--spectrum-red-600)", - "light": { - "value": "rgb(255, 118, 101)" - }, - "dark": { - "value": "rgb(177, 38, 23)" - } - }, - "negative-color-700": { - "prop": "--spectrum-negative-color-700", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(255, 81, 61)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "negative-color-800": { - "prop": "--spectrum-negative-color-800", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "negative-color-900": { - "prop": "--spectrum-negative-color-900", - "ref": "var(--spectrum-red-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "negative-content-color-default": { - "prop": "--spectrum-negative-content-color-default", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "negative-content-color-down": { - "prop": "--spectrum-negative-content-color-down", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-content-color-hover": { - "prop": "--spectrum-negative-content-color-hover", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-content-color-key-focus": { - "prop": "--spectrum-negative-content-color-key-focus", - "ref": "var(--spectrum-negative-color-1000)", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "negative-subdued-background-color-default": { - "prop": "--spectrum-negative-subdued-background-color-default", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subdued-background-color-down": { - "prop": "--spectrum-negative-subdued-background-color-down", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subdued-background-color-hover": { - "prop": "--spectrum-negative-subdued-background-color-hover", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subdued-background-color-key-focus": { - "prop": "--spectrum-negative-subdued-background-color-key-focus", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-subtle-background-color-default": { - "prop": "--spectrum-negative-subtle-background-color-default", - "ref": "var(--spectrum-negative-color-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "negative-visual-color": { - "prop": "--spectrum-negative-visual-color", - "ref": "var(--spectrum-negative-color-900)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "neutral-background-color-default": { - "prop": "--spectrum-neutral-background-color-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-background-color-down": { - "prop": "--spectrum-neutral-background-color-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-hover": { - "prop": "--spectrum-neutral-background-color-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-key-focus": { - "prop": "--spectrum-neutral-background-color-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-selected-default": { - "prop": "--spectrum-neutral-background-color-selected-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-background-color-selected-down": { - "prop": "--spectrum-neutral-background-color-selected-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-selected-hover": { - "prop": "--spectrum-neutral-background-color-selected-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-background-color-selected-key-focus": { - "prop": "--spectrum-neutral-background-color-selected-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-default": { - "prop": "--spectrum-neutral-content-color-default", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-content-color-down": { - "prop": "--spectrum-neutral-content-color-down", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-focus": { - "prop": "--spectrum-neutral-content-color-focus", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-focus-hover": { - "prop": "--spectrum-neutral-content-color-focus-hover", - "ref": "var(--spectrum-neutral-content-color-down)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-hover": { - "prop": "--spectrum-neutral-content-color-hover", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-content-color-key-focus": { - "prop": "--spectrum-neutral-content-color-key-focus", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "neutral-subdued-background-color-default": { - "prop": "--spectrum-neutral-subdued-background-color-default", - "ref": "var(--spectrum-gray-500)", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(109, 109, 109)" - } - }, - "neutral-subdued-background-color-down": { - "prop": "--spectrum-neutral-subdued-background-color-down", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "neutral-subdued-background-color-hover": { - "prop": "--spectrum-neutral-subdued-background-color-hover", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "neutral-subdued-background-color-key-focus": { - "prop": "--spectrum-neutral-subdued-background-color-key-focus", - "ref": "var(--spectrum-gray-400)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(68, 68, 68)" - } - }, - "neutral-subdued-content-color-default": { - "prop": "--spectrum-neutral-subdued-content-color-default", - "ref": "var(--spectrum-gray-700)", - "light": { - "value": "rgb(80, 80, 80)" - }, - "dark": { - "value": "rgb(175, 175, 175)" - } - }, - "neutral-subdued-content-color-down": { - "prop": "--spectrum-neutral-subdued-content-color-down", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subdued-content-color-hover": { - "prop": "--spectrum-neutral-subdued-content-color-hover", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subdued-content-color-key-focus": { - "prop": "--spectrum-neutral-subdued-content-color-key-focus", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subdued-content-color-selected": { - "prop": "--spectrum-neutral-subdued-content-color-selected", - "ref": "var(--spectrum-neutral-subdued-content-color-down)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "neutral-subtle-background-color-default": { - "prop": "--spectrum-neutral-subtle-background-color-default", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(233, 233, 233)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "neutral-visual-color": { - "prop": "--spectrum-neutral-visual-color", - "ref": "var(--spectrum-gray-600)", - "light": { - "value": "rgb(143, 143, 143)" - }, - "dark": { - "value": "rgb(138, 138, 138)" - } - }, - "notice-background-color-default": { - "prop": "--spectrum-notice-background-color-default", - "ref": "var(--spectrum-notice-color-600)", - "dark": { - "value": "rgb(224, 100, 0)" - }, - "light": { - "value": "rgb(252, 125, 0)" - } - }, - "notice-color-100": { - "prop": "--spectrum-notice-color-100", - "ref": "var(--spectrum-orange-100)", - "light": { - "value": "rgb(255, 246, 231)" - }, - "dark": { - "value": "rgb(49, 16, 0)" - } - }, - "notice-color-1000": { - "prop": "--spectrum-notice-color-1000", - "ref": "var(--spectrum-orange-1000)", - "light": { - "value": "rgb(167, 62, 0)" - }, - "dark": { - "value": "rgb(243, 117, 0)" - } - }, - "notice-color-1100": { - "prop": "--spectrum-notice-color-1100", - "ref": "var(--spectrum-orange-1100)", - "light": { - "value": "rgb(144, 51, 0)" - }, - "dark": { - "value": "rgb(255, 137, 0)" - } - }, - "notice-color-1200": { - "prop": "--spectrum-notice-color-1200", - "ref": "var(--spectrum-orange-1200)", - "light": { - "value": "rgb(118, 41, 0)" - }, - "dark": { - "value": "rgb(255, 173, 45)" - } - }, - "notice-color-1300": { - "prop": "--spectrum-notice-color-1300", - "ref": "var(--spectrum-orange-1300)", - "light": { - "value": "rgb(95, 32, 0)" - }, - "dark": { - "value": "rgb(255, 201, 116)" - } - }, - "notice-color-1400": { - "prop": "--spectrum-notice-color-1400", - "ref": "var(--spectrum-orange-1400)", - "light": { - "value": "rgb(73, 24, 0)" - }, - "dark": { - "value": "rgb(255, 225, 178)" - } - }, - "notice-color-1500": { - "prop": "--spectrum-notice-color-1500", - "ref": "var(--spectrum-orange-1500)", - "dark": { - "value": "rgb(255, 243, 225)" - }, - "light": { - "value": "rgb(52, 18, 0)" - } - }, - "notice-color-1600": { - "prop": "--spectrum-notice-color-1600", - "ref": "var(--spectrum-orange-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(25, 8, 0)" - } - }, - "notice-color-200": { - "prop": "--spectrum-notice-color-200", - "ref": "var(--spectrum-orange-200)", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(61, 21, 0)" - } - }, - "notice-color-300": { - "prop": "--spectrum-notice-color-300", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 218, 158)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "notice-color-400": { - "prop": "--spectrum-notice-color-400", - "ref": "var(--spectrum-orange-400)", - "light": { - "value": "rgb(255, 193, 94)" - }, - "dark": { - "value": "rgb(106, 36, 0)" - } - }, - "notice-color-500": { - "prop": "--spectrum-notice-color-500", - "ref": "var(--spectrum-orange-500)", - "light": { - "value": "rgb(255, 162, 19)" - }, - "dark": { - "value": "rgb(135, 47, 0)" - } - }, - "notice-color-600": { - "prop": "--spectrum-notice-color-600", - "ref": "var(--spectrum-orange-600)", - "light": { - "value": "rgb(252, 125, 0)" - }, - "dark": { - "value": "rgb(162, 59, 0)" - } - }, - "notice-color-700": { - "prop": "--spectrum-notice-color-700", - "ref": "var(--spectrum-orange-700)", - "light": { - "value": "rgb(232, 106, 0)" - }, - "dark": { - "value": "rgb(185, 73, 0)" - } - }, - "notice-color-800": { - "prop": "--spectrum-notice-color-800", - "ref": "var(--spectrum-orange-800)", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(199, 82, 0)" - } - }, - "notice-color-900": { - "prop": "--spectrum-notice-color-900", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(194, 78, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "notice-subtle-background-color-default": { - "prop": "--spectrum-notice-subtle-background-color-default", - "ref": "var(--spectrum-notice-color-300)", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "notice-visual-color": { - "prop": "--spectrum-notice-visual-color", - "ref": "var(--spectrum-notice-color-900)", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "opacity-checkerboard-square-dark": { - "prop": "--spectrum-opacity-checkerboard-square-dark", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(225, 225, 225)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "opacity-checkerboard-square-light": { - "prop": "--spectrum-opacity-checkerboard-square-light", - "ref": "var(--spectrum-white)", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(255, 255, 255)" - } - }, - "opacity-checkerboard-square-size": { - "prop": "--spectrum-opacity-checkerboard-square-size", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "opacity-disabled": { - "prop": "--spectrum-opacity-disabled", - "value": "0.3" - }, - "orange-100": { - "prop": "--spectrum-orange-100", - "light": { - "value": "rgb(255, 246, 231)" - }, - "dark": { - "value": "rgb(49, 16, 0)" - } - }, - "orange-1000": { - "prop": "--spectrum-orange-1000", - "light": { - "value": "rgb(167, 62, 0)" - }, - "dark": { - "value": "rgb(243, 117, 0)" - } - }, - "orange-1100": { - "prop": "--spectrum-orange-1100", - "light": { - "value": "rgb(144, 51, 0)" - }, - "dark": { - "value": "rgb(255, 137, 0)" - } - }, - "orange-1200": { - "prop": "--spectrum-orange-1200", - "light": { - "value": "rgb(118, 41, 0)" - }, - "dark": { - "value": "rgb(255, 173, 45)" - } - }, - "orange-1300": { - "prop": "--spectrum-orange-1300", - "light": { - "value": "rgb(95, 32, 0)" - }, - "dark": { - "value": "rgb(255, 201, 116)" - } - }, - "orange-1400": { - "prop": "--spectrum-orange-1400", - "light": { - "value": "rgb(73, 24, 0)" - }, - "dark": { - "value": "rgb(255, 225, 178)" - } - }, - "orange-1500": { - "prop": "--spectrum-orange-1500", - "dark": { - "value": "rgb(255, 243, 225)" - }, - "light": { - "value": "rgb(52, 18, 0)" - } - }, - "orange-1600": { - "prop": "--spectrum-orange-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(25, 8, 0)" - } - }, - "orange-200": { - "prop": "--spectrum-orange-200", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(61, 21, 0)" - } - }, - "orange-300": { - "prop": "--spectrum-orange-300", - "light": { - "value": "rgb(255, 218, 158)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "orange-400": { - "prop": "--spectrum-orange-400", - "light": { - "value": "rgb(255, 193, 94)" - }, - "dark": { - "value": "rgb(106, 36, 0)" - } - }, - "orange-500": { - "prop": "--spectrum-orange-500", - "light": { - "value": "rgb(255, 162, 19)" - }, - "dark": { - "value": "rgb(135, 47, 0)" - } - }, - "orange-600": { - "prop": "--spectrum-orange-600", - "light": { - "value": "rgb(252, 125, 0)" - }, - "dark": { - "value": "rgb(162, 59, 0)" - } - }, - "orange-700": { - "prop": "--spectrum-orange-700", - "light": { - "value": "rgb(232, 106, 0)" - }, - "dark": { - "value": "rgb(185, 73, 0)" - } - }, - "orange-800": { - "prop": "--spectrum-orange-800", - "light": { - "value": "rgb(212, 91, 0)" - }, - "dark": { - "value": "rgb(199, 82, 0)" - } - }, - "orange-900": { - "prop": "--spectrum-orange-900", - "light": { - "value": "rgb(194, 78, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "orange-background-color-default": { - "prop": "--spectrum-orange-background-color-default", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(252, 125, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "orange-subtle-background-color-default": { - "prop": "--spectrum-orange-subtle-background-color-default", - "ref": "var(--spectrum-orange-300)", - "light": { - "value": "rgb(255, 236, 207)" - }, - "dark": { - "value": "rgb(80, 27, 0)" - } - }, - "orange-visual-color": { - "prop": "--spectrum-orange-visual-color", - "ref": "var(--spectrum-orange-900)", - "light": { - "value": "rgb(232, 106, 0)" - }, - "dark": { - "value": "rgb(224, 100, 0)" - } - }, - "overlay-color": { - "prop": "--spectrum-overlay-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "overlay-opacity": { - "prop": "--spectrum-overlay-opacity", - "light": { - "value": "0.4" - }, - "dark": { - "value": "0.6" - } - }, - "picker-border-width": { - "prop": "--spectrum-picker-border-width", - "ref": "var(--spectrum-border-width-100)", - "value": "1px" - }, - "picker-end-edge-to-disclosure-icon-quiet": { - "prop": "--spectrum-picker-end-edge-to-disclosure-icon-quiet", - "value": "0px" - }, - "picker-end-edge-to-disclousure-icon-quiet": { - "prop": "--spectrum-picker-end-edge-to-disclousure-icon-quiet", - "ref": "var(--spectrum-picker-end-edge-to-disclosure-icon-quiet)", - "value": "0px" - }, - "picker-minimum-width-multiplier": { - "prop": "--spectrum-picker-minimum-width-multiplier", - "value": "2" - }, - "picker-visual-to-disclosure-icon-extra-large": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "picker-visual-to-disclosure-icon-large": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "picker-visual-to-disclosure-icon-medium": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "picker-visual-to-disclosure-icon-small": { - "prop": "--spectrum-picker-visual-to-disclosure-icon-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "pink-100": { - "prop": "--spectrum-pink-100", - "dark": { - "value": "rgb(58, 0, 37)" - }, - "light": { - "value": "rgb(255, 246, 252)" - } - }, - "pink-1000": { - "prop": "--spectrum-pink-1000", - "dark": { - "value": "rgb(251, 90, 196)" - }, - "light": { - "value": "rgb(176, 31, 123)" - } - }, - "pink-1100": { - "prop": "--spectrum-pink-1100", - "dark": { - "value": "rgb(255, 122, 210)" - }, - "light": { - "value": "rgb(152, 22, 104)" - } - }, - "pink-1200": { - "prop": "--spectrum-pink-1200", - "dark": { - "value": "rgb(255, 159, 223)" - }, - "light": { - "value": "rgb(128, 12, 85)" - } - }, - "pink-1300": { - "prop": "--spectrum-pink-1300", - "dark": { - "value": "rgb(255, 191, 234)" - }, - "light": { - "value": "rgb(105, 3, 68)" - } - }, - "pink-1400": { - "prop": "--spectrum-pink-1400", - "dark": { - "value": "rgb(255, 219, 243)" - }, - "light": { - "value": "rgb(83, 0, 53)" - } - }, - "pink-1500": { - "prop": "--spectrum-pink-1500", - "dark": { - "value": "rgb(255, 241, 250)" - }, - "light": { - "value": "rgb(62, 0, 39)" - } - }, - "pink-1600": { - "prop": "--spectrum-pink-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(33, 0, 21)" - } - }, - "pink-200": { - "prop": "--spectrum-pink-200", - "dark": { - "value": "rgb(71, 0, 44)" - }, - "light": { - "value": "rgb(255, 232, 247)" - } - }, - "pink-300": { - "prop": "--spectrum-pink-300", - "dark": { - "value": "rgb(90, 0, 57)" - }, - "light": { - "value": "rgb(255, 211, 240)" - } - }, - "pink-400": { - "prop": "--spectrum-pink-400", - "dark": { - "value": "rgb(115, 7, 75)" - }, - "light": { - "value": "rgb(255, 181, 230)" - } - }, - "pink-500": { - "prop": "--spectrum-pink-500", - "dark": { - "value": "rgb(143, 18, 97)" - }, - "light": { - "value": "rgb(255, 148, 219)" - } - }, - "pink-600": { - "prop": "--spectrum-pink-600", - "dark": { - "value": "rgb(171, 29, 119)" - }, - "light": { - "value": "rgb(255, 103, 204)" - } - }, - "pink-700": { - "prop": "--spectrum-pink-700", - "dark": { - "value": "rgb(196, 39, 138)" - }, - "light": { - "value": "rgb(242, 76, 184)" - } - }, - "pink-800": { - "prop": "--spectrum-pink-800", - "dark": { - "value": "rgb(213, 45, 151)" - }, - "light": { - "value": "rgb(228, 52, 163)" - } - }, - "pink-900": { - "prop": "--spectrum-pink-900", - "dark": { - "value": "rgb(236, 67, 175)" - }, - "light": { - "value": "rgb(206, 42, 146)" - } - }, - "pink-background-color-default": { - "prop": "--spectrum-pink-background-color-default", - "ref": "var(--spectrum-pink-800)", - "light": { - "value": "rgb(206, 42, 146)" - }, - "dark": { - "value": "rgb(213, 45, 151)" - } - }, - "pink-subtle-background-color-default": { - "prop": "--spectrum-pink-subtle-background-color-default", - "ref": "var(--spectrum-pink-300)", - "light": { - "value": "rgb(255, 232, 247)" - }, - "dark": { - "value": "rgb(90, 0, 57)" - } - }, - "pink-visual-color": { - "prop": "--spectrum-pink-visual-color", - "ref": "var(--spectrum-pink-900)", - "light": { - "value": "rgb(228, 52, 163)" - }, - "dark": { - "value": "rgb(236, 67, 175)" - } - }, - "popover-tip-height": { - "prop": "--spectrum-popover-tip-height", - "value": "8px" - }, - "popover-tip-width": { - "prop": "--spectrum-popover-tip-width", - "value": "16px" - }, - "popover-top-to-content-area": { - "prop": "--spectrum-popover-top-to-content-area", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "positive-background-color-default": { - "prop": "--spectrum-positive-background-color-default", - "ref": "var(--spectrum-positive-color-800)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "positive-background-color-down": { - "prop": "--spectrum-positive-background-color-down", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-background-color-hover": { - "prop": "--spectrum-positive-background-color-hover", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-background-color-key-focus": { - "prop": "--spectrum-positive-background-color-key-focus", - "ref": "var(--spectrum-positive-color-700)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-color-100": { - "prop": "--spectrum-positive-color-100", - "ref": "var(--spectrum-green-100)", - "light": { - "value": "rgb(237, 252, 241)" - }, - "dark": { - "value": "rgb(0, 30, 23)" - } - }, - "positive-color-1000": { - "prop": "--spectrum-positive-color-1000", - "ref": "var(--spectrum-green-1000)", - "light": { - "value": "rgb(3, 110, 69)" - }, - "dark": { - "value": "rgb(14, 175, 98)" - } - }, - "positive-color-1100": { - "prop": "--spectrum-positive-color-1100", - "ref": "var(--spectrum-green-1100)", - "light": { - "value": "rgb(2, 93, 60)" - }, - "dark": { - "value": "rgb(24, 193, 110)" - } - }, - "positive-color-1200": { - "prop": "--spectrum-positive-color-1200", - "ref": "var(--spectrum-green-1200)", - "light": { - "value": "rgb(1, 76, 52)" - }, - "dark": { - "value": "rgb(57, 215, 134)" - } - }, - "positive-color-1300": { - "prop": "--spectrum-positive-color-1300", - "ref": "var(--spectrum-green-1300)", - "light": { - "value": "rgb(0, 61, 44)" - }, - "dark": { - "value": "rgb(126, 231, 172)" - } - }, - "positive-color-1400": { - "prop": "--spectrum-positive-color-1400", - "ref": "var(--spectrum-green-1400)", - "light": { - "value": "rgb(0, 46, 34)" - }, - "dark": { - "value": "rgb(189, 241, 208)" - } - }, - "positive-color-1500": { - "prop": "--spectrum-positive-color-1500", - "ref": "var(--spectrum-green-1500)", - "dark": { - "value": "rgb(229, 250, 236)" - }, - "light": { - "value": "rgb(0, 33, 25)" - } - }, - "positive-color-1600": { - "prop": "--spectrum-positive-color-1600", - "ref": "var(--spectrum-green-1600)", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 12)" - } - }, - "positive-color-200": { - "prop": "--spectrum-positive-color-200", - "ref": "var(--spectrum-green-200)", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 38, 29)" - } - }, - "positive-color-300": { - "prop": "--spectrum-positive-color-300", - "ref": "var(--spectrum-green-300)", - "light": { - "value": "rgb(173, 238, 197)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "positive-color-400": { - "prop": "--spectrum-positive-color-400", - "ref": "var(--spectrum-green-400)", - "light": { - "value": "rgb(107, 227, 162)" - }, - "dark": { - "value": "rgb(0, 68, 48)" - } - }, - "positive-color-500": { - "prop": "--spectrum-positive-color-500", - "ref": "var(--spectrum-green-500)", - "light": { - "value": "rgb(43, 209, 125)" - }, - "dark": { - "value": "rgb(2, 87, 58)" - } - }, - "positive-color-600": { - "prop": "--spectrum-positive-color-600", - "ref": "var(--spectrum-green-600)", - "light": { - "value": "rgb(18, 184, 103)" - }, - "dark": { - "value": "rgb(3, 106, 67)" - } - }, - "positive-color-700": { - "prop": "--spectrum-positive-color-700", - "ref": "var(--spectrum-green-700)", - "light": { - "value": "rgb(11, 164, 93)" - }, - "dark": { - "value": "rgb(4, 124, 75)" - } - }, - "positive-color-800": { - "prop": "--spectrum-positive-color-800", - "ref": "var(--spectrum-green-800)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(6, 136, 80)" - } - }, - "positive-color-900": { - "prop": "--spectrum-positive-color-900", - "ref": "var(--spectrum-green-900)", - "light": { - "value": "rgb(5, 131, 78)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "positive-subtle-background-color-default": { - "prop": "--spectrum-positive-subtle-background-color-default", - "ref": "var(--spectrum-positive-color-300)", - "light": { - "value": "rgb(215, 247, 225)" - }, - "dark": { - "value": "rgb(0, 51, 38)" - } - }, - "positive-visual-color": { - "prop": "--spectrum-positive-visual-color", - "ref": "var(--spectrum-positive-color-900)", - "light": { - "value": "rgb(7, 147, 85)" - }, - "dark": { - "value": "rgb(9, 157, 89)" - } - }, - "progress-bar-maximum-width": { - "prop": "--spectrum-progress-bar-maximum-width", - "value": "768px" - }, - "progress-bar-minimum-width": { - "prop": "--spectrum-progress-bar-minimum-width", - "value": "48px" - }, - "progress-bar-thickness-extra-large": { - "prop": "--spectrum-progress-bar-thickness-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "progress-bar-thickness-large": { - "prop": "--spectrum-progress-bar-thickness-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "progress-bar-thickness-medium": { - "prop": "--spectrum-progress-bar-thickness-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "progress-bar-thickness-small": { - "prop": "--spectrum-progress-bar-thickness-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "progress-circle-size-large": { - "prop": "--spectrum-progress-circle-size-large", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "progress-circle-size-medium": { - "prop": "--spectrum-progress-circle-size-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "progress-circle-size-small": { - "prop": "--spectrum-progress-circle-size-small", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "progress-circle-thickness-large": { - "prop": "--spectrum-progress-circle-thickness-large", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "progress-circle-thickness-medium": { - "prop": "--spectrum-progress-circle-thickness-medium", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "4px" - } - }, - "progress-circle-thickness-small": { - "prop": "--spectrum-progress-circle-thickness-small", - "desktop": { - "value": "2px" - }, - "mobile": { - "value": "3px" - } - }, - "purple-100": { - "prop": "--spectrum-purple-100", - "light": { - "value": "rgb(251, 247, 254)" - }, - "dark": { - "value": "rgb(41, 0, 79)" - } - }, - "purple-1000": { - "prop": "--spectrum-purple-1000", - "light": { - "value": "rgb(134, 40, 217)" - }, - "dark": { - "value": "rgb(186, 127, 237)" - } - }, - "purple-1100": { - "prop": "--spectrum-purple-1100", - "light": { - "value": "rgb(115, 13, 204)" - }, - "dark": { - "value": "rgb(197, 149, 240)" - } - }, - "purple-1200": { - "prop": "--spectrum-purple-1200", - "light": { - "value": "rgb(93, 0, 177)" - }, - "dark": { - "value": "rgb(212, 176, 244)" - } - }, - "purple-1300": { - "prop": "--spectrum-purple-1300", - "light": { - "value": "rgb(75, 0, 144)" - }, - "dark": { - "value": "rgb(225, 201, 247)" - } - }, - "purple-1400": { - "prop": "--spectrum-purple-1400", - "light": { - "value": "rgb(59, 0, 111)" - }, - "dark": { - "value": "rgb(238, 224, 250)" - } - }, - "purple-1500": { - "prop": "--spectrum-purple-1500", - "dark": { - "value": "rgb(248, 243, 253)" - }, - "light": { - "value": "rgb(44, 0, 84)" - } - }, - "purple-1600": { - "prop": "--spectrum-purple-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(23, 0, 45)" - } - }, - "purple-200": { - "prop": "--spectrum-purple-200", - "light": { - "value": "rgb(244, 235, 252)" - }, - "dark": { - "value": "rgb(50, 0, 96)" - } - }, - "purple-300": { - "prop": "--spectrum-purple-300", - "light": { - "value": "rgb(235, 218, 249)" - }, - "dark": { - "value": "rgb(64, 0, 122)" - } - }, - "purple-400": { - "prop": "--spectrum-purple-400", - "light": { - "value": "rgb(221, 193, 246)" - }, - "dark": { - "value": "rgb(83, 0, 159)" - } - }, - "purple-500": { - "prop": "--spectrum-purple-500", - "light": { - "value": "rgb(208, 167, 243)" - }, - "dark": { - "value": "rgb(107, 6, 195)" - } - }, - "purple-600": { - "prop": "--spectrum-purple-600", - "light": { - "value": "rgb(191, 138, 238)" - }, - "dark": { - "value": "rgb(130, 34, 215)" - } - }, - "purple-700": { - "prop": "--spectrum-purple-700", - "light": { - "value": "rgb(178, 114, 235)" - }, - "dark": { - "value": "rgb(148, 62, 224)" - } - }, - "purple-800": { - "prop": "--spectrum-purple-800", - "light": { - "value": "rgb(166, 92, 231)" - }, - "dark": { - "value": "rgb(157, 78, 228)" - } - }, - "purple-900": { - "prop": "--spectrum-purple-900", - "light": { - "value": "rgb(154, 71, 226)" - }, - "dark": { - "value": "rgb(173, 105, 233)" - } - }, - "purple-background-color-default": { - "prop": "--spectrum-purple-background-color-default", - "ref": "var(--spectrum-purple-800)", - "light": { - "value": "rgb(154, 71, 226)" - }, - "dark": { - "value": "rgb(157, 78, 228)" - } - }, - "purple-subtle-background-color-default": { - "prop": "--spectrum-purple-subtle-background-color-default", - "ref": "var(--spectrum-purple-300)", - "light": { - "value": "rgb(244, 235, 252)" - }, - "dark": { - "value": "rgb(64, 0, 122)" - } - }, - "purple-visual-color": { - "prop": "--spectrum-purple-visual-color", - "ref": "var(--spectrum-purple-900)", - "light": { - "value": "rgb(166, 92, 231)" - }, - "dark": { - "value": "rgb(173, 105, 233)" - } - }, - "radio-button-control-size-extra-large": { - "prop": "--spectrum-radio-button-control-size-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "radio-button-control-size-large": { - "prop": "--spectrum-radio-button-control-size-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "radio-button-control-size-medium": { - "prop": "--spectrum-radio-button-control-size-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "radio-button-control-size-small": { - "prop": "--spectrum-radio-button-control-size-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "radio-button-selection-indicator": { - "prop": "--spectrum-radio-button-selection-indicator", - "value": "4px" - }, - "radio-button-top-to-control-extra-large": { - "prop": "--spectrum-radio-button-top-to-control-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "radio-button-top-to-control-large": { - "prop": "--spectrum-radio-button-top-to-control-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "radio-button-top-to-control-medium": { - "prop": "--spectrum-radio-button-top-to-control-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "radio-button-top-to-control-small": { - "prop": "--spectrum-radio-button-top-to-control-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "rating-indicator-to-icon": { - "prop": "--spectrum-rating-indicator-to-icon", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "rating-indicator-width": { - "prop": "--spectrum-rating-indicator-width", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "red-100": { - "prop": "--spectrum-red-100", - "light": { - "value": "rgb(255, 246, 245)" - }, - "dark": { - "value": "rgb(54, 10, 3)" - } - }, - "red-1000": { - "prop": "--spectrum-red-1000", - "light": { - "value": "rgb(183, 40, 24)" - }, - "dark": { - "value": "rgb(255, 103, 86)" - } - }, - "red-1100": { - "prop": "--spectrum-red-1100", - "light": { - "value": "rgb(156, 33, 19)" - }, - "dark": { - "value": "rgb(255, 134, 120)" - } - }, - "red-1200": { - "prop": "--spectrum-red-1200", - "light": { - "value": "rgb(129, 27, 14)" - }, - "dark": { - "value": "rgb(255, 167, 157)" - } - }, - "red-1300": { - "prop": "--spectrum-red-1300", - "light": { - "value": "rgb(104, 21, 10)" - }, - "dark": { - "value": "rgb(255, 196, 189)" - } - }, - "red-1400": { - "prop": "--spectrum-red-1400", - "light": { - "value": "rgb(80, 16, 6)" - }, - "dark": { - "value": "rgb(255, 222, 219)" - } - }, - "red-1500": { - "prop": "--spectrum-red-1500", - "dark": { - "value": "rgb(255, 242, 240)" - }, - "light": { - "value": "rgb(59, 11, 4)" - } - }, - "red-1600": { - "prop": "--spectrum-red-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(29, 5, 2)" - } - }, - "red-200": { - "prop": "--spectrum-red-200", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(68, 13, 5)" - } - }, - "red-300": { - "prop": "--spectrum-red-300", - "light": { - "value": "rgb(255, 214, 209)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "red-400": { - "prop": "--spectrum-red-400", - "light": { - "value": "rgb(255, 188, 180)" - }, - "dark": { - "value": "rgb(115, 24, 11)" - } - }, - "red-500": { - "prop": "--spectrum-red-500", - "light": { - "value": "rgb(255, 157, 145)" - }, - "dark": { - "value": "rgb(147, 31, 17)" - } - }, - "red-600": { - "prop": "--spectrum-red-600", - "light": { - "value": "rgb(255, 118, 101)" - }, - "dark": { - "value": "rgb(177, 38, 23)" - } - }, - "red-700": { - "prop": "--spectrum-red-700", - "light": { - "value": "rgb(255, 81, 61)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "red-800": { - "prop": "--spectrum-red-800", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "red-900": { - "prop": "--spectrum-red-900", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(252, 67, 46)" - } - }, - "red-background-color-default": { - "prop": "--spectrum-red-background-color-default", - "ref": "var(--spectrum-red-800)", - "light": { - "value": "rgb(215, 50, 32)" - }, - "dark": { - "value": "rgb(223, 52, 34)" - } - }, - "red-subtle-background-color-default": { - "prop": "--spectrum-red-subtle-background-color-default", - "ref": "var(--spectrum-red-300)", - "light": { - "value": "rgb(255, 235, 232)" - }, - "dark": { - "value": "rgb(87, 17, 7)" - } - }, - "red-visual-color": { - "prop": "--spectrum-red-visual-color", - "ref": "var(--spectrum-red-700)", - "light": { - "value": "rgb(240, 56, 35)" - }, - "dark": { - "value": "rgb(205, 46, 29)" - } - }, - "regular-font-weight": { - "prop": "--spectrum-regular-font-weight", - "value": "400" - }, - "sans-serif-font-family": { - "prop": "--spectrum-sans-serif-font-family", - "value": "Adobe Clean" - }, - "seafoam-100": { - "prop": "--spectrum-seafoam-100", - "light": { - "value": "rgb(235, 251, 246)" - }, - "dark": { - "value": "rgb(0, 30, 27)" - } - }, - "seafoam-1000": { - "prop": "--spectrum-seafoam-1000", - "light": { - "value": "rgb(5, 108, 92)" - }, - "dark": { - "value": "rgb(12, 173, 142)" - } - }, - "seafoam-1100": { - "prop": "--spectrum-seafoam-1100", - "light": { - "value": "rgb(3, 92, 80)" - }, - "dark": { - "value": "rgb(14, 190, 156)" - } - }, - "seafoam-1200": { - "prop": "--spectrum-seafoam-1200", - "light": { - "value": "rgb(1, 75, 67)" - }, - "dark": { - "value": "rgb(29, 214, 176)" - } - }, - "seafoam-1300": { - "prop": "--spectrum-seafoam-1300", - "light": { - "value": "rgb(0, 60, 54)" - }, - "dark": { - "value": "rgb(122, 229, 203)" - } - }, - "seafoam-1400": { - "prop": "--spectrum-seafoam-1400", - "light": { - "value": "rgb(0, 46, 40)" - }, - "dark": { - "value": "rgb(186, 241, 222)" - } - }, - "seafoam-1500": { - "prop": "--spectrum-seafoam-1500", - "dark": { - "value": "rgb(229, 249, 243)" - }, - "light": { - "value": "rgb(0, 33, 29)" - } - }, - "seafoam-1600": { - "prop": "--spectrum-seafoam-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 14)" - } - }, - "seafoam-200": { - "prop": "--spectrum-seafoam-200", - "light": { - "value": "rgb(211, 246, 234)" - }, - "dark": { - "value": "rgb(0, 39, 35)" - } - }, - "seafoam-300": { - "prop": "--spectrum-seafoam-300", - "light": { - "value": "rgb(169, 237, 216)" - }, - "dark": { - "value": "rgb(0, 50, 44)" - } - }, - "seafoam-400": { - "prop": "--spectrum-seafoam-400", - "light": { - "value": "rgb(92, 225, 194)" - }, - "dark": { - "value": "rgb(0, 67, 59)" - } - }, - "seafoam-500": { - "prop": "--spectrum-seafoam-500", - "light": { - "value": "rgb(16, 207, 169)" - }, - "dark": { - "value": "rgb(2, 86, 75)" - } - }, - "seafoam-600": { - "prop": "--spectrum-seafoam-600", - "light": { - "value": "rgb(13, 181, 149)" - }, - "dark": { - "value": "rgb(4, 105, 89)" - } - }, - "seafoam-700": { - "prop": "--spectrum-seafoam-700", - "light": { - "value": "rgb(11, 162, 134)" - }, - "dark": { - "value": "rgb(6, 122, 103)" - } - }, - "seafoam-800": { - "prop": "--spectrum-seafoam-800", - "light": { - "value": "rgb(9, 144, 120)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "seafoam-900": { - "prop": "--spectrum-seafoam-900", - "light": { - "value": "rgb(7, 129, 109)" - }, - "dark": { - "value": "rgb(10, 154, 128)" - } - }, - "seafoam-background-color-default": { - "prop": "--spectrum-seafoam-background-color-default", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(7, 129, 109)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "seafoam-subtle-background-color-default": { - "prop": "--spectrum-seafoam-subtle-background-color-default", - "ref": "var(--spectrum-seafoam-300)", - "light": { - "value": "rgb(211, 246, 234)" - }, - "dark": { - "value": "rgb(0, 50, 44)" - } - }, - "seafoam-visual-color": { - "prop": "--spectrum-seafoam-visual-color", - "ref": "var(--spectrum-seafoam-800)", - "light": { - "value": "rgb(11, 162, 134)" - }, - "dark": { - "value": "rgb(8, 134, 112)" - } - }, - "search-field-minimum-width-multiplier": { - "prop": "--spectrum-search-field-minimum-width-multiplier", - "value": "3" - }, - "serif-font-family": { - "prop": "--spectrum-serif-font-family", - "value": "Adobe Clean Serif" - }, - "side-label-character-count-to-field": { - "prop": "--spectrum-side-label-character-count-to-field", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "side-label-character-count-top-margin-extra-large": { - "prop": "--spectrum-side-label-character-count-top-margin-extra-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "side-label-character-count-top-margin-large": { - "prop": "--spectrum-side-label-character-count-top-margin-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "side-label-character-count-top-margin-medium": { - "prop": "--spectrum-side-label-character-count-top-margin-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "side-label-character-count-top-margin-small": { - "prop": "--spectrum-side-label-character-count-top-margin-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "side-navigation-bottom-to-text": { - "prop": "--spectrum-side-navigation-bottom-to-text", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "side-navigation-header-to-item": { - "prop": "--spectrum-side-navigation-header-to-item", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "side-navigation-item-to-header": { - "prop": "--spectrum-side-navigation-item-to-header", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "side-navigation-item-to-item": { - "prop": "--spectrum-side-navigation-item-to-item", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "side-navigation-maximum-width": { - "prop": "--spectrum-side-navigation-maximum-width", - "desktop": { - "value": "240px" - }, - "mobile": { - "value": "300px" - } - }, - "side-navigation-minimum-width": { - "prop": "--spectrum-side-navigation-minimum-width", - "desktop": { - "value": "160px" - }, - "mobile": { - "value": "200px" - } - }, - "side-navigation-second-level-edge-to-text": { - "prop": "--spectrum-side-navigation-second-level-edge-to-text", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "side-navigation-third-level-edge-to-text": { - "prop": "--spectrum-side-navigation-third-level-edge-to-text", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "45px" - } - }, - "side-navigation-width": { - "prop": "--spectrum-side-navigation-width", - "desktop": { - "value": "192px" - }, - "mobile": { - "value": "240px" - } - }, - "side-navigation-with-icon-second-level-edge-to-text": { - "prop": "--spectrum-side-navigation-with-icon-second-level-edge-to-text", - "desktop": { - "value": "50px" - }, - "mobile": { - "value": "62px" - } - }, - "side-navigation-with-icon-third-level-edge-to-text": { - "prop": "--spectrum-side-navigation-with-icon-third-level-edge-to-text", - "desktop": { - "value": "62px" - }, - "mobile": { - "value": "77px" - } - }, - "silver-100": { - "prop": "--spectrum-silver-100", - "dark": { - "value": "rgb(26, 26, 26)" - }, - "light": { - "value": "rgb(247, 247, 247)" - } - }, - "silver-1000": { - "prop": "--spectrum-silver-1000", - "dark": { - "value": "rgb(152, 152, 152)" - }, - "light": { - "value": "rgb(96, 96, 96)" - } - }, - "silver-1100": { - "prop": "--spectrum-silver-1100", - "dark": { - "value": "rgb(169, 169, 169)" - }, - "light": { - "value": "rgb(81, 81, 81)" - } - }, - "silver-1200": { - "prop": "--spectrum-silver-1200", - "dark": { - "value": "rgb(190, 190, 190)" - }, - "light": { - "value": "rgb(66, 66, 66)" - } - }, - "silver-1300": { - "prop": "--spectrum-silver-1300", - "dark": { - "value": "rgb(211, 211, 211)" - }, - "light": { - "value": "rgb(52, 52, 52)" - } - }, - "silver-1400": { - "prop": "--spectrum-silver-1400", - "dark": { - "value": "rgb(229, 229, 229)" - }, - "light": { - "value": "rgb(39, 39, 39)" - } - }, - "silver-1500": { - "prop": "--spectrum-silver-1500", - "dark": { - "value": "rgb(244, 244, 244)" - }, - "light": { - "value": "rgb(28, 28, 28)" - } - }, - "silver-1600": { - "prop": "--spectrum-silver-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(12, 12, 12)" - } - }, - "silver-200": { - "prop": "--spectrum-silver-200", - "dark": { - "value": "rgb(33, 33, 33)" - }, - "light": { - "value": "rgb(239, 239, 239)" - } - }, - "silver-300": { - "prop": "--spectrum-silver-300", - "dark": { - "value": "rgb(44, 44, 44)" - }, - "light": { - "value": "rgb(223, 223, 223)" - } - }, - "silver-400": { - "prop": "--spectrum-silver-400", - "dark": { - "value": "rgb(59, 59, 59)" - }, - "light": { - "value": "rgb(204, 204, 204)" - } - }, - "silver-500": { - "prop": "--spectrum-silver-500", - "dark": { - "value": "rgb(76, 76, 76)" - }, - "light": { - "value": "rgb(183, 183, 183)" - } - }, - "silver-600": { - "prop": "--spectrum-silver-600", - "dark": { - "value": "rgb(92, 92, 92)" - }, - "light": { - "value": "rgb(160, 160, 160)" - } - }, - "silver-700": { - "prop": "--spectrum-silver-700", - "dark": { - "value": "rgb(108, 108, 108)" - }, - "light": { - "value": "rgb(143, 143, 143)" - } - }, - "silver-800": { - "prop": "--spectrum-silver-800", - "dark": { - "value": "rgb(118, 118, 118)" - }, - "light": { - "value": "rgb(128, 128, 128)" - } - }, - "silver-900": { - "prop": "--spectrum-silver-900", - "dark": { - "value": "rgb(137, 137, 137)" - }, - "light": { - "value": "rgb(114, 114, 114)" - } - }, - "silver-background-color-default": { - "prop": "--spectrum-silver-background-color-default", - "ref": "var(--spectrum-silver-800)", - "light": { - "value": "rgb(114, 114, 114)" - }, - "dark": { - "value": "rgb(118, 118, 118)" - } - }, - "silver-subtle-background-color-default": { - "prop": "--spectrum-silver-subtle-background-color-default", - "ref": "var(--spectrum-silver-300)", - "light": { - "value": "rgb(239, 239, 239)" - }, - "dark": { - "value": "rgb(44, 44, 44)" - } - }, - "silver-visual-color": { - "prop": "--spectrum-silver-visual-color", - "ref": "var(--spectrum-silver-900)", - "light": { - "value": "rgb(128, 128, 128)" - }, - "dark": { - "value": "rgb(137, 137, 137)" - } - }, - "slider-bottom-to-handle-extra-large": { - "prop": "--spectrum-slider-bottom-to-handle-extra-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "slider-bottom-to-handle-large": { - "prop": "--spectrum-slider-bottom-to-handle-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "slider-bottom-to-handle-medium": { - "prop": "--spectrum-slider-bottom-to-handle-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "slider-bottom-to-handle-small": { - "prop": "--spectrum-slider-bottom-to-handle-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "slider-control-height-extra-large": { - "prop": "--spectrum-slider-control-height-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "slider-control-height-large": { - "prop": "--spectrum-slider-control-height-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "slider-control-height-medium": { - "prop": "--spectrum-slider-control-height-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-control-height-small": { - "prop": "--spectrum-slider-control-height-small", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "slider-control-to-field-label-extra-large": { - "prop": "--spectrum-slider-control-to-field-label-extra-large", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "17px" - } - }, - "slider-control-to-field-label-large": { - "prop": "--spectrum-slider-control-to-field-label-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "slider-control-to-field-label-medium": { - "prop": "--spectrum-slider-control-to-field-label-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "slider-control-to-field-label-small": { - "prop": "--spectrum-slider-control-to-field-label-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "slider-handle-border-width-down-extra-large": { - "prop": "--spectrum-slider-handle-border-width-down-extra-large", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "slider-handle-border-width-down-large": { - "prop": "--spectrum-slider-handle-border-width-down-large", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "slider-handle-border-width-down-medium": { - "prop": "--spectrum-slider-handle-border-width-down-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "slider-handle-border-width-down-small": { - "prop": "--spectrum-slider-handle-border-width-down-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "slider-handle-gap": { - "prop": "--spectrum-slider-handle-gap", - "value": "4px" - }, - "slider-handle-size-extra-large": { - "prop": "--spectrum-slider-handle-size-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "slider-handle-size-large": { - "prop": "--spectrum-slider-handle-size-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "slider-handle-size-medium": { - "prop": "--spectrum-slider-handle-size-medium", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "slider-handle-size-small": { - "prop": "--spectrum-slider-handle-size-small", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "slider-track-thickness": { - "prop": "--spectrum-slider-track-thickness", - "value": "2px" - }, - "spacing-100": { - "prop": "--spectrum-spacing-100", - "value": "8px" - }, - "spacing-1000": { - "prop": "--spectrum-spacing-1000", - "value": "96px" - }, - "spacing-200": { - "prop": "--spectrum-spacing-200", - "value": "12px" - }, - "spacing-300": { - "prop": "--spectrum-spacing-300", - "value": "16px" - }, - "spacing-400": { - "prop": "--spectrum-spacing-400", - "value": "24px" - }, - "spacing-50": { - "prop": "--spectrum-spacing-50", - "value": "2px" - }, - "spacing-500": { - "prop": "--spectrum-spacing-500", - "value": "32px" - }, - "spacing-600": { - "prop": "--spectrum-spacing-600", - "value": "40px" - }, - "spacing-700": { - "prop": "--spectrum-spacing-700", - "value": "48px" - }, - "spacing-75": { - "prop": "--spectrum-spacing-75", - "value": "4px" - }, - "spacing-800": { - "prop": "--spectrum-spacing-800", - "value": "64px" - }, - "spacing-900": { - "prop": "--spectrum-spacing-900", - "value": "80px" - }, - "static-black-focus-indicator-color": { - "prop": "--spectrum-static-black-focus-indicator-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "static-black-text-color": { - "prop": "--spectrum-static-black-text-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "static-black-track-color": { - "prop": "--spectrum-static-black-track-color", - "ref": "var(--spectrum-transparent-black-300)", - "light": { - "value": "rgba(0, 0, 0, 0.15)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.15)" - } - }, - "static-black-track-indicator-color": { - "prop": "--spectrum-static-black-track-indicator-color", - "ref": "var(--spectrum-transparent-black-900)", - "light": { - "value": "rgba(0, 0, 0, 0.93)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.93)" - } - }, - "static-white-focus-indicator-color": { - "prop": "--spectrum-static-white-focus-indicator-color", - "ref": "var(--spectrum-white)", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(255, 255, 255)" - } - }, - "static-white-text-color": { - "prop": "--spectrum-static-white-text-color", - "ref": "var(--spectrum-white)", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(255, 255, 255)" - } - }, - "static-white-track-color": { - "prop": "--spectrum-static-white-track-color", - "ref": "var(--spectrum-transparent-white-300)", - "light": { - "value": "rgba(255, 255, 255, 0.17)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.17)" - } - }, - "static-white-track-indicator-color": { - "prop": "--spectrum-static-white-track-indicator-color", - "ref": "var(--spectrum-transparent-white-900)", - "light": { - "value": "rgba(255, 255, 255, 0.94)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.94)" - } - }, - "status-light-dot-size-extra-large": { - "prop": "--spectrum-status-light-dot-size-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "status-light-dot-size-large": { - "prop": "--spectrum-status-light-dot-size-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "status-light-dot-size-medium": { - "prop": "--spectrum-status-light-dot-size-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "status-light-dot-size-small": { - "prop": "--spectrum-status-light-dot-size-small", - "value": "8px" - }, - "status-light-top-to-dot-extra-large": { - "prop": "--spectrum-status-light-top-to-dot-extra-large", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "24px" - } - }, - "status-light-top-to-dot-large": { - "prop": "--spectrum-status-light-top-to-dot-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "status-light-top-to-dot-medium": { - "prop": "--spectrum-status-light-top-to-dot-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "status-light-top-to-dot-small": { - "prop": "--spectrum-status-light-top-to-dot-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "11px" - } - }, - "swatch-border-color": { - "prop": "--spectrum-swatch-border-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "swatch-border-opacity": { - "prop": "--spectrum-swatch-border-opacity", - "value": "0.51" - }, - "swatch-disabled-icon-border-color": { - "prop": "--spectrum-swatch-disabled-icon-border-color", - "ref": "var(--spectrum-black)", - "value": "rgb(0, 0, 0)" - }, - "swatch-disabled-icon-border-opacity": { - "prop": "--spectrum-swatch-disabled-icon-border-opacity", - "value": "0.51" - }, - "swatch-rectangle-width-multiplier": { - "prop": "--spectrum-swatch-rectangle-width-multiplier", - "value": "2" - }, - "swatch-size-extra-small": { - "prop": "--spectrum-swatch-size-extra-small", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "swatch-size-large": { - "prop": "--spectrum-swatch-size-large", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "swatch-size-medium": { - "prop": "--spectrum-swatch-size-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "swatch-size-small": { - "prop": "--spectrum-swatch-size-small", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "swatch-slash-thickness-extra-small": { - "prop": "--spectrum-swatch-slash-thickness-extra-small", - "value": "2px" - }, - "swatch-slash-thickness-large": { - "prop": "--spectrum-swatch-slash-thickness-large", - "value": "5px" - }, - "swatch-slash-thickness-medium": { - "prop": "--spectrum-swatch-slash-thickness-medium", - "value": "4px" - }, - "swatch-slash-thickness-small": { - "prop": "--spectrum-swatch-slash-thickness-small", - "value": "3px" - }, - "switch-control-height-extra-large": { - "prop": "--spectrum-switch-control-height-extra-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "switch-control-height-large": { - "prop": "--spectrum-switch-control-height-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "switch-control-height-medium": { - "prop": "--spectrum-switch-control-height-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "switch-control-height-small": { - "prop": "--spectrum-switch-control-height-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "16px" - } - }, - "switch-control-width-extra-large": { - "prop": "--spectrum-switch-control-width-extra-large", - "desktop": { - "value": "33px" - }, - "mobile": { - "value": "46px" - } - }, - "switch-control-width-large": { - "prop": "--spectrum-switch-control-width-large", - "desktop": { - "value": "29px" - }, - "mobile": { - "value": "41px" - } - }, - "switch-control-width-medium": { - "prop": "--spectrum-switch-control-width-medium", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "36px" - } - }, - "switch-control-width-small": { - "prop": "--spectrum-switch-control-width-small", - "desktop": { - "value": "23px" - }, - "mobile": { - "value": "32px" - } - }, - "switch-top-to-control-extra-large": { - "prop": "--spectrum-switch-top-to-control-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "switch-top-to-control-large": { - "prop": "--spectrum-switch-top-to-control-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "switch-top-to-control-medium": { - "prop": "--spectrum-switch-top-to-control-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "switch-top-to-control-small": { - "prop": "--spectrum-switch-top-to-control-small", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "tab-item-bottom-to-text-compact-extra-large": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "tab-item-bottom-to-text-compact-large": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "14px" - } - }, - "tab-item-bottom-to-text-compact-medium": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tab-item-bottom-to-text-compact-small": { - "prop": "--spectrum-tab-item-bottom-to-text-compact-small", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "tab-item-bottom-to-text-extra-large": { - "prop": "--spectrum-tab-item-bottom-to-text-extra-large", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "25px" - } - }, - "tab-item-bottom-to-text-large": { - "prop": "--spectrum-tab-item-bottom-to-text-large", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "tab-item-bottom-to-text-medium": { - "prop": "--spectrum-tab-item-bottom-to-text-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "19px" - } - }, - "tab-item-bottom-to-text-small": { - "prop": "--spectrum-tab-item-bottom-to-text-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tab-item-compact-height-extra-large": { - "prop": "--spectrum-tab-item-compact-height-extra-large", - "ref": "var(--spectrum-component-height-300)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "tab-item-compact-height-large": { - "prop": "--spectrum-tab-item-compact-height-large", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "tab-item-compact-height-medium": { - "prop": "--spectrum-tab-item-compact-height-medium", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "tab-item-compact-height-small": { - "prop": "--spectrum-tab-item-compact-height-small", - "ref": "var(--spectrum-component-height-75)", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "tab-item-focus-indicator-gap-extra-large": { - "prop": "--spectrum-tab-item-focus-indicator-gap-extra-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "tab-item-focus-indicator-gap-large": { - "prop": "--spectrum-tab-item-focus-indicator-gap-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "tab-item-focus-indicator-gap-medium": { - "prop": "--spectrum-tab-item-focus-indicator-gap-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "tab-item-focus-indicator-gap-small": { - "prop": "--spectrum-tab-item-focus-indicator-gap-small", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "tab-item-height-extra-large": { - "prop": "--spectrum-tab-item-height-extra-large", - "ref": "var(--spectrum-component-height-500)", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "tab-item-height-large": { - "prop": "--spectrum-tab-item-height-large", - "ref": "var(--spectrum-component-height-400)", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "tab-item-height-medium": { - "prop": "--spectrum-tab-item-height-medium", - "ref": "var(--spectrum-component-height-300)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "tab-item-height-small": { - "prop": "--spectrum-tab-item-height-small", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "tab-item-start-to-edge-extra-large": { - "prop": "--spectrum-tab-item-start-to-edge-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "19px" - } - }, - "tab-item-start-to-edge-large": { - "prop": "--spectrum-tab-item-start-to-edge-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "tab-item-start-to-edge-medium": { - "prop": "--spectrum-tab-item-start-to-edge-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tab-item-start-to-edge-quiet": { - "prop": "--spectrum-tab-item-start-to-edge-quiet", - "value": "0px" - }, - "tab-item-start-to-edge-small": { - "prop": "--spectrum-tab-item-start-to-edge-small", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "13px" - } - }, - "tab-item-to-tab-item-horizontal-extra-large": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-extra-large", - "desktop": { - "value": "30px" - }, - "mobile": { - "value": "36px" - } - }, - "tab-item-to-tab-item-horizontal-large": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-large", - "desktop": { - "value": "27px" - }, - "mobile": { - "value": "33px" - } - }, - "tab-item-to-tab-item-horizontal-medium": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-medium", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "tab-item-to-tab-item-horizontal-small": { - "prop": "--spectrum-tab-item-to-tab-item-horizontal-small", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "27px" - } - }, - "tab-item-to-tab-item-vertical-extra-large": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-extra-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "tab-item-to-tab-item-vertical-large": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-large", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "tab-item-to-tab-item-vertical-medium": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-medium", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-to-tab-item-vertical-small": { - "prop": "--spectrum-tab-item-to-tab-item-vertical-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-top-to-text-compact-extra-large": { - "prop": "--spectrum-tab-item-top-to-text-compact-extra-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tab-item-top-to-text-compact-large": { - "prop": "--spectrum-tab-item-top-to-text-compact-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "tab-item-top-to-text-compact-medium": { - "prop": "--spectrum-tab-item-top-to-text-compact-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "9px" - } - }, - "tab-item-top-to-text-compact-small": { - "prop": "--spectrum-tab-item-top-to-text-compact-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-top-to-text-extra-large": { - "prop": "--spectrum-tab-item-top-to-text-extra-large", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "25px" - } - }, - "tab-item-top-to-text-large": { - "prop": "--spectrum-tab-item-top-to-text-large", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "22px" - } - }, - "tab-item-top-to-text-medium": { - "prop": "--spectrum-tab-item-top-to-text-medium", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "tab-item-top-to-text-small": { - "prop": "--spectrum-tab-item-top-to-text-small", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "tab-item-top-to-workflow-icon-compact-extra-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-extra-large", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "16px" - } - }, - "tab-item-top-to-workflow-icon-compact-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "13px" - } - }, - "tab-item-top-to-workflow-icon-compact-medium": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-medium", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "tab-item-top-to-workflow-icon-compact-small": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-compact-small", - "desktop": { - "value": "3px" - }, - "mobile": { - "value": "5px" - } - }, - "tab-item-top-to-workflow-icon-extra-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-extra-large", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "26px" - } - }, - "tab-item-top-to-workflow-icon-large": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-large", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "23px" - } - }, - "tab-item-top-to-workflow-icon-medium": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-medium", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tab-item-top-to-workflow-icon-small": { - "prop": "--spectrum-tab-item-top-to-workflow-icon-small", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "15px" - } - }, - "table-border-divider-width": { - "prop": "--spectrum-table-border-divider-width", - "value": "1px" - }, - "table-checkbox-to-text": { - "prop": "--spectrum-table-checkbox-to-text", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "table-column-header-row-bottom-to-text-extra-large": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "17px" - } - }, - "table-column-header-row-bottom-to-text-large": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "table-column-header-row-bottom-to-text-medium": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-medium", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-column-header-row-bottom-to-text-small": { - "prop": "--spectrum-table-column-header-row-bottom-to-text-small", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "table-column-header-row-top-to-text-extra-large": { - "prop": "--spectrum-table-column-header-row-top-to-text-extra-large", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "table-column-header-row-top-to-text-large": { - "prop": "--spectrum-table-column-header-row-top-to-text-large", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "table-column-header-row-top-to-text-medium": { - "prop": "--spectrum-table-column-header-row-top-to-text-medium", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "table-column-header-row-top-to-text-small": { - "prop": "--spectrum-table-column-header-row-top-to-text-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-edge-to-content": { - "prop": "--spectrum-table-edge-to-content", - "value": "16px" - }, - "table-header-row-checkbox-to-top-extra-large": { - "prop": "--spectrum-table-header-row-checkbox-to-top-extra-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "21px" - } - }, - "table-header-row-checkbox-to-top-large": { - "prop": "--spectrum-table-header-row-checkbox-to-top-large", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "17px" - } - }, - "table-header-row-checkbox-to-top-medium": { - "prop": "--spectrum-table-header-row-checkbox-to-top-medium", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "13px" - } - }, - "table-header-row-checkbox-to-top-small": { - "prop": "--spectrum-table-header-row-checkbox-to-top-small", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-bottom-to-text-extra-large-compact": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-compact", - "ref": "var(--spectrum-component-bottom-to-text-300)", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-bottom-to-text-extra-large-regular": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-regular", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "22px" - } - }, - "table-row-bottom-to-text-extra-large-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-extra-large-spacious", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "27px" - } - }, - "table-row-bottom-to-text-large-compact": { - "prop": "--spectrum-table-row-bottom-to-text-large-compact", - "ref": "var(--spectrum-component-bottom-to-text-200)", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-bottom-to-text-large-regular": { - "prop": "--spectrum-table-row-bottom-to-text-large-regular", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-bottom-to-text-large-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-large-spacious", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "23px" - } - }, - "table-row-bottom-to-text-medium-compact": { - "prop": "--spectrum-table-row-bottom-to-text-medium-compact", - "ref": "var(--spectrum-component-bottom-to-text-100)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "table-row-bottom-to-text-medium-regular": { - "prop": "--spectrum-table-row-bottom-to-text-medium-regular", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "table-row-bottom-to-text-medium-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-medium-spacious", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-bottom-to-text-small-compact": { - "prop": "--spectrum-table-row-bottom-to-text-small-compact", - "ref": "var(--spectrum-component-bottom-to-text-75)", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "table-row-bottom-to-text-small-regular": { - "prop": "--spectrum-table-row-bottom-to-text-small-regular", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "table-row-bottom-to-text-small-spacious": { - "prop": "--spectrum-table-row-bottom-to-text-small-spacious", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "table-row-checkbox-to-top-extra-large-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-compact", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "21px" - } - }, - "table-row-checkbox-to-top-extra-large-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-regular", - "desktop": { - "value": "19px" - }, - "mobile": { - "value": "26px" - } - }, - "table-row-checkbox-to-top-extra-large-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-extra-large-spacious", - "desktop": { - "value": "23px" - }, - "mobile": { - "value": "31px" - } - }, - "table-row-checkbox-to-top-large-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-large-compact", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "17px" - } - }, - "table-row-checkbox-to-top-large-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-large-regular", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "22px" - } - }, - "table-row-checkbox-to-top-large-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-large-spacious", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "27px" - } - }, - "table-row-checkbox-to-top-medium-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-compact", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "13px" - } - }, - "table-row-checkbox-to-top-medium-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-regular", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-checkbox-to-top-medium-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-medium-spacious", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "23px" - } - }, - "table-row-checkbox-to-top-small-compact": { - "prop": "--spectrum-table-row-checkbox-to-top-small-compact", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "9px" - } - }, - "table-row-checkbox-to-top-small-regular": { - "prop": "--spectrum-table-row-checkbox-to-top-small-regular", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-checkbox-to-top-small-spacious": { - "prop": "--spectrum-table-row-checkbox-to-top-small-spacious", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "19px" - } - }, - "table-row-down-opacity": { - "prop": "--spectrum-table-row-down-opacity", - "value": "0.1" - }, - "table-row-height-extra-large-compact": { - "prop": "--spectrum-table-row-height-extra-large-compact", - "ref": "var(--spectrum-component-height-300)", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-row-height-extra-large-regular": { - "prop": "--spectrum-table-row-height-extra-large-regular", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "table-row-height-extra-large-spacious": { - "prop": "--spectrum-table-row-height-extra-large-spacious", - "desktop": { - "value": "64px" - }, - "mobile": { - "value": "80px" - } - }, - "table-row-height-large-compact": { - "prop": "--spectrum-table-row-height-large-compact", - "ref": "var(--spectrum-component-height-200)", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-row-height-large-regular": { - "prop": "--spectrum-table-row-height-large-regular", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-row-height-large-spacious": { - "prop": "--spectrum-table-row-height-large-spacious", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "table-row-height-medium-compact": { - "prop": "--spectrum-table-row-height-medium-compact", - "ref": "var(--spectrum-component-height-100)", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "table-row-height-medium-regular": { - "prop": "--spectrum-table-row-height-medium-regular", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-row-height-medium-spacious": { - "prop": "--spectrum-table-row-height-medium-spacious", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-row-height-small-compact": { - "prop": "--spectrum-table-row-height-small-compact", - "ref": "var(--spectrum-component-height-75)", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "table-row-height-small-regular": { - "prop": "--spectrum-table-row-height-small-regular", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "table-row-height-small-spacious": { - "prop": "--spectrum-table-row-height-small-spacious", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-row-hover-color": { - "prop": "--spectrum-table-row-hover-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "table-row-hover-opacity": { - "prop": "--spectrum-table-row-hover-opacity", - "value": "0.07" - }, - "table-row-top-to-text-extra-large-compact": { - "prop": "--spectrum-table-row-top-to-text-extra-large-compact", - "ref": "var(--spectrum-component-top-to-text-300)", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "table-row-top-to-text-extra-large-regular": { - "prop": "--spectrum-table-row-top-to-text-extra-large-regular", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "21px" - } - }, - "table-row-top-to-text-extra-large-spacious": { - "prop": "--spectrum-table-row-top-to-text-extra-large-spacious", - "desktop": { - "value": "21px" - }, - "mobile": { - "value": "26px" - } - }, - "table-row-top-to-text-large-compact": { - "prop": "--spectrum-table-row-top-to-text-large-compact", - "ref": "var(--spectrum-component-top-to-text-200)", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "12px" - } - }, - "table-row-top-to-text-large-regular": { - "prop": "--spectrum-table-row-top-to-text-large-regular", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-top-to-text-large-spacious": { - "prop": "--spectrum-table-row-top-to-text-large-spacious", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "23px" - } - }, - "table-row-top-to-text-medium-compact": { - "prop": "--spectrum-table-row-top-to-text-medium-compact", - "ref": "var(--spectrum-component-top-to-text-100)", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "table-row-top-to-text-medium-regular": { - "prop": "--spectrum-table-row-top-to-text-medium-regular", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "table-row-top-to-text-medium-spacious": { - "prop": "--spectrum-table-row-top-to-text-medium-spacious", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "18px" - } - }, - "table-row-top-to-text-small-compact": { - "prop": "--spectrum-table-row-top-to-text-small-compact", - "ref": "var(--spectrum-component-top-to-text-75)", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "table-row-top-to-text-small-regular": { - "prop": "--spectrum-table-row-top-to-text-small-regular", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-row-top-to-text-small-spacious": { - "prop": "--spectrum-table-row-top-to-text-small-spacious", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "table-section-header-row-height-extra-large": { - "prop": "--spectrum-table-section-header-row-height-extra-large", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "60px" - } - }, - "table-section-header-row-height-large": { - "prop": "--spectrum-table-section-header-row-height-large", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "table-section-header-row-height-medium": { - "prop": "--spectrum-table-section-header-row-height-medium", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "table-section-header-row-height-small": { - "prop": "--spectrum-table-section-header-row-height-small", - "desktop": { - "value": "24px" - }, - "mobile": { - "value": "30px" - } - }, - "table-selected-row-background-color": { - "prop": "--spectrum-table-selected-row-background-color", - "ref": "var(--spectrum-informative-color-800)", - "light": { - "value": "rgb(59, 99, 251)" - }, - "dark": { - "value": "rgb(64, 105, 253)" - } - }, - "table-selected-row-background-color-non-emphasized": { - "prop": "--spectrum-table-selected-row-background-color-non-emphasized", - "ref": "var(--spectrum-neutral-background-color-selected-default)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "table-selected-row-background-opacity": { - "prop": "--spectrum-table-selected-row-background-opacity", - "value": "0.1" - }, - "table-selected-row-background-opacity-hover": { - "prop": "--spectrum-table-selected-row-background-opacity-hover", - "value": "0.15" - }, - "table-selected-row-background-opacity-non-emphasized": { - "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized", - "value": "0.1" - }, - "table-selected-row-background-opacity-non-emphasized-hover": { - "prop": "--spectrum-table-selected-row-background-opacity-non-emphasized-hover", - "value": "0.15" - }, - "table-thumbnail-to-top-minimum-extra-large-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-compact", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-extra-large-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-regular", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-extra-large-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "12px" - } - }, - "table-thumbnail-to-top-minimum-large-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-compact", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "table-thumbnail-to-top-minimum-large-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-regular", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-large-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-large-spacious", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-medium-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-compact", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "table-thumbnail-to-top-minimum-medium-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-regular", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "table-thumbnail-to-top-minimum-medium-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-medium-spacious", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "table-thumbnail-to-top-minimum-small-compact": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-compact", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "table-thumbnail-to-top-minimum-small-regular": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-regular", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "6px" - } - }, - "table-thumbnail-to-top-minimum-small-spacious": { - "prop": "--spectrum-table-thumbnail-to-top-minimum-small-spacious", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "tag-top-to-avatar-large": { - "prop": "--spectrum-tag-top-to-avatar-large", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "tag-top-to-avatar-medium": { - "prop": "--spectrum-tag-top-to-avatar-medium", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "7px" - } - }, - "tag-top-to-avatar-small": { - "prop": "--spectrum-tag-top-to-avatar-small", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tag-top-to-cross-icon-large": { - "prop": "--spectrum-tag-top-to-cross-icon-large", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "19px" - } - }, - "tag-top-to-cross-icon-medium": { - "prop": "--spectrum-tag-top-to-cross-icon-medium", - "desktop": { - "value": "12px" - }, - "mobile": { - "value": "15px" - } - }, - "tag-top-to-cross-icon-small": { - "prop": "--spectrum-tag-top-to-cross-icon-small", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "text-area-minimum-height": { - "prop": "--spectrum-text-area-minimum-height", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "text-area-minimum-width": { - "prop": "--spectrum-text-area-minimum-width", - "desktop": { - "value": "112px" - }, - "mobile": { - "value": "140px" - } - }, - "text-field-minimum-width-multiplier": { - "prop": "--spectrum-text-field-minimum-width-multiplier", - "value": "1.5" - }, - "text-to-control-100": { - "prop": "--spectrum-text-to-control-100", - "desktop": { - "value": "10px" - }, - "mobile": { - "value": "13px" - } - }, - "text-to-control-200": { - "prop": "--spectrum-text-to-control-200", - "desktop": { - "value": "11px" - }, - "mobile": { - "value": "14px" - } - }, - "text-to-control-300": { - "prop": "--spectrum-text-to-control-300", - "desktop": { - "value": "13px" - }, - "mobile": { - "value": "16px" - } - }, - "text-to-control-75": { - "prop": "--spectrum-text-to-control-75", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "text-to-visual-100": { - "prop": "--spectrum-text-to-visual-100", - "desktop": { - "value": "6px" - }, - "mobile": { - "value": "8px" - } - }, - "text-to-visual-200": { - "prop": "--spectrum-text-to-visual-200", - "desktop": { - "value": "7px" - }, - "mobile": { - "value": "9px" - } - }, - "text-to-visual-300": { - "prop": "--spectrum-text-to-visual-300", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "text-to-visual-400": { - "prop": "--spectrum-text-to-visual-400", - "desktop": { - "value": "9px" - }, - "mobile": { - "value": "11px" - } - }, - "text-to-visual-50": { - "prop": "--spectrum-text-to-visual-50", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "text-to-visual-75": { - "prop": "--spectrum-text-to-visual-75", - "desktop": { - "value": "5px" - }, - "mobile": { - "value": "7px" - } - }, - "text-underline-gap": { - "prop": "--spectrum-text-underline-gap", - "value": "1px" - }, - "text-underline-thickness": { - "prop": "--spectrum-text-underline-thickness", - "value": "1px" - }, - "thumbnail-border-color": { - "prop": "--spectrum-thumbnail-border-color", - "ref": "var(--spectrum-gray-800)", - "light": { - "value": "rgb(41, 41, 41)" - }, - "dark": { - "value": "rgb(219, 219, 219)" - } - }, - "thumbnail-border-opacity": { - "prop": "--spectrum-thumbnail-border-opacity", - "value": "0.1" - }, - "thumbnail-opacity-disabled": { - "prop": "--spectrum-thumbnail-opacity-disabled", - "ref": "var(--spectrum-opacity-disabled)", - "value": "0.3" - }, - "thumbnail-size-100": { - "prop": "--spectrum-thumbnail-size-100", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "26px" - } - }, - "thumbnail-size-1000": { - "prop": "--spectrum-thumbnail-size-1000", - "desktop": { - "value": "56px" - }, - "mobile": { - "value": "70px" - } - }, - "thumbnail-size-200": { - "prop": "--spectrum-thumbnail-size-200", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "28px" - } - }, - "thumbnail-size-300": { - "prop": "--spectrum-thumbnail-size-300", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "32px" - } - }, - "thumbnail-size-400": { - "prop": "--spectrum-thumbnail-size-400", - "desktop": { - "value": "28px" - }, - "mobile": { - "value": "36px" - } - }, - "thumbnail-size-50": { - "prop": "--spectrum-thumbnail-size-50", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "20px" - } - }, - "thumbnail-size-500": { - "prop": "--spectrum-thumbnail-size-500", - "desktop": { - "value": "32px" - }, - "mobile": { - "value": "40px" - } - }, - "thumbnail-size-600": { - "prop": "--spectrum-thumbnail-size-600", - "desktop": { - "value": "36px" - }, - "mobile": { - "value": "46px" - } - }, - "thumbnail-size-700": { - "prop": "--spectrum-thumbnail-size-700", - "desktop": { - "value": "40px" - }, - "mobile": { - "value": "50px" - } - }, - "thumbnail-size-75": { - "prop": "--spectrum-thumbnail-size-75", - "desktop": { - "value": "18px" - }, - "mobile": { - "value": "22px" - } - }, - "thumbnail-size-800": { - "prop": "--spectrum-thumbnail-size-800", - "desktop": { - "value": "44px" - }, - "mobile": { - "value": "55px" - } - }, - "thumbnail-size-900": { - "prop": "--spectrum-thumbnail-size-900", - "desktop": { - "value": "50px" - }, - "mobile": { - "value": "62px" - } - }, - "title-color": { - "prop": "--spectrum-title-color", - "ref": "var(--spectrum-gray-900)", - "light": { - "value": "rgb(19, 19, 19)" - }, - "dark": { - "value": "rgb(242, 242, 242)" - } - }, - "toast-bottom-to-text": { - "prop": "--spectrum-toast-bottom-to-text", - "desktop": { - "value": "17px" - }, - "mobile": { - "value": "19px" - } - }, - "toast-height": { - "prop": "--spectrum-toast-height", - "desktop": { - "value": "48px" - }, - "mobile": { - "value": "56px" - } - }, - "toast-maximum-width": { - "prop": "--spectrum-toast-maximum-width", - "desktop": { - "value": "336px" - }, - "mobile": { - "value": "420px" - } - }, - "toast-top-to-text": { - "prop": "--spectrum-toast-top-to-text", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "toast-top-to-workflow-icon": { - "prop": "--spectrum-toast-top-to-workflow-icon", - "desktop": { - "value": "15px" - }, - "mobile": { - "value": "17px" - } - }, - "tooltip-maximum-width": { - "prop": "--spectrum-tooltip-maximum-width", - "desktop": { - "value": "160px" - }, - "mobile": { - "value": "200px" - } - }, - "tooltip-tip-height": { - "prop": "--spectrum-tooltip-tip-height", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "tooltip-tip-width": { - "prop": "--spectrum-tooltip-tip-width", - "desktop": { - "value": "8px" - }, - "mobile": { - "value": "10px" - } - }, - "track-color": { - "prop": "--spectrum-track-color", - "ref": "var(--spectrum-gray-300)", - "light": { - "value": "rgb(218, 218, 218)" - }, - "dark": { - "value": "rgb(57, 57, 57)" - } - }, - "transparent-black-100": { - "prop": "--spectrum-transparent-black-100", - "light": { - "value": "rgba(0, 0, 0, 0.09)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.09)" - } - }, - "transparent-black-1000": { - "prop": "--spectrum-transparent-black-1000", - "value": "rgb(0, 0, 0)" - }, - "transparent-black-200": { - "prop": "--spectrum-transparent-black-200", - "light": { - "value": "rgba(0, 0, 0, 0.12)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.12)" - } - }, - "transparent-black-25": { - "prop": "--spectrum-transparent-black-25", - "light": { - "value": "rgba(0, 0, 0, 0)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0)" - } - }, - "transparent-black-300": { - "prop": "--spectrum-transparent-black-300", - "light": { - "value": "rgba(0, 0, 0, 0.15)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.15)" - } - }, - "transparent-black-400": { - "prop": "--spectrum-transparent-black-400", - "light": { - "value": "rgba(0, 0, 0, 0.22)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.22)" - } - }, - "transparent-black-50": { - "prop": "--spectrum-transparent-black-50", - "light": { - "value": "rgba(0, 0, 0, 0.03)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.03)" - } - }, - "transparent-black-500": { - "prop": "--spectrum-transparent-black-500", - "light": { - "value": "rgba(0, 0, 0, 0.44)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.44)" - } - }, - "transparent-black-600": { - "prop": "--spectrum-transparent-black-600", - "light": { - "value": "rgba(0, 0, 0, 0.56)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.56)" - } - }, - "transparent-black-700": { - "prop": "--spectrum-transparent-black-700", - "light": { - "value": "rgba(0, 0, 0, 0.69)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.69)" - } - }, - "transparent-black-75": { - "prop": "--spectrum-transparent-black-75", - "light": { - "value": "rgba(0, 0, 0, 0.05)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.05)" - } - }, - "transparent-black-800": { - "prop": "--spectrum-transparent-black-800", - "light": { - "value": "rgba(0, 0, 0, 0.84)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.84)" - } - }, - "transparent-black-900": { - "prop": "--spectrum-transparent-black-900", - "light": { - "value": "rgba(0, 0, 0, 0.93)" - }, - "dark": { - "value": "rgba(0, 0, 0, 0.93)" - } - }, - "transparent-white-100": { - "prop": "--spectrum-transparent-white-100", - "light": { - "value": "rgba(255, 255, 255, 0.11)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.11)" - } - }, - "transparent-white-1000": { - "prop": "--spectrum-transparent-white-1000", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(255, 255, 255)" - } - }, - "transparent-white-200": { - "prop": "--spectrum-transparent-white-200", - "light": { - "value": "rgba(255, 255, 255, 0.14)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.14)" - } - }, - "transparent-white-25": { - "prop": "--spectrum-transparent-white-25", - "light": { - "value": "rgba(255, 255, 255, 0)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0)" - } - }, - "transparent-white-300": { - "prop": "--spectrum-transparent-white-300", - "light": { - "value": "rgba(255, 255, 255, 0.17)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.17)" - } - }, - "transparent-white-400": { - "prop": "--spectrum-transparent-white-400", - "light": { - "value": "rgba(255, 255, 255, 0.21)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.21)" - } - }, - "transparent-white-50": { - "prop": "--spectrum-transparent-white-50", - "light": { - "value": "rgba(255, 255, 255, 0.04)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.04)" - } - }, - "transparent-white-500": { - "prop": "--spectrum-transparent-white-500", - "light": { - "value": "rgba(255, 255, 255, 0.39)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.39)" - } - }, - "transparent-white-600": { - "prop": "--spectrum-transparent-white-600", - "light": { - "value": "rgba(255, 255, 255, 0.51)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.51)" - } - }, - "transparent-white-700": { - "prop": "--spectrum-transparent-white-700", - "light": { - "value": "rgba(255, 255, 255, 0.66)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.66)" - } - }, - "transparent-white-75": { - "prop": "--spectrum-transparent-white-75", - "light": { - "value": "rgba(255, 255, 255, 0.07)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.07)" - } - }, - "transparent-white-800": { - "prop": "--spectrum-transparent-white-800", - "light": { - "value": "rgba(255, 255, 255, 0.85)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.85)" - } - }, - "transparent-white-900": { - "prop": "--spectrum-transparent-white-900", - "light": { - "value": "rgba(255, 255, 255, 0.94)" - }, - "dark": { - "value": "rgba(255, 255, 255, 0.94)" - } - }, - "tray-top-to-content-area": { - "prop": "--spectrum-tray-top-to-content-area", - "desktop": { - "value": "4px" - }, - "mobile": { - "value": "5px" - } - }, - "turquoise-100": { - "prop": "--spectrum-turquoise-100", - "dark": { - "value": "rgb(0, 30, 33)" - }, - "light": { - "value": "rgb(238, 251, 251)" - } - }, - "turquoise-1000": { - "prop": "--spectrum-turquoise-1000", - "dark": { - "value": "rgb(13, 168, 182)" - }, - "light": { - "value": "rgb(5, 107, 116)" - } - }, - "turquoise-1100": { - "prop": "--spectrum-turquoise-1100", - "dark": { - "value": "rgb(16, 186, 202)" - }, - "light": { - "value": "rgb(3, 90, 98)" - } - }, - "turquoise-1200": { - "prop": "--spectrum-turquoise-1200", - "dark": { - "value": "rgb(64, 208, 220)" - }, - "light": { - "value": "rgb(1, 74, 81)" - } - }, - "turquoise-1300": { - "prop": "--spectrum-turquoise-1300", - "dark": { - "value": "rgb(128, 225, 231)" - }, - "light": { - "value": "rgb(0, 59, 65)" - } - }, - "turquoise-1400": { - "prop": "--spectrum-turquoise-1400", - "dark": { - "value": "rgb(183, 240, 240)" - }, - "light": { - "value": "rgb(0, 44, 49)" - } - }, - "turquoise-1500": { - "prop": "--spectrum-turquoise-1500", - "dark": { - "value": "rgb(228, 249, 249)" - }, - "light": { - "value": "rgb(0, 32, 35)" - } - }, - "turquoise-1600": { - "prop": "--spectrum-turquoise-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(0, 15, 17)" - } - }, - "turquoise-200": { - "prop": "--spectrum-turquoise-200", - "dark": { - "value": "rgb(0, 37, 41)" - }, - "light": { - "value": "rgb(209, 245, 245)" - } - }, - "turquoise-300": { - "prop": "--spectrum-turquoise-300", - "dark": { - "value": "rgb(0, 49, 54)" - }, - "light": { - "value": "rgb(169, 236, 237)" - } - }, - "turquoise-400": { - "prop": "--spectrum-turquoise-400", - "dark": { - "value": "rgb(0, 66, 72)" - }, - "light": { - "value": "rgb(111, 221, 228)" - } - }, - "turquoise-500": { - "prop": "--spectrum-turquoise-500", - "dark": { - "value": "rgb(3, 84, 92)" - }, - "light": { - "value": "rgb(39, 202, 216)" - } - }, - "turquoise-600": { - "prop": "--spectrum-turquoise-600", - "dark": { - "value": "rgb(5, 103, 112)" - }, - "light": { - "value": "rgb(15, 177, 192)" - } - }, - "turquoise-700": { - "prop": "--spectrum-turquoise-700", - "dark": { - "value": "rgb(7, 120, 131)" - }, - "light": { - "value": "rgb(12, 158, 171)" - } - }, - "turquoise-800": { - "prop": "--spectrum-turquoise-800", - "dark": { - "value": "rgb(9, 131, 142)" - }, - "light": { - "value": "rgb(10, 141, 153)" - } - }, - "turquoise-900": { - "prop": "--spectrum-turquoise-900", - "dark": { - "value": "rgb(11, 151, 164)" - }, - "light": { - "value": "rgb(8, 126, 137)" - } - }, - "turquoise-background-color-default": { - "prop": "--spectrum-turquoise-background-color-default", - "ref": "var(--spectrum-turquoise-800)", - "light": { - "value": "rgb(8, 126, 137)" - }, - "dark": { - "value": "rgb(9, 131, 142)" - } - }, - "turquoise-subtle-background-color-default": { - "prop": "--spectrum-turquoise-subtle-background-color-default", - "ref": "var(--spectrum-turquoise-300)", - "light": { - "value": "rgb(209, 245, 245)" - }, - "dark": { - "value": "rgb(0, 49, 54)" - } - }, - "turquoise-visual-color": { - "prop": "--spectrum-turquoise-visual-color", - "ref": "var(--spectrum-turquoise-900)", - "light": { - "value": "rgb(10, 141, 153)" - }, - "dark": { - "value": "rgb(11, 151, 164)" - } - }, - "white": { - "prop": "--spectrum-white", - "light": { - "value": "rgb(255, 255, 255)" - }, - "dark": { - "value": "rgb(255, 255, 255)" - } - }, - "workflow-icon-size-100": { - "prop": "--spectrum-workflow-icon-size-100", - "desktop": { - "value": "20px" - }, - "mobile": { - "value": "24px" - } - }, - "workflow-icon-size-200": { - "prop": "--spectrum-workflow-icon-size-200", - "desktop": { - "value": "22px" - }, - "mobile": { - "value": "28px" - } - }, - "workflow-icon-size-300": { - "prop": "--spectrum-workflow-icon-size-300", - "desktop": { - "value": "26px" - }, - "mobile": { - "value": "30px" - } - }, - "workflow-icon-size-50": { - "prop": "--spectrum-workflow-icon-size-50", - "desktop": { - "value": "14px" - }, - "mobile": { - "value": "16px" - } - }, - "workflow-icon-size-75": { - "prop": "--spectrum-workflow-icon-size-75", - "desktop": { - "value": "16px" - }, - "mobile": { - "value": "18px" - } - }, - "yellow-100": { - "prop": "--spectrum-yellow-100", - "light": { - "value": "rgb(255, 248, 204)" - }, - "dark": { - "value": "rgb(37, 23, 0)" - } - }, - "yellow-1000": { - "prop": "--spectrum-yellow-1000", - "light": { - "value": "rgb(134, 85, 0)" - }, - "dark": { - "value": "rgb(203, 141, 0)" - } - }, - "yellow-1100": { - "prop": "--spectrum-yellow-1100", - "light": { - "value": "rgb(114, 72, 0)" - }, - "dark": { - "value": "rgb(218, 159, 0)" - } - }, - "yellow-1200": { - "prop": "--spectrum-yellow-1200", - "light": { - "value": "rgb(93, 59, 0)" - }, - "dark": { - "value": "rgb(235, 183, 0)" - } - }, - "yellow-1300": { - "prop": "--spectrum-yellow-1300", - "light": { - "value": "rgb(75, 47, 0)" - }, - "dark": { - "value": "rgb(249, 206, 0)" - } - }, - "yellow-1400": { - "prop": "--spectrum-yellow-1400", - "light": { - "value": "rgb(56, 35, 0)" - }, - "dark": { - "value": "rgb(255, 230, 86)" - } - }, - "yellow-1500": { - "prop": "--spectrum-yellow-1500", - "dark": { - "value": "rgb(255, 246, 195)" - }, - "light": { - "value": "rgb(40, 25, 0)" - } - }, - "yellow-1600": { - "prop": "--spectrum-yellow-1600", - "dark": { - "value": "rgb(255, 255, 255)" - }, - "light": { - "value": "rgb(18, 11, 0)" - } - }, - "yellow-200": { - "prop": "--spectrum-yellow-200", - "light": { - "value": "rgb(255, 241, 151)" - }, - "dark": { - "value": "rgb(47, 29, 0)" - } - }, - "yellow-300": { - "prop": "--spectrum-yellow-300", - "light": { - "value": "rgb(255, 222, 44)" - }, - "dark": { - "value": "rgb(61, 39, 0)" - } - }, - "yellow-400": { - "prop": "--spectrum-yellow-400", - "light": { - "value": "rgb(245, 199, 0)" - }, - "dark": { - "value": "rgb(83, 52, 0)" - } - }, - "yellow-500": { - "prop": "--spectrum-yellow-500", - "light": { - "value": "rgb(230, 175, 0)" - }, - "dark": { - "value": "rgb(107, 67, 0)" - } - }, - "yellow-600": { - "prop": "--spectrum-yellow-600", - "light": { - "value": "rgb(210, 149, 0)" - }, - "dark": { - "value": "rgb(130, 82, 0)" - } - }, - "yellow-700": { - "prop": "--spectrum-yellow-700", - "light": { - "value": "rgb(193, 131, 0)" - }, - "dark": { - "value": "rgb(151, 97, 0)" - } - }, - "yellow-800": { - "prop": "--spectrum-yellow-800", - "light": { - "value": "rgb(175, 116, 0)" - }, - "dark": { - "value": "rgb(164, 106, 0)" - } - }, - "yellow-900": { - "prop": "--spectrum-yellow-900", - "light": { - "value": "rgb(158, 102, 0)" - }, - "dark": { - "value": "rgb(186, 124, 0)" - } - }, - "yellow-background-color-default": { - "prop": "--spectrum-yellow-background-color-default", - "ref": "var(--spectrum-yellow-1100)", - "light": { - "value": "rgb(245, 199, 0)" - }, - "dark": { - "value": "rgb(218, 159, 0)" - } - }, - "yellow-subtle-background-color-default": { - "prop": "--spectrum-yellow-subtle-background-color-default", - "ref": "var(--spectrum-yellow-300)", - "light": { - "value": "rgb(255, 241, 151)" - }, - "dark": { - "value": "rgb(61, 39, 0)" - } - }, - "yellow-visual-color": { - "prop": "--spectrum-yellow-visual-color", - "ref": "var(--spectrum-yellow-1100)", - "light": { - "value": "rgb(210, 149, 0)" - }, - "dark": { - "value": "rgb(218, 159, 0)" - } - } -} \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index f988b1af39a..3715c46174f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4038,7 +4038,7 @@ __metadata: "@spectrum-css/opacitycheckerboard": "npm:4.1.0" "@spectrum-css/page": "npm:9.1.0" "@spectrum-css/pagination": "npm:10.1.0" - "@spectrum-css/picker": "npm:9.1.2" + "@spectrum-css/picker": "npm:9.1.3" "@spectrum-css/pickerbutton": "npm:6.1.1" "@spectrum-css/popover": "npm:8.2.0" "@spectrum-css/progressbar": "npm:6.1.0" @@ -4051,7 +4051,7 @@ __metadata: "@spectrum-css/splitview": "npm:7.1.0" "@spectrum-css/statuslight": "npm:9.1.0" "@spectrum-css/steplist": "npm:7.1.0" - "@spectrum-css/stepper": "npm:7.1.1" + "@spectrum-css/stepper": "npm:7.1.2" "@spectrum-css/swatch": "npm:8.1.2" "@spectrum-css/swatchgroup": "npm:5.1.0" "@spectrum-css/switch": "npm:6.1.0" @@ -4896,7 +4896,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/picker@npm:9.1.2, @spectrum-css/picker@workspace:components/picker": +"@spectrum-css/picker@npm:9.1.3, @spectrum-css/picker@workspace:components/picker": version: 0.0.0-use.local resolution: "@spectrum-css/picker@workspace:components/picker" dependencies: @@ -5139,7 +5139,7 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/slider@workspace:components/slider" dependencies: - "@spectrum-css/stepper": "npm:7.1.1" + "@spectrum-css/stepper": "npm:7.1.2" "@spectrum-css/tokens": "npm:16.0.1" peerDependencies: "@spectrum-css/stepper": ">=7.0.0 <8.0.0" @@ -5199,7 +5199,7 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/stepper@npm:7.1.1, @spectrum-css/stepper@workspace:components/stepper": +"@spectrum-css/stepper@npm:7.1.2, @spectrum-css/stepper@workspace:components/stepper": version: 0.0.0-use.local resolution: "@spectrum-css/stepper@workspace:components/stepper" dependencies: @@ -5310,7 +5310,7 @@ __metadata: dependencies: "@spectrum-css/icon": "npm:9.1.0" "@spectrum-css/menu": "npm:9.1.1" - "@spectrum-css/picker": "npm:9.1.2" + "@spectrum-css/picker": "npm:9.1.3" "@spectrum-css/tokens": "npm:16.0.1" peerDependencies: "@spectrum-css/icon": ">=9.0.0 <10.0.0"