Skip to content

feat(menu): spectrum 2 migration #3686

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 28 commits into from
May 14, 2025
Merged

feat(menu): spectrum 2 migration #3686

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
a3f0d48
feat(menu): initial token updates
5t3ph Apr 22, 2025
5910e48
feat(menu): move description, thumbnail, linkout styles
5t3ph Apr 23, 2025
0004133
feat(menu): remove incorrectly added tokens
5t3ph Apr 23, 2025
622a285
chore(tokens): use [email protected]
5t3ph Apr 23, 2025
2e4a280
feat(menu): resolve styles from tokens package update
5t3ph Apr 23, 2025
a0d1015
feat(menu): thumbnail and linkout markup
5t3ph Apr 25, 2025
658a82b
chore(*): merge branch 'spectrum-two' of https://github.com/adobe/spe…
5t3ph Apr 28, 2025
8c1983c
feat(menu): background-color and focus-indicator tokens
5t3ph Apr 28, 2025
cd7a3c1
feat(menu): update workflow icon names
5t3ph Apr 28, 2025
d35054a
feat(menu): incorporate section heading, resolve alignment
5t3ph Apr 29, 2025
3bcbe9e
feat(menu): extend stories to new features
5t3ph Apr 29, 2025
473a44a
feat(menu): update tests with new features
5t3ph Apr 29, 2025
6ecca60
feat(menu): alignment improvements
5t3ph Apr 30, 2025
a904129
feat(menu): resolve grid template spacing
5t3ph Apr 30, 2025
8952e1d
chore(*): merge branch 'spectrum-two' of https://github.com/adobe/spe…
5t3ph Apr 30, 2025
336b8bb
feat(menu): update metadata
5t3ph Apr 30, 2025
7bd21da
chore(*): revert accidental merge changes
5t3ph Apr 30, 2025
e46ec98
feat(menu): cleanup
5t3ph Apr 30, 2025
83648d9
feat(menu): add back background tokens
5t3ph Apr 30, 2025
ed988bc
feat(menu): add changelog
5t3ph May 1, 2025
df935af
feat(menu): resolve truncation examples
5t3ph May 7, 2025
f0541ac
chore(*): merge branch 'spectrum-two' of https://github.com/adobe/spe…
5t3ph May 7, 2025
a6aa9f4
chore(*): resolve metadata updates
5t3ph May 7, 2025
a8357a3
chore(*): revert merge changes
5t3ph May 8, 2025
af5aa51
chore(*): revert merge changes
5t3ph May 12, 2025
67dacaa
feat(menu): add mod, correct sizing tokens, story updates
5t3ph May 12, 2025
417a518
feat(menu): down state, token/selector corrections
5t3ph May 13, 2025
9ede99a
chore(*): merge branch 'spectrum-two' of https://github.com/adobe/spe…
5t3ph May 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions .changeset/strong-pianos-work.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
"@spectrum-css/menu": major
---

### Spectrum 2 migration

Menu now uses Spectrum 2 tokens and specifications.

Removes custom menu item background color tokens: `@adobe/spectrum-tokens` has been updated to include many tokens relating to the menu component, including some that replace custom tokens that had previously been added. As such, these custom menu item color tokens that are now available from `@adobe/spectrum-tokens` have been removed.

In addition to other small token and minor style changes, there were several new features that were added to this version of menu, including:

- A thumbnail can now be used in place of an icon
- A section description can now be included below the menu section heading
- The actions area previously held action switches for multi-select, and in this version, an external link action icon can be included in that area

### New mods

