Skip to content

Commit 01cd075

Browse files
jawinncastastrophe
jawinn
authored and
castastrophe
committed
fix(commons): remove renamed mods marked for deprecation (#2580)
* fix(commons): remove renamed mods marked for deprecation Remove mods that were renamed and previously marked for deprecation, and regenerate mods lists. This will help in reviewing the accuracy of other components' mods lists as they are being migrated to s2. * docs: migration guide notes for mod property deprecations Add notes to components affected by mod property changes in the commons basebutton. * docs(closebutton): updated docs for migration guide and icon size - Removes the "Icon size" variant options, as noted in the closebutton PR. Per Figma changelog "removed icon size as a property". - Updates migration guide with a more organized history. * fix(commons): remove another mod referencing global token Deprecates an additional mod name that was referencing a global token, and updates migration notes for all affected components.
1 parent 3adf4d8 commit 01cd075

File tree

123 files changed

+459
-371
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

123 files changed

+459
-371
lines changed

‎components/accordion/dist/metadata.json

+1
Original file line numberDiff line numberDiff line change
@@ -159,6 +159,7 @@
159159
"--spectrum-background-opacity-down",
160160
"--spectrum-background-opacity-hover",
161161
"--spectrum-background-opacity-key-focus",
162+
"--spectrum-body-color",
162163
"--spectrum-body-sans-serif-font-style",
163164
"--spectrum-body-sans-serif-font-weight",
164165
"--spectrum-body-size-l",

‎components/accordion/index.css

+17-17
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@
1212
*/
1313

1414
.spectrum-Accordion {
15-
--spectrum-accordion-divider-color: var(--spectrum-gray-200);
16-
--spectrum-accordion-item-content-disabled-color: var(--spectrum-disabled-content-color);
17-
--spectrum-accordion-item-content-color: var(--spectrum-body-color);
15+
--spectrum-accordion-divider-color: var(--mod-accordion-divider-color, var(--spectrum-gray-200));
16+
--spectrum-accordion-item-content-disabled-color: var(--mod-accordion-item-content-disabled-color, var(--spectrum-disabled-content-color));
17+
--spectrum-accordion-item-content-color: var(--mod-accordion-item-content-color, var(--spectrum-body-color));
1818

19-
--spectrum-accordion-item-height: var(--spectrum-component-height-200);
19+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-200));
2020
--spectrum-accordion-item-width: var(--spectrum-accordion-minimum-width);
2121
--spectrum-accordion-disclosure-indicator-height: var(--spectrum-component-height-100);
2222
--spectrum-accordion-disclosure-indicator-to-text-space: var(--spectrum-accordion-disclosure-indicator-to-text);
@@ -63,7 +63,7 @@
6363
--spectrum-accordion-focus-indicator-color: var(--spectrum-focus-indicator-color);
6464

6565
--spectrum-accordion-min-block-size: max(
66-
var(--mod-accordion-item-height, var(--spectrum-accordion-item-height)),
66+
var(--spectrum-accordion-item-height),
6767
calc(var(--mod-accordion-item-header-top-to-text-space, var(--spectrum-accordion-item-header-top-to-text-space)) + var(--mod-accordion-item-header-bottom-to-text-space, var(--spectrum-accordion-item-header-bottom-to-text-space)) + (var(--mod-accordion-item-header-font-size, var(--spectrum-accordion-item-header-font-size)) * var(--mod-accordion-item-header-line-height, var(--spectrum-accordion-item-header-line-height))))
6868
);
6969

@@ -80,24 +80,24 @@
8080
}
8181

8282
.spectrum-Accordion--compact {
83-
--spectrum-accordion-item-height: var(--spectrum-component-height-100);
83+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-100));
8484
--spectrum-accordion-item-header-top-to-text-space: var(--spectrum-accordion-top-to-text-compact-medium);
8585
--spectrum-accordion-item-header-bottom-to-text-space: var(--spectrum-accordion-bottom-to-text-compact-medium);
8686

8787
&.spectrum-Accordion--sizeS {
88-
--spectrum-accordion-item-height: var(--spectrum-component-height-75);
88+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-75));
8989
--spectrum-accordion-item-header-top-to-text-space: var(--spectrum-accordion-top-to-text-compact-small);
9090
--spectrum-accordion-item-header-bottom-to-text-space: var(--spectrum-accordion-bottom-to-text-compact-small);
9191
}
9292

9393
&.spectrum-Accordion--sizeL {
94-
--spectrum-accordion-item-height: var(--spectrum-component-height-200);
94+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-200));
9595
--spectrum-accordion-item-header-top-to-text-space: var(--spectrum-accordion-top-to-text-compact-large);
9696
--spectrum-accordion-item-header-bottom-to-text-space: var(--spectrum-accordion-bottom-to-text-compact-large);
9797
}
9898