- `--mod-menu-item-corner-radius`
- `--mod-menu-item-linkout-icon-height`
- `--mod-menu-item-linkout-icon-width`
- `--mod-menu-item-thumbnail-height`
- `--mod-menu-item-thumbnail-opacity-disabled`
- `--mod-menu-item-thumbnail-to-label`
- `--mod-menu-item-thumbnail-width`
- `--mod-menu-item-top-to-thumbnail`
- `--mod-menu-item-top-to-workflow-icon`
- `--mod-menu-section-description-color`
- `--mod-menu-section-description-font-size`
- `--mod-menu-section-description-font-weight`
- `--mod-menu-section-description-line-height`
- `--mod-menu-section-description-line-height-cjk`
- `--mod-menu-section-header-to-description`
153 changes: 111 additions & 42 deletions components/menu/dist/metadata.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,16 +12,17 @@
".spectrum-Menu .spectrum-Menu-item--collapsible.is-open.is-focused",
".spectrum-Menu .spectrum-Menu-item--collapsible.is-open:active",
".spectrum-Menu .spectrum-Menu-item--collapsible.is-open:focus",
".spectrum-Menu .spectrum-Menu-item--collapsible.is-open:focus-within",
".spectrum-Menu .spectrum-Menu-item--collapsible.is-open:hover",
".spectrum-Menu .spectrum-Menu-item--drillIn.is-open",
".spectrum-Menu .spectrum-Menu-item:focus .spectrum-Menu-itemCheckbox",
".spectrum-Menu .spectrum-Menu-item:focus .spectrum-Menu-itemSwitch",
".spectrum-Menu .spectrum-Menu-item:has(> .spectrum-Menu-itemIcon--workflowIcon) .spectrum-Menu-linkout",
".spectrum-Menu .spectrum-Menu-item:hover .spectrum-Menu-itemCheckbox",
".spectrum-Menu .spectrum-Menu-item:hover .spectrum-Menu-itemSwitch",
".spectrum-Menu .spectrum-Menu-itemIcon",
".spectrum-Menu .spectrum-Menu-itemIcon--workflowIcon",
".spectrum-Menu .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
".spectrum-Menu .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark, .spectrum-Menu-linkout)",
".spectrum-Menu .spectrum-Menu-linkout",
".spectrum-Menu li:not(.spectrum-Menu-item, .spectrum-Menu-divider)",
".spectrum-Menu-back",
".spectrum-Menu-back .spectrum-Menu-sectionHeading",
Expand Down Expand Up @@ -60,10 +61,10 @@
".spectrum-Menu-item--drillIn:active .spectrum-Menu-chevron",
".spectrum-Menu-item--drillIn:focus .spectrum-Menu-chevron",
".spectrum-Menu-item--drillIn:hover .spectrum-Menu-chevron",
".spectrum-Menu-item.is-disabled",
".spectrum-Menu-item.is-disabled .spectrum-Menu-itemDescription",
".spectrum-Menu-item.is-disabled .spectrum-Menu-itemIcon",
".spectrum-Menu-item.is-disabled .spectrum-Menu-itemLabel",
".spectrum-Menu-item.is-disabled .spectrum-Menu-itemThumbnail",
".spectrum-Menu-item.is-disabled .spectrum-Menu-itemValue",
".spectrum-Menu-item.is-disabled .spectrum-Menu-sectionHeading",
".spectrum-Menu-item.is-disabled:hover",
Expand All @@ -72,32 +73,44 @@
".spectrum-Menu-item.is-disabled:hover .spectrum-Menu-itemLabel",
".spectrum-Menu-item.is-disabled:hover .spectrum-Menu-itemValue",
".spectrum-Menu-item.is-disabled:hover .spectrum-Menu-sectionHeading",
".spectrum-Menu-item.is-focused",
".spectrum-Menu-item.is-focused > .spectrum-Menu-checkmark",
".spectrum-Menu-item.is-focused > .spectrum-Menu-chevron",
".spectrum-Menu-item.is-focused > .spectrum-Menu-itemDescription",
".spectrum-Menu-item.is-focused > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
".spectrum-Menu-item.is-focused > .spectrum-Menu-itemLabel",
".spectrum-Menu-item.is-focused > .spectrum-Menu-itemValue",
".spectrum-Menu-item.is-focused > .spectrum-Menu-sectionHeading",
".spectrum-Menu-item.is-focus-visible",
".spectrum-Menu-item.is-focus-visible .spectrum-Menu-linkout",
".spectrum-Menu-item.is-focus-visible > .spectrum-Menu-checkmark",
".spectrum-Menu-item.is-focus-visible > .spectrum-Menu-chevron",
".spectrum-Menu-item.is-focus-visible > .spectrum-Menu-itemDescription",
".spectrum-Menu-item.is-focus-visible > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
".spectrum-Menu-item.is-focus-visible > .spectrum-Menu-itemLabel",
".spectrum-Menu-item.is-focus-visible > .spectrum-Menu-itemValue",
".spectrum-Menu-item.is-focus-visible > .spectrum-Menu-sectionHeading",
".spectrum-Menu-item:active",
".spectrum-Menu-item:active .spectrum-Menu-linkout",
".spectrum-Menu-item:active > .spectrum-Menu-checkmark",
".spectrum-Menu-item:active > .spectrum-Menu-chevron",
".spectrum-Menu-item:active > .spectrum-Menu-itemDescription",
".spectrum-Menu-item:active > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
".spectrum-Menu-item:active > .spectrum-Menu-itemLabel",
".spectrum-Menu-item:active > .spectrum-Menu-itemValue",
".spectrum-Menu-item:active > .spectrum-Menu-sectionHeading",
".spectrum-Menu-item:focus",
".spectrum-Menu-item:focus > .spectrum-Menu-checkmark",
".spectrum-Menu-item:focus > .spectrum-Menu-chevron",
".spectrum-Menu-item:focus > .spectrum-Menu-itemDescription",
".spectrum-Menu-item:focus > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
".spectrum-Menu-item:focus > .spectrum-Menu-itemLabel",
".spectrum-Menu-item:focus > .spectrum-Menu-itemValue",
".spectrum-Menu-item:focus > .spectrum-Menu-sectionHeading",
".spectrum-Menu-item:focus-visible",
".spectrum-Menu-item:focus-visible .spectrum-Menu-linkout",
".spectrum-Menu-item:focus-visible > .spectrum-Menu-checkmark",
".spectrum-Menu-item:focus-visible > .spectrum-Menu-chevron",
".spectrum-Menu-item:focus-visible > .spectrum-Menu-itemDescription",
".spectrum-Menu-item:focus-visible > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
".spectrum-Menu-item:focus-visible > .spectrum-Menu-itemLabel",
".spectrum-Menu-item:focus-visible > .spectrum-Menu-itemValue",
".spectrum-Menu-item:focus-visible > .spectrum-Menu-sectionHeading",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail) > .spectrum-Menu-checkmark",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail) > .spectrum-Menu-itemActions",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail) > .spectrum-Menu-itemCheckbox",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail) > .spectrum-Menu-itemLabel",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail) > .spectrum-Menu-itemValue",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail):has(> .spectrum-Menu-itemDescription) .spectrum-Menu-itemThumbnail",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail):has(> .spectrum-Menu-itemDescription) > .spectrum-Menu-checkmark",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail):has(> .spectrum-Menu-itemDescription) > .spectrum-Menu-itemCheckbox",
".spectrum-Menu-item:has(> .spectrum-Menu-itemThumbnail):has(> .spectrum-Menu-itemDescription) > .spectrum-Menu-itemDescription",
".spectrum-Menu-item:hover",
".spectrum-Menu-item:hover .spectrum-Menu-linkout",
".spectrum-Menu-item:hover > .spectrum-Menu-checkmark",
".spectrum-Menu-item:hover > .spectrum-Menu-chevron",
".spectrum-Menu-item:hover > .spectrum-Menu-itemDescription",
Expand All @@ -110,11 +123,12 @@
".spectrum-Menu-itemLabel",
".spectrum-Menu-itemLabel--truncate",
".spectrum-Menu-itemSelection",
".spectrum-Menu-itemThumbnail",
".spectrum-Menu-itemValue",
".spectrum-Menu-item[aria-disabled=\"true\"]",
".spectrum-Menu-item[aria-disabled=\"true\"] .spectrum-Menu-itemDescription",
".spectrum-Menu-item[aria-disabled=\"true\"] .spectrum-Menu-itemIcon",
".spectrum-Menu-item[aria-disabled=\"true\"] .spectrum-Menu-itemLabel",
".spectrum-Menu-item[aria-disabled=\"true\"] .spectrum-Menu-itemThumbnail",
".spectrum-Menu-item[aria-disabled=\"true\"] .spectrum-Menu-itemValue",
".spectrum-Menu-item[aria-disabled=\"true\"] .spectrum-Menu-sectionHeading",
".spectrum-Menu-item[aria-disabled=\"true\"]:hover",
Expand All @@ -123,6 +137,7 @@
".spectrum-Menu-item[aria-disabled=\"true\"]:hover .spectrum-Menu-itemLabel",
".spectrum-Menu-item[aria-disabled=\"true\"]:hover .spectrum-Menu-itemValue",
".spectrum-Menu-item[aria-disabled=\"true\"]:hover .spectrum-Menu-sectionHeading",
".spectrum-Menu-sectionDescription",
".spectrum-Menu-sectionHeading",
".spectrum-Menu.is-selectable .spectrum-Menu-item",
".spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected",
Expand All @@ -131,11 +146,9 @@
".spectrum-Menu.spectrum-Menu--sizeL",
".spectrum-Menu.spectrum-Menu--sizeS",
".spectrum-Menu.spectrum-Menu--sizeXL",
".spectrum-Menu:dir(rtl)",
".spectrum-Menu:lang(ja)",
".spectrum-Menu:lang(ko)",
".spectrum-Menu:lang(zh)",
"[dir=\"rtl\"] .spectrum-Menu",
"[dir=\"rtl\"] .spectrum-Menu .spectrum-Menu-chevron"
],
"modifiers": [
Expand Down Expand Up @@ -166,6 +179,7 @@
"--mod-menu-item-checkmark-height",
"--mod-menu-item-checkmark-width",
"--mod-menu-item-collapsible-no-icon-submenu-item-padding-x-start",
"--mod-menu-item-corner-radius",
"--mod-menu-item-description-color-default",
"--mod-menu-item-description-color-disabled",
"--mod-menu-item-description-color-down",
Expand Down Expand Up @@ -195,17 +209,30 @@
"--mod-menu-item-label-text-to-visual",
"--mod-menu-item-label-to-description-spacing",
"--mod-menu-item-label-to-value-area-min-spacing",
"--mod-menu-item-linkout-icon-height",
"--mod-menu-item-linkout-icon-width",
"--mod-menu-item-min-height",
"--mod-menu-item-selectable-edge-to-text-not-selected",
"--mod-menu-item-text-to-control",
"--mod-menu-item-thumbnail-height",
"--mod-menu-item-thumbnail-opacity-disabled",
"--mod-menu-item-thumbnail-to-label",
"--mod-menu-item-thumbnail-width",
"--mod-menu-item-top-edge-to-text",
"--mod-menu-item-top-to-action",
"--mod-menu-item-top-to-checkbox",
"--mod-menu-item-top-to-checkmark",
"--mod-menu-item-top-to-thumbnail",
"--mod-menu-item-top-to-workflow-icon",
"--mod-menu-item-value-color-default",
"--mod-menu-item-value-color-down",
"--mod-menu-item-value-color-focus",
"--mod-menu-item-value-color-hover",
"--mod-menu-section-description-color",
"--mod-menu-section-description-font-size",
"--mod-menu-section-description-font-weight",
"--mod-menu-section-description-line-height",
"--mod-menu-section-description-line-height-cjk",
"--mod-menu-section-divider-margin-block",
"--mod-menu-section-header-bottom-edge-to-text",
"--mod-menu-section-header-color",
Expand All @@ -214,6 +241,7 @@
"--mod-menu-section-header-line-height",
"--mod-menu-section-header-line-height-cjk",
"--mod-menu-section-header-min-width",
"--mod-menu-section-header-to-description",
"--mod-menu-section-header-top-edge-to-text"
],
"component": [
Expand All @@ -234,18 +262,12 @@
"--spectrum-menu-item-background-color-default",
"--spectrum-menu-item-background-color-down",
"--spectrum-menu-item-background-color-hover",
"--spectrum-menu-item-background-color-key-focus",
"--spectrum-menu-item-background-color-keyboard-focus",
"--spectrum-menu-item-bottom-edge-to-text",
"--spectrum-menu-item-checkmark-height",
"--spectrum-menu-item-checkmark-height-extra-large",
"--spectrum-menu-item-checkmark-height-large",
"--spectrum-menu-item-checkmark-height-medium",
"--spectrum-menu-item-checkmark-height-small",
"--spectrum-menu-item-checkmark-width",
"--spectrum-menu-item-checkmark-width-extra-large",
"--spectrum-menu-item-checkmark-width-large",
"--spectrum-menu-item-checkmark-width-medium",
"--spectrum-menu-item-checkmark-width-small",
"--spectrum-menu-item-chevron-height",
"--spectrum-menu-item-chevron-width",
"--spectrum-menu-item-collapsible-no-icon-submenu-item-padding-x-start",
"--spectrum-menu-item-corner-radius",
"--spectrum-menu-item-description-color-default",
Expand All @@ -256,14 +278,12 @@
"--spectrum-menu-item-description-font-size",
"--spectrum-menu-item-description-line-height",
"--spectrum-menu-item-description-line-height-cjk",
"--spectrum-menu-item-focus-indicator-border-width",
"--spectrum-menu-item-focus-indicator-color",
"--spectrum-menu-item-focus-indicator-color-default",
"--spectrum-menu-item-focus-indicator-direction-scalar",
"--spectrum-menu-item-focus-indicator-offset",
"--spectrum-menu-item-focus-indicator-outline-style",
"--spectrum-menu-item-focus-indicator-shadow",
"--spectrum-menu-item-focus-indicator-width",
"--spectrum-menu-item-focus-margin",
"--spectrum-menu-item-icon-height",
"--spectrum-menu-item-icon-width",
"--spectrum-menu-item-label-content-color-default",
Expand All @@ -282,17 +302,25 @@
"--spectrum-menu-item-label-line-height-cjk",
"--spectrum-menu-item-label-text-to-visual",
"--spectrum-menu-item-label-to-description",
"--spectrum-menu-item-label-to-description-spacing",
"--spectrum-menu-item-label-to-description-extra-large",
"--spectrum-menu-item-label-to-description-large",
"--spectrum-menu-item-label-to-description-medium",
"--spectrum-menu-item-label-to-description-small",
"--spectrum-menu-item-label-to-value-area-min-spacing",
"--spectrum-menu-item-linkout-icon-height",
"--spectrum-menu-item-linkout-icon-width",
"--spectrum-menu-item-min-height",
"--spectrum-menu-item-section-divider-height",
"--spectrum-menu-item-selectable-edge-to-text-not-selected",
"--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large",
"--spectrum-menu-item-selectable-edge-to-text-not-selected-large",
"--spectrum-menu-item-selectable-edge-to-text-not-selected-medium",
"--spectrum-menu-item-selectable-edge-to-text-not-selected-small",
"--spectrum-menu-item-spacing-multiplier",
"--spectrum-menu-item-text-to-control",
"--spectrum-menu-item-thumbnail-height",
"--spectrum-menu-item-thumbnail-opacity-disabled",
"--spectrum-menu-item-thumbnail-to-label",
"--spectrum-menu-item-thumbnail-width",
"--spectrum-menu-item-top-edge-to-text",
"--spectrum-menu-item-top-to-action",
"--spectrum-menu-item-top-to-checkbox",
Expand All @@ -301,24 +329,46 @@
"--spectrum-menu-item-top-to-selected-icon-large",
"--spectrum-menu-item-top-to-selected-icon-medium",
"--spectrum-menu-item-top-to-selected-icon-small",
"--spectrum-menu-item-top-to-thumbnail",
"--spectrum-menu-item-top-to-thumbnail-extra-large",
"--spectrum-menu-item-top-to-thumbnail-large",
"--spectrum-menu-item-top-to-thumbnail-medium",
"--spectrum-menu-item-top-to-thumbnail-small",
"--spectrum-menu-item-top-to-workflow-icon",
"--spectrum-menu-item-value-color-default",
"--spectrum-menu-item-value-color-down",
"--spectrum-menu-item-value-color-focus",
"--spectrum-menu-item-value-color-hover",
"--spectrum-menu-section-description-color",
"--spectrum-menu-section-description-font-size",
"--spectrum-menu-section-description-font-weight",
"--spectrum-menu-section-description-line-height",
"--spectrum-menu-section-description-line-height-cjk",
"--spectrum-menu-section-header-color",
"--spectrum-menu-section-header-font-size",
"--spectrum-menu-section-header-font-weight",
"--spectrum-menu-section-header-line-height",
"--spectrum-menu-section-header-line-height-cjk",
"--spectrum-menu-section-header-min-width"
"--spectrum-menu-section-header-min-width",
"--spectrum-menu-section-header-to-description",
"--spectrum-menu-section-header-to-description-extra-large",
"--spectrum-menu-section-header-to-description-large",
"--spectrum-menu-section-header-to-description-medium",
"--spectrum-menu-section-header-to-description-small"
],
"global": [
"--spectrum-accent-color-1000",
"--spectrum-accent-color-1100",
"--spectrum-accent-color-900",
"--spectrum-blue-800",
"--spectrum-bold-font-weight",
"--spectrum-border-width-200",
"--spectrum-checkmark-icon-size-100",
"--spectrum-checkmark-icon-size-200",
"--spectrum-checkmark-icon-size-300",
"--spectrum-checkmark-icon-size-75",
"--spectrum-chevron-icon-size-100",
"--spectrum-chevron-icon-size-200",
"--spectrum-chevron-icon-size-300",
"--spectrum-chevron-icon-size-75",
"--spectrum-cjk-line-height-100",
"--spectrum-component-bottom-to-text-100",
"--spectrum-component-bottom-to-text-200",
Expand All @@ -332,24 +382,38 @@
"--spectrum-component-height-200",
"--spectrum-component-height-300",
"--spectrum-component-height-75",
"--spectrum-component-size-difference-down",
"--spectrum-component-size-width-ratio-down",
"--spectrum-component-top-to-text-100",
"--spectrum-component-top-to-text-200",
"--spectrum-component-top-to-text-300",
"--spectrum-component-top-to-text-75",
"--spectrum-corner-radius-100",
"--spectrum-component-top-to-workflow-icon-100",
"--spectrum-component-top-to-workflow-icon-200",
"--spectrum-component-top-to-workflow-icon-300",
"--spectrum-component-top-to-workflow-icon-75",
"--spectrum-corner-radius-400",
"--spectrum-corner-radius-500",
"--spectrum-corner-radius-600",
"--spectrum-corner-radius-700",
"--spectrum-disabled-content-color",
"--spectrum-divider-thickness-medium",
"--spectrum-divider-thickness-small",
"--spectrum-downstate-height",
"--spectrum-downstate-width",
"--spectrum-focus-indicator-color",
"--spectrum-focus-indicator-gap",
"--spectrum-focus-indicator-thickness",
"--spectrum-font-size-100",
"--spectrum-font-size-200",
"--spectrum-font-size-300",
"--spectrum-font-size-50",
"--spectrum-font-size-75",
"--spectrum-gray-1000-rgb",
"--spectrum-gray-900",
"--spectrum-line-height-100",
"--spectrum-link-out-icon-size-100",
"--spectrum-link-out-icon-size-200",
"--spectrum-link-out-icon-size-75",
"--spectrum-navigational-indicator-top-to-back-icon-extra-large",
"--spectrum-navigational-indicator-top-to-back-icon-large",
"--spectrum-navigational-indicator-top-to-back-icon-medium",
Expand All @@ -362,6 +426,7 @@
"--spectrum-neutral-subdued-content-color-down",
"--spectrum-neutral-subdued-content-color-hover",
"--spectrum-neutral-subdued-content-color-key-focus",
"--spectrum-regular-font-weight",
"--spectrum-spacing-100",
"--spectrum-spacing-50",
"--spectrum-text-to-control-100",
Expand All @@ -371,8 +436,12 @@
"--spectrum-text-to-visual-100",
"--spectrum-text-to-visual-200",
"--spectrum-text-to-visual-300",
"--spectrum-text-to-visual-400",
"--spectrum-text-to-visual-75",
"--spectrum-transparent-black-200-opacity",
"--spectrum-thumbnail-size-500",
"--spectrum-thumbnail-size-700",
"--spectrum-thumbnail-size-800",
"--spectrum-thumbnail-size-900",
"--spectrum-workflow-icon-size-100",
"--spectrum-workflow-icon-size-200",
"--spectrum-workflow-icon-size-300",
Expand Down
Loading
Loading