9999
&.spectrum-Accordion--sizeXL {
100-
--spectrum-accordion-item-height: var(--spectrum-component-height-300);
100+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-300));
101101
--spectrum-accordion-item-header-top-to-text-space: var(--spectrum-accordion-top-to-text-compact-extra-large);
102102
--spectrum-accordion-item-header-bottom-to-text-space: var(--spectrum-accordion-bottom-to-text-compact-extra-large);
103103
}
@@ -128,7 +128,7 @@
128128
}
129129

130130
.spectrum-Accordion--sizeS {
131-
--spectrum-accordion-item-height: var(--spectrum-component-height-100);
131+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-100));
132132
--spectrum-accordion-disclosure-indicator-height: var(--spectrum-component-height-75);
133133
--spectrum-accordion-component-edge-to-text: var(--spectrum-component-edge-to-text-50);
134134
--spectrum-accordion-item-header-font-size: var(--spectrum-font-size-200);
@@ -138,7 +138,7 @@
138138
}
139139

140140
.spectrum-Accordion--sizeL {
141-
--spectrum-accordion-item-height: var(--spectrum-component-height-300);
141+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-300));
142142
--spectrum-accordion-disclosure-indicator-height: var(--spectrum-component-height-200);
143143
--spectrum-accordion-component-edge-to-text: var(--spectrum-component-edge-to-text-100);
144144
--spectrum-accordion-item-header-font-size: var(--spectrum-font-size-500);
@@ -148,7 +148,7 @@
148148
}
149149

150150
.spectrum-Accordion--sizeXL {
151-
--spectrum-accordion-item-height: var(--spectrum-component-height-400);
151+
--spectrum-accordion-item-height: var(--mod-accordion-item-height, var(--spectrum-component-height-400));
152152
--spectrum-accordion-disclosure-indicator-height: var(--spectrum-component-height-300);
153153
--spectrum-accordion-component-edge-to-text: var(--spectrum-component-edge-to-text-200);
154154
--spectrum-accordion-item-header-font-size: var(--spectrum-font-size-700);
@@ -170,17 +170,17 @@
170170

171171
margin: 0;
172172

173-
min-block-size: var(--mod-accordion-item-height, var(--spectrum-accordion-item-height));
173+
min-block-size: var(--spectrum-accordion-item-height);
174174
min-inline-size: var(--mod-accordion-item-width, var(--spectrum-accordion-item-width));
175175

176176
&:first-child {
177177
border-block-start: 1px solid transparent;
178-
border-color: var(--mod-accordion-divider-color, var(--spectrum-accordion-divider-color));
178+
border-color: var(--spectrum-accordion-divider-color);
179179
border-width: var(--mod-accordion-divider-thickness, var(--spectrum-divider-thickness-small));
180180
}
181181

182182
border-block-end: 1px solid transparent;
183-
border-color: var(--mod-accordion-divider-color, var(--spectrum-accordion-divider-color));
183+
border-color: var(--spectrum-accordion-divider-color);
184184
border-width: var(--mod-accordion-divider-thickness, var(--spectrum-divider-thickness-small));
185185
}
186186

@@ -210,7 +210,7 @@
210210
padding-block: var(--mod-accordion-item-content-area-top-to-content, var(--spectrum-accordion-item-content-area-top-to-content)) var(--mod-accordion-item-content-area-bottom-to-content, var(--spectrum-accordion-item-content-area-bottom-to-content));
211211
padding-inline: var(--mod-accordion-component-edge-to-text, var(--spectrum-accordion-component-edge-to-text)) var(--mod-accordion-component-edge-to-text, var(--spectrum-accordion-component-edge-to-text));
212212
display: none;
213-
color: var(--mod-accordion-item-content-color, var(--spectrum-accordion-item-content-color));
213+
color: var(--spectrum-accordion-item-content-color);
214214
font-weight: var(--mod-accordion-item-content-font-weight, var(--spectrum-accordion-item-content-font-weight));
215215
font-style: var(--mod-accordion-item-content-font-style, var(--spectrum-accordion-item-content-font-style));
216216
font-size: var(--mod-accordion-item-content-font-size, var(--spectrum-accordion-item-content-font-size));
@@ -305,7 +305,7 @@
305305
}
306306

307307
.spectrum-Accordion-itemContent {
308-
color: var(--mod-accordion-item-content-disabled-color, var(--spectrum-accordion-item-content-disabled-color));
308+
color: var(--spectrum-accordion-item-content-disabled-color);
309309
}
310310
}
311311

‎components/accordion/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
"main": "dist/index.css",
2727
"peerDependencies": {
2828
"@spectrum-css/icon": ">=7",
29-
"@spectrum-css/tokens": ">=14 || >=15"
29+
"@spectrum-css/tokens": ">=16"
3030
},
3131
"devDependencies": {
3232
"@spectrum-css/icon": "9.0.1",

‎components/actionbar/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
"@spectrum-css/closebutton": ">=5",
3030
"@spectrum-css/fieldlabel": ">=8",
3131
"@spectrum-css/popover": ">=7",
32-
"@spectrum-css/tokens": ">=14 || >=15"
32+
"@spectrum-css/tokens": ">=16"
3333
},
3434
"devDependencies": {
3535
"@spectrum-css/actiongroup": "6.0.1",

‎components/actionbutton/dist/metadata.json

+59-34
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,12 @@
1717
".spectrum-ActionButton.is-selected .spectrum-ActionButton-hold",
1818
".spectrum-ActionButton.is-selected .spectrum-ActionButton-icon",
1919
".spectrum-ActionButton.is-selected .spectrum-ActionButton-label",
20-
".spectrum-ActionButton.is-selected.spectrum-ActionButton--emphasized",
20+
".spectrum-ActionButton.spectrum-ActionButton--emphasized:not(.spectrum-ActionButton--staticBlack, .spectrum-ActionButton--staticWhite)",
21+
".spectrum-ActionButton.spectrum-ActionButton--quiet",
22+
".spectrum-ActionButton.spectrum-ActionButton--staticBlack",
23+
".spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet",
24+
".spectrum-ActionButton.spectrum-ActionButton--staticWhite",
25+
".spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet",
2126
".spectrum-ActionButton::-moz-focus-inner",
2227
".spectrum-ActionButton:active",
2328
".spectrum-ActionButton:after",
@@ -78,47 +83,54 @@
7883
"--mod-actionbutton-icon-size",
7984
"--mod-actionbutton-label-color",
8085
"--mod-actionbutton-min-width",
81-
"--mod-actionbutton-text-to-visual",
82-
"--mod-animation-duration-100",
83-
"--mod-line-height-100",
84-
"--mod-sans-font-family-stack"
86+
"--mod-actionbutton-static-content-color",
87+
"--mod-actionbutton-text-to-visual"
8588
],
8689
"component": [
8790
"--spectrum-action-button-edge-to-hold-icon-extra-large",
8891
"--spectrum-action-button-edge-to-hold-icon-extra-small",
8992
"--spectrum-action-button-edge-to-hold-icon-large",
9093
"--spectrum-action-button-edge-to-hold-icon-medium",
9194
"--spectrum-action-button-edge-to-hold-icon-small",
92-
"--spectrum-actionbutton-animation-duration",
95+
"--spectrum-actionbutton-background-color",
9396
"--spectrum-actionbutton-background-color-default",
9497
"--spectrum-actionbutton-background-color-disabled",
9598
"--spectrum-actionbutton-background-color-down",
9699
"--spectrum-actionbutton-background-color-focus",
97100
"--spectrum-actionbutton-background-color-hover",
101+
"--spectrum-actionbutton-background-color-selected",
102+
"--spectrum-actionbutton-background-color-selected-disabled",
103+
"--spectrum-actionbutton-background-color-selected-down",
104+
"--spectrum-actionbutton-background-color-selected-focus",
105+
"--spectrum-actionbutton-background-color-selected-hover",
106+
"--spectrum-actionbutton-border-color",
98107
"--spectrum-actionbutton-border-color-default",
99108
"--spectrum-actionbutton-border-color-disabled",
100109
"--spectrum-actionbutton-border-color-down",
101110
"--spectrum-actionbutton-border-color-focus",
102111
"--spectrum-actionbutton-border-color-hover",
103112
"--spectrum-actionbutton-border-radius",
104113
"--spectrum-actionbutton-border-width",
105-
"--spectrum-actionbutton-content-color-default",
106-
"--spectrum-actionbutton-content-color-disabled",
107-
"--spectrum-actionbutton-content-color-down",
108-
"--spectrum-actionbutton-content-color-focus",
109-
"--spectrum-actionbutton-content-color-hover",
114+
"--spectrum-actionbutton-content-color",
115+
"--spectrum-actionbutton-content-color-selected",
110116
"--spectrum-actionbutton-edge-to-hold-icon",
111117
"--spectrum-actionbutton-edge-to-text",
112118
"--spectrum-actionbutton-edge-to-visual",
113119
"--spectrum-actionbutton-edge-to-visual-only",
114-
"--spectrum-actionbutton-focus-indicator-border-radius",
115120
"--spectrum-actionbutton-focus-indicator-color",
116121
"--spectrum-actionbutton-focus-indicator-gap",
117122
"--spectrum-actionbutton-focus-indicator-thickness",
118123
"--spectrum-actionbutton-font-size",
119124
"--spectrum-actionbutton-height",
120125
"--spectrum-actionbutton-icon-size",
121-
"--spectrum-actionbutton-min-width",
126+
"--spectrum-actionbutton-sized-edge-to-hold-icon",
127+
"--spectrum-actionbutton-sized-edge-to-text",
128+
"--spectrum-actionbutton-sized-edge-to-visual",
129+
"--spectrum-actionbutton-sized-edge-to-visual-only",
130+
"--spectrum-actionbutton-sized-font-size",
131+
"--spectrum-actionbutton-sized-height",
132+
"--spectrum-actionbutton-sized-icon-size",
133+
"--spectrum-actionbutton-sized-text-to-visual",
122134
"--spectrum-actionbutton-text-to-visual"
123135
],
124136
"global": [
@@ -127,6 +139,7 @@
127139
"--spectrum-accent-background-color-hover",
128140
"--spectrum-accent-background-color-key-focus",
129141
"--spectrum-animation-duration-100",
142+
"--spectrum-black",
130143
"--spectrum-border-width-100",
131144
"--spectrum-component-edge-to-text-100",
132145
"--spectrum-component-edge-to-text-200",
@@ -148,11 +161,13 @@
148161
"--spectrum-component-height-300",
149162
"--spectrum-component-height-50",
150163
"--spectrum-component-height-75",
151-
"--spectrum-corner-radius-medium-size-extra-large",
152-
"--spectrum-corner-radius-medium-size-extra-small",
153-
"--spectrum-corner-radius-medium-size-large",
154-
"--spectrum-corner-radius-medium-size-medium",
155-
"--spectrum-corner-radius-medium-size-small",
164+
"--spectrum-corner-radius-100",
165+
"--spectrum-disabled-border-color",
166+
"--spectrum-disabled-content-color",
167+
"--spectrum-disabled-static-black-border-color",
168+
"--spectrum-disabled-static-black-content-color",
169+
"--spectrum-disabled-static-white-border-color",
170+
"--spectrum-disabled-static-white-content-color",
156171
"--spectrum-focus-indicator-color",
157172
"--spectrum-focus-indicator-gap",
158173
"--spectrum-focus-indicator-thickness",
@@ -161,7 +176,12 @@
161176
"--spectrum-font-size-300",
162177
"--spectrum-font-size-50",
163178
"--spectrum-font-size-75",
164-
"--spectrum-gray-25",
179+
"--spectrum-gray-100",
180+
"--spectrum-gray-200",
181+
"--spectrum-gray-400",
182+
"--spectrum-gray-50",
183+
"--spectrum-gray-500",
184+
"--spectrum-gray-600",
165185
"--spectrum-line-height-100",
166186
"--spectrum-logical-rotation",
167187
"--spectrum-neutral-background-color-selected-default",
@@ -173,11 +193,28 @@
173193
"--spectrum-neutral-content-color-hover",
174194
"--spectrum-neutral-content-color-key-focus",
175195
"--spectrum-sans-font-family-stack",
196+
"--spectrum-static-black-focus-indicator-color",
197+
"--spectrum-static-white-focus-indicator-color",
176198
"--spectrum-text-to-visual-100",
177199
"--spectrum-text-to-visual-200",
178200
"--spectrum-text-to-visual-300",
179201
"--spectrum-text-to-visual-50",
180202
"--spectrum-text-to-visual-75",
203+
"--spectrum-transparent-black-100",
204+
"--spectrum-transparent-black-200",
205+
"--spectrum-transparent-black-400",
206+
"--spectrum-transparent-black-500",
207+
"--spectrum-transparent-black-600",
208+
"--spectrum-transparent-black-700",
209+
"--spectrum-transparent-black-800",
210+
"--spectrum-transparent-black-900",
211+
"--spectrum-transparent-white-200",
212+
"--spectrum-transparent-white-400",
213+
"--spectrum-transparent-white-500",
214+
"--spectrum-transparent-white-600",
215+
"--spectrum-transparent-white-700",
216+
"--spectrum-transparent-white-800",
217+
"--spectrum-transparent-white-900",
181218
"--spectrum-white",
182219
"--spectrum-workflow-icon-size-100",
183220
"--spectrum-workflow-icon-size-200",
@@ -192,21 +229,9 @@
192229
"--mod-button-line-height"
193230
],
194231
"high-contrast": [
195-
"--highcontrast-actionbutton-background-color-default",
196-
"--highcontrast-actionbutton-background-color-disabled",
197-
"--highcontrast-actionbutton-background-color-down",
198-
"--highcontrast-actionbutton-background-color-focus",
199-
"--highcontrast-actionbutton-background-color-hover",
200-
"--highcontrast-actionbutton-border-color-default",
201-
"--highcontrast-actionbutton-border-color-disabled",
202-
"--highcontrast-actionbutton-border-color-down",
203-
"--highcontrast-actionbutton-border-color-focus",
204-
"--highcontrast-actionbutton-border-color-hover",
205-
"--highcontrast-actionbutton-content-color-default",
206-
"--highcontrast-actionbutton-content-color-disabled",
207-
"--highcontrast-actionbutton-content-color-down",
208-
"--highcontrast-actionbutton-content-color-focus",
209-
"--highcontrast-actionbutton-content-color-hover",
232+
"--highcontrast-actionbutton-background-color",
233+
"--highcontrast-actionbutton-border-color",
234+
"--highcontrast-actionbutton-content-color",
210235
"--highcontrast-actionbutton-focus-indicator-color"
211236
]
212237
}

‎components/actionbutton/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -26,15 +26,15 @@
2626
"main": "dist/index.css",
2727
"peerDependencies": {
2828
"@spectrum-css/icon": ">=7",
29-
"@spectrum-css/tokens": ">=14 || >=15"
29+
"@spectrum-css/tokens": ">=16"
3030
},
3131
"peerDependenciesMeta": {
3232
"@spectrum-css/icon": {
3333
"optional": true
3434
}
3535
},
3636
"devDependencies": {
37-
"@spectrum-css/commons": "workspace:^",
37+
"@spectrum-css/commons": "^11.0.0",
3838
"@spectrum-css/icon": "9.0.1",
3939
"@spectrum-css/tokens": "16.0.0",
4040
"eslint": "^8.57.0",

‎components/actiongroup/dist/metadata.json

+11-1
Original file line numberDiff line numberDiff line change
@@ -7,40 +7,50 @@
77
".spectrum-ActionGroup--compact",
88
".spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet)",
99
".spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item",
10+
".spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item",
1011
".spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child",
1112
".spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child",
1213
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet)",
1314
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item",
15+
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item",
1416
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item .spectrum-ActionButton-label",
1517
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item.is-selected",
1618
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child",
1719
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:focus-visible",
1820
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:hover",
1921
".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child",
2022
".spectrum-ActionGroup--justified .spectrum-ActionGroup-item",
23+
".spectrum-ActionGroup--sizeL",
24+
".spectrum-ActionGroup--sizeM",
2125
".spectrum-ActionGroup--sizeS",
26+
".spectrum-ActionGroup--sizeXL",
2227
".spectrum-ActionGroup--sizeXS",
2328
".spectrum-ActionGroup--vertical",
2429
".spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical, .spectrum-ActionGroup--compact) .spectrum-ActionGroup-item"
2530
],
2631
"modifiers": [
2732
"--mod-actiongroup-border-radius",
2833
"--mod-actiongroup-border-radius-reset",
34+
"--mod-actiongroup-button-spacing-reset",
2935
"--mod-actiongroup-gap-size-compact",
36+
"--mod-actiongroup-horizontal-spacing-compact",
3037
"--mod-actiongroup-horizontal-spacing-regular",
38+
"--mod-actiongroup-vertical-spacing-compact",
3139
"--mod-actiongroup-vertical-spacing-regular"
3240
],
3341
"component": [
3442
"--spectrum-actiongroup-border-radius",
3543
"--spectrum-actiongroup-border-radius-reset",
44+
"--spectrum-actiongroup-button-spacing-reset",
3645
"--spectrum-actiongroup-gap-size-compact",
46+
"--spectrum-actiongroup-horizontal-spacing-compact",
3747
"--spectrum-actiongroup-horizontal-spacing-regular",
48+
"--spectrum-actiongroup-vertical-spacing-compact",
3849
"--spectrum-actiongroup-vertical-spacing-regular"
3950
],
4051
"global": [
4152
"--spectrum-corner-radius-100",
4253
"--spectrum-spacing-100",
43-
"--spectrum-spacing-50",
4454
"--spectrum-spacing-75"
4555
],
4656
"system-theme": [],

0 commit comments

Comments
 (0)