@spectrum-web-components/styles 1.4.1-beta.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/express/spectrum-scale-large.css +0 -3
  2. package/express/spectrum-scale-medium.css +0 -1
  3. package/package.json +3 -3
  4. package/spectrum-scale-large.css +0 -3
  5. package/spectrum-scale-medium.css +0 -1
  6. package/spectrum-two/spectrum-scale-large.css +0 -3
  7. package/spectrum-two/spectrum-scale-medium.css +0 -1
  8. package/src/spectrum-body.css +40 -152
  9. package/src/spectrum-code.css +20 -80
  10. package/src/spectrum-detail.css +63 -244
  11. package/src/spectrum-heading.css +100 -360
  12. package/src/spectrum-lang.css +77 -290
  13. package/src/spectrum-typography.css +5 -20
  14. package/tokens/express/system-theme-bridge.css +125 -1783
  15. package/tokens/spectrum/system-theme-bridge.css +125 -1783
  16. package/tokens-v2/system-theme-bridge.css +202 -1847
package/tokens-v2/system-theme-bridge.css CHANGED
@@ -1,296 +1,12 @@
1
1
  :host,
2
2
  :root {
3
- --system-accordion-item-width: var(--spectrum-accordion-minimum-width);
4
- --system-accordion-disclosure-indicator-to-text-space: var(
5
- --spectrum-accordion-disclosure-indicator-to-text
6
- );
7
- --system-accordion-edge-to-disclosure-indicator-space: var(
8
- --spectrum-accordion-edge-to-disclosure-indicator
9
- );
10
- --system-accordion-edge-to-text-space: var(
11
- --spectrum-accordion-edge-to-text
12
- );
13
- --system-accordion-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
14
- --system-accordion-focus-indicator-thickness: var(
15
- --spectrum-focus-indicator-thickness
16
- );
17
- --system-accordion-corner-radius: var(--spectrum-corner-radius-100);
18
- --system-accordion-item-content-area-top-to-content: var(
19
- --spectrum-accordion-content-area-top-to-content
20
- );
21
- --system-accordion-item-content-area-bottom-to-content: var(
22
- --spectrum-accordion-content-area-bottom-to-content
23
- );
24
- --system-accordion-item-header-font: var(--spectrum-sans-font-family-stack);
25
- --system-accordion-item-header-font-weight: var(
26
- --spectrum-bold-font-weight
27
- );
28
- --system-accordion-item-header-font-style: var(
29
- --spectrum-default-font-style
30
- );
31
- --system-accordion-item-header-line-height: 1.25;
32
- --system-accordion-item-content-font: var(
33
- --spectrum-sans-font-family-stack
34
- );
35
- --system-accordion-item-content-font-weight: var(
36
- --spectrum-body-sans-serif-font-weight
37
- );
38
- --system-accordion-item-content-font-style: var(
39
- --spectrum-body-sans-serif-font-style
40
- );
41
- --system-accordion-item-content-line-height: var(
42
- --spectrum-line-height-100
43
- );
44
- --system-accordion-background-color-default: rgba(
45
- var(--spectrum-gray-900-rgb),
46
- var(--spectrum-background-opacity-default)
47
- );
48
- --system-accordion-background-color-hover: rgba(
49
- var(--spectrum-gray-900-rgb),
50
- var(--spectrum-background-opacity-hover)
51
- );
52
- --system-accordion-background-color-down: rgba(
53
- var(--spectrum-gray-900-rgb),
54
- var(--spectrum-background-opacity-down)
55
- );
56
- --system-accordion-background-color-key-focus: rgba(
57
- var(--spectrum-gray-900-rgb),
58
- var(--spectrum-background-opacity-key-focus)
59
- );
60
- --system-accordion-item-header-color-default: var(
61
- --spectrum-neutral-content-color-default
62
- );
63
- --system-accordion-item-header-color-hover: var(
64
- --spectrum-neutral-content-color-hover
65
- );
66
- --system-accordion-item-header-color-down: var(
67
- --spectrum-neutral-content-color-down
68
- );
69
- --system-accordion-item-header-color-key-focus: var(
70
- --spectrum-neutral-content-color-key-focus
71
- );
72
- --system-accordion-item-header-disabled-color: var(
73
- --spectrum-disabled-content-color
74
- );
3
+ --system-accordion-divider-color: var(--spectrum-gray-200);
75
4
  --system-accordion-item-content-disabled-color: var(
76
5
  --spectrum-disabled-content-color
77
6
  );
78
7
  --system-accordion-item-content-color: var(--spectrum-body-color);
79
- --system-accordion-focus-indicator-color: var(
80
- --spectrum-focus-indicator-color
81
- );
82
- --system-accordion-divider-color: var(--spectrum-gray-200);
83
- --system-accordion-item-header-line-height-cjk: var(
84
- --spectrum-cjk-line-height-100
85
- );
86
- --system-accordion-item-content-line-height-cjk: var(
87
- --spectrum-cjk-line-height-100
88
- );
89
- --system-accordion-size-s-item-height: var(--spectrum-component-height-100);
90
- --system-accordion-size-s-disclosure-indicator-height: var(
91
- --spectrum-component-height-75
92
- );
93
- --system-accordion-size-s-component-edge-to-text: var(
94
- --spectrum-component-edge-to-text-50
95
- );
96
- --system-accordion-size-s-item-header-font-size: var(
97
- --spectrum-font-size-200
98
- );
99
- --system-accordion-size-s-item-content-font-size: var(
100
- --spectrum-body-size-xs
101
- );
102
- --system-accordion-size-s-item-header-top-to-text-space: var(
103
- --spectrum-accordion-top-to-text-regular-small
104
- );
105
- --system-accordion-size-s-item-header-bottom-to-text-space: var(
106
- --spectrum-accordion-bottom-to-text-regular-small
107
- );
108
- --system-accordion-item-height: var(--spectrum-component-height-200);
109
- --system-accordion-size-m-item-height: var(--spectrum-component-height-200);
110
- --system-accordion-disclosure-indicator-height: var(
111
- --spectrum-component-height-100
112
- );
113
- --system-accordion-size-m-disclosure-indicator-height: var(
114
- --spectrum-component-height-100
115
- );
116
- --system-accordion-component-edge-to-text: var(
117
- --spectrum-component-edge-to-text-75
118
- );
119
- --system-accordion-size-m-component-edge-to-text: var(
120
- --spectrum-component-edge-to-text-75
121
- );
122
- --system-accordion-item-header-font-size: var(--spectrum-font-size-300);
123
- --system-accordion-size-m-item-header-font-size: var(
124
- --spectrum-font-size-300
125
- );
126
- --system-accordion-item-content-font-size: var(--spectrum-body-size-s);
127
- --system-accordion-size-m-item-content-font-size: var(
128
- --spectrum-body-size-s
129
- );
130
- --system-accordion-item-header-top-to-text-space: var(
131
- --spectrum-accordion-top-to-text-regular-medium
132
- );
133
- --system-accordion-size-m-item-header-top-to-text-space: var(
134
- --spectrum-accordion-top-to-text-regular-medium
135
- );
136
- --system-accordion-item-header-bottom-to-text-space: var(
137
- --spectrum-accordion-bottom-to-text-regular-medium
138
- );
139
- --system-accordion-size-m-item-header-bottom-to-text-space: var(
140
- --spectrum-accordion-bottom-to-text-regular-medium
141
- );
142
- --system-accordion-size-l-item-height: var(--spectrum-component-height-300);
143
- --system-accordion-size-l-disclosure-indicator-height: var(
144
- --spectrum-component-height-200
145
- );
146
- --system-accordion-size-l-component-edge-to-text: var(
147
- --spectrum-component-edge-to-text-100
148
- );
149
- --system-accordion-size-l-item-header-font-size: var(
150
- --spectrum-font-size-500
151
- );
152
- --system-accordion-size-l-item-content-font-size: var(
153
- --spectrum-body-size-m
154
- );
155
- --system-accordion-size-l-item-header-top-to-text-space: var(
156
- --spectrum-accordion-top-to-text-regular-large
157
- );
158
- --system-accordion-size-l-item-header-bottom-to-text-space: var(
159
- --spectrum-accordion-bottom-to-text-regular-large
160
- );
161
- --system-accordion-size-xl-item-height: var(
162
- --spectrum-component-height-400
163
- );
164
- --system-accordion-size-xl-disclosure-indicator-height: var(
165
- --spectrum-component-height-300
166
- );
167
- --system-accordion-size-xl-component-edge-to-text: var(
168
- --spectrum-component-edge-to-text-200
169
- );
170
- --system-accordion-size-xl-item-header-font-size: var(
171
- --spectrum-font-size-700
172
- );
173
- --system-accordion-size-xl-item-content-font-size: var(
174
- --spectrum-body-size-l
175
- );
176
- --system-accordion-size-xl-item-header-top-to-text-space: var(
177
- --spectrum-accordion-top-to-text-regular-extra-large
178
- );
179
- --system-accordion-size-xl-item-header-bottom-to-text-space: var(
180
- --spectrum-accordion-bottom-to-text-regular-extra-large
181
- );
182
- --system-accordion-compact-size-s-item-height: var(
183
- --spectrum-component-height-75
184
- );
185
- --system-accordion-compact-size-s-item-header-top-to-text-space: var(
186
- --spectrum-accordion-top-to-text-compact-small
187
- );
188
- --system-accordion-compact-size-s-item-header-bottom-to-text-space: var(
189
- --spectrum-accordion-bottom-to-text-compact-small
190
- );
191
- --system-accordion-compact-item-height: var(
192
- --spectrum-component-height-100
193
- );
194
- --system-accordion-compact-size-m-item-height: var(
195
- --spectrum-component-height-100
196
- );
197
- --system-accordion-compact-item-header-top-to-text-space: var(
198
- --spectrum-accordion-top-to-text-compact-medium
199
- );
200
- --system-accordion-compact-size-m-item-header-top-to-text-space: var(
201
- --spectrum-accordion-top-to-text-compact-medium
202
- );
203
- --system-accordion-compact-item-header-bottom-to-text-space: var(
204
- --spectrum-accordion-bottom-to-text-compact-medium
205
- );
206
- --system-accordion-compact-size-m-item-header-bottom-to-text-space: var(
207
- --spectrum-accordion-bottom-to-text-compact-medium
208
- );
209
- --system-accordion-compact-size-l-item-height: var(
210
- --spectrum-component-height-200
211
- );
212
- --system-accordion-compact-size-l-item-header-top-to-text-space: var(
213
- --spectrum-accordion-top-to-text-compact-large
214
- );
215
- --system-accordion-compact-size-l-item-header-bottom-to-text-space: var(
216
- --spectrum-accordion-bottom-to-text-compact-large
217
- );
218
- --system-accordion-compact-size-xl-item-height: var(
219
- --spectrum-component-height-300
220
- );
221
- --system-accordion-compact-size-xl-item-header-top-to-text-space: var(
222
- --spectrum-accordion-top-to-text-compact-extra-large
223
- );
224
- --system-accordion-compact-size-xl-item-header-bottom-to-text-space: var(
225
- --spectrum-accordion-bottom-to-text-compact-extra-large
226
- );
227
- --system-accordion-spacious-size-s-item-header-line-height: 1.25;
228
- --system-accordion-spacious-size-s-item-header-top-to-text-space: var(
229
- --spectrum-accordion-small-top-to-text-spacious
230
- );
231
- --system-accordion-spacious-size-s-item-header-bottom-to-text-space: var(
232
- --spectrum-accordion-bottom-to-text-spacious-small
233
- );
234
- --system-accordion-spacious-item-header-line-height: 1.278;
235
- --system-accordion-spacious-size-m-item-header-line-height: 1.278;
236
- --system-accordion-spacious-item-header-top-to-text-space: var(
237
- --spectrum-accordion-top-to-text-spacious-medium
238
- );
239
- --system-accordion-spacious-size-m-item-header-top-to-text-space: var(
240
- --spectrum-accordion-top-to-text-spacious-medium
241
- );
242
- --system-accordion-spacious-item-header-bottom-to-text-space: var(
243
- --spectrum-accordion-bottom-to-text-spacious-medium
244
- );
245
- --system-accordion-spacious-size-m-item-header-bottom-to-text-space: var(
246
- --spectrum-accordion-bottom-to-text-spacious-medium
247
- );
248
- --system-accordion-spacious-size-l-item-header-line-height: 1.273;
249
- --system-accordion-spacious-size-l-item-header-top-to-text-space: var(
250
- --spectrum-accordion-top-to-text-spacious-large
251
- );
252
- --system-accordion-spacious-size-l-item-header-bottom-to-text-space: var(
253
- --spectrum-accordion-bottom-to-text-spacious-large
254
- );
255
- --system-accordion-spacious-size-xl-item-header-line-height: 1.25;
256
- --system-accordion-spacious-size-xl-item-header-top-to-text-space: var(
257
- --spectrum-accordion-top-to-text-spacious-extra-large
258
- );
259
- --system-accordion-spacious-size-xl-item-header-bottom-to-text-space: var(
260
- --spectrum-accordion-bottom-to-text-spacious-extra-large
261
- );
262
- --system-action-bar-height: var(--spectrum-action-bar-height);
263
- --system-action-bar-corner-radius: var(--spectrum-corner-radius-100);
264
- --system-action-bar-item-counter-font-size: var(--spectrum-font-size-100);
265
- --system-action-bar-item-counter-line-height: var(
266
- --spectrum-line-height-100
267
- );
268
- --system-action-bar-item-counter-color: var(
269
- --spectrum-neutral-content-color-default
270
- );
271
- --system-action-bar-item-counter-line-height-cjk: var(
272
- --spectrum-cjk-line-height-100
273
- );
274
8
  --system-action-bar-popover-background-color: var(--spectrum-gray-25);
275
9
  --system-action-bar-popover-border-color: var(--spectrum-gray-400);
276
- --system-action-bar-emphasized-background-color: var(
277
- --spectrum-informative-background-color-default
278
- );
279
- --system-action-bar-emphasized-item-counter-color: var(--spectrum-white);
280
- --system-action-bar-spacing-outer-edge: var(--spectrum-spacing-300);
281
- --system-action-bar-spacing-close-button-top: var(--spectrum-spacing-100);
282
- --system-action-bar-spacing-close-button-start: var(--spectrum-spacing-100);
283
- --system-action-bar-spacing-close-button-end: var(--spectrum-spacing-75);
284
- --system-action-bar-spacing-item-counter-top: var(
285
- --spectrum-action-bar-top-to-item-counter
286
- );
287
- --system-action-bar-spacing-item-counter-end: var(--spectrum-spacing-400);
288
- --system-action-bar-spacing-action-group-top: var(--spectrum-spacing-100);
289
- --system-action-bar-spacing-action-group-end: var(--spectrum-spacing-100);
290
- --system-action-bar-shadow-horizontal: var(--spectrum-drop-shadow-x);
291
- --system-action-bar-shadow-vertical: var(--spectrum-drop-shadow-y);
292
- --system-action-bar-shadow-blur: var(--spectrum-drop-shadow-blur);
293
- --system-action-bar-shadow-color: var(--spectrum-drop-shadow-color);
294
10
  --system-action-button-background-color-default: var(--spectrum-gray-100);
295
11
  --system-action-button-background-color-hover: var(--spectrum-gray-200);
296
12
  --system-action-button-background-color-down: var(--spectrum-gray-200);
@@ -316,19 +32,19 @@
316
32
  --system-action-button-border-color-focus: transparent;
317
33
  --system-action-button-border-color-disabled: transparent;
318
34
  --system-action-button-content-color-selected: var(--spectrum-gray-50);
319
- --system-action-button-size-m-border-radius: var(
35
+ --system-action-button-size-m-border-radius-default: var(
320
36
  --spectrum-corner-radius-medium-size-medium
321
37
  );
322
- --system-action-button-size-xs-border-radius: var(
38
+ --system-action-button-size-xs-border-radius-default: var(
323
39
  --spectrum-corner-radius-medium-size-extra-small
324
40
  );
325
- --system-action-button-size-s-border-radius: var(
41
+ --system-action-button-size-s-border-radius-default: var(
326
42
  --spectrum-corner-radius-medium-size-small
327
43
  );
328
- --system-action-button-size-l-border-radius: var(
44
+ --system-action-button-size-l-border-radius-default: var(
329
45
  --spectrum-corner-radius-medium-size-large
330
46
  );
331
- --system-action-button-size-xl-border-radius: var(
47
+ --system-action-button-size-xl-border-radius-default: var(
332
48
  --spectrum-corner-radius-medium-size-extra-large
333
49
  );
334
50
  --system-action-button-quiet-background-color-default: transparent;
@@ -419,304 +135,9 @@
419
135
  --system-alert-banner-neutral-background: var(
420
136
  --spectrum-neutral-subdued-background-color-default
421
137
  );
422
- --system-alert-banner-min-height: var(
423
- --spectrum-alert-banner-minimum-height
424
- );
425
- --system-alert-banner-max-inline-size: var(--spectrum-alert-banner-width);
426
- --system-alert-banner-size: auto;
427
- --system-alert-banner-font-size: var(--spectrum-font-size-100);
428
- --system-alert-banner-icon-size: var(--spectrum-workflow-icon-size-100);
429
- --system-alert-banner-icon-to-text: var(--spectrum-text-to-visual-300);
430
- --system-alert-banner-start-edge: var(--spectrum-spacing-300);
431
- --system-alert-banner-text-to-button-horizontal: var(
432
- --spectrum-spacing-300
433
- );
434
- --system-alert-banner-text-to-divider: var(--spectrum-spacing-300);
435
- --system-alert-banner-top-icon: var(
436
- --spectrum-alert-banner-top-to-workflow-icon
437
- );
438
- --system-alert-banner-top-text: var(--spectrum-alert-banner-top-to-text);
439
- --system-alert-banner-bottom-text: var(
440
- --spectrum-alert-banner-bottom-to-text
441
- );
442
- --system-alert-banner-informative-background: var(
443
- --spectrum-informative-background-color-default
444
- );
445
- --system-alert-banner-negative-background: var(
446
- --spectrum-negative-background-color-default
447
- );
448
- --system-alert-banner-font-color: var(--spectrum-white);
449
- --system-alert-dialog-min-width: var(--spectrum-alert-dialog-minimum-width);
450
- --system-alert-dialog-max-width: var(--spectrum-alert-dialog-maximum-width);
451
- --system-alert-dialog-icon-size: var(--spectrum-workflow-icon-size-100);
452
- --system-alert-dialog-warning-icon-color: var(
453
- --spectrum-notice-visual-color
454
- );
455
- --system-alert-dialog-error-icon-color: var(
456
- --spectrum-negative-visual-color
457
- );
458
- --system-alert-dialog-title-font-family: var(
459
- --spectrum-sans-font-family-stack
460
- );
461
- --system-alert-dialog-title-font-weight: var(
462
- --spectrum-heading-sans-serif-font-weight
463
- );
464
- --system-alert-dialog-title-font-style: var(
465
- --spectrum-heading-sans-serif-font-style
466
- );
467
- --system-alert-dialog-title-font-size: var(
468
- --spectrum-alert-dialog-title-size
469
- );
470
- --system-alert-dialog-title-line-height: var(
471
- --spectrum-heading-line-height
472
- );
473
- --system-alert-dialog-title-color: var(--spectrum-heading-color);
474
- --system-alert-dialog-body-font-family: var(
475
- --spectrum-sans-font-family-stack
476
- );
477
- --system-alert-dialog-body-font-weight: var(
478
- --spectrum-body-sans-serif-font-weight
479
- );
480
- --system-alert-dialog-body-font-style: var(
481
- --spectrum-body-sans-serif-font-style
482
- );
483
- --system-alert-dialog-body-font-size: var(
484
- --spectrum-alert-dialog-description-size
485
- );
486
- --system-alert-dialog-body-line-height: var(--spectrum-line-height-100);
487
- --system-alert-dialog-body-color: var(--spectrum-body-color);
488
- --system-alert-dialog-title-to-divider: var(--spectrum-spacing-200);
489
- --system-alert-dialog-divider-to-description: var(--spectrum-spacing-300);
490
- --system-alert-dialog-title-to-icon: var(--spectrum-spacing-300);
491
- --system-asset-transition-duration: var(--spectrum-animation-duration-100);
492
138
  --system-asset-folder-background-color: var(--spectrum-gray-200);
493
139
  --system-asset-file-background-color: var(--spectrum-gray-25);
494
140
  --system-asset-icon-outline-color: var(--spectrum-gray-500);
495
- --system-avatar-color-opacity: 1;
496
- --system-avatar-inline-size: var(--spectrum-avatar-size-100);
497
- --system-avatar-block-size: var(--spectrum-avatar-size-100);
498
- --system-avatar-focus-indicator-thickness: var(
499
- --spectrum-focus-indicator-thickness
500
- );
501
- --system-avatar-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
502
- --system-avatar-focus-indicator-color: var(
503
- --spectrum-focus-indicator-color
504
- );
505
- --system-avatar-color-opacity-disabled: var(
506
- --spectrum-avatar-opacity-disabled
507
- );
508
- --system-avatar-size-50-inline-size: var(--spectrum-avatar-size-50);
509
- --system-avatar-size-50-block-size: var(--spectrum-avatar-size-50);
510
- --system-avatar-size-75-inline-size: var(--spectrum-avatar-size-75);
511
- --system-avatar-size-75-block-size: var(--spectrum-avatar-size-75);
512
- --system-avatar-size-100-inline-size: var(--spectrum-avatar-size-100);
513
- --system-avatar-size-100-block-size: var(--spectrum-avatar-size-100);
514
- --system-avatar-size-200-inline-size: var(--spectrum-avatar-size-200);
515
- --system-avatar-size-200-block-size: var(--spectrum-avatar-size-200);
516
- --system-avatar-size-300-inline-size: var(--spectrum-avatar-size-300);
517
- --system-avatar-size-300-block-size: var(--spectrum-avatar-size-300);
518
- --system-avatar-size-400-inline-size: var(--spectrum-avatar-size-400);
519
- --system-avatar-size-400-block-size: var(--spectrum-avatar-size-400);
520
- --system-avatar-size-500-inline-size: var(--spectrum-avatar-size-500);
521
- --system-avatar-size-500-block-size: var(--spectrum-avatar-size-500);
522
- --system-avatar-size-600-inline-size: var(--spectrum-avatar-size-600);
523
- --system-avatar-size-600-block-size: var(--spectrum-avatar-size-600);
524
- --system-avatar-size-700-inline-size: var(--spectrum-avatar-size-700);
525
- --system-avatar-size-700-block-size: var(--spectrum-avatar-size-700);
526
- --system-badge-corner-radius: var(--spectrum-corner-radius-100);
527
- --system-badge-line-height: var(--spectrum-line-height-100);
528
- --system-badge-line-height-cjk: var(--spectrum-cjk-line-height-100);
529
- --system-badge-label-icon-color: var(--spectrum-white);
530
- --system-badge-background-color-default: var(
531
- --spectrum-neutral-subdued-background-color-default
532
- );
533
- --system-badge-background-color-accent: var(
534
- --spectrum-accent-background-color-default
535
- );
536
- --system-badge-background-color-informative: var(
537
- --spectrum-informative-background-color-default
538
- );
539
- --system-badge-background-color-negative: var(
540
- --spectrum-negative-background-color-default
541
- );
542
- --system-badge-background-color-positive: var(
543
- --spectrum-positive-background-color-default
544
- );
545
- --system-badge-background-color-notice: var(
546
- --spectrum-notice-background-color-default
547
- );
548
- --system-badge-background-color-gray: var(
549
- --spectrum-gray-background-color-default
550
- );
551
- --system-badge-background-color-red: var(
552
- --spectrum-red-background-color-default
553
- );
554
- --system-badge-background-color-orange: var(
555
- --spectrum-orange-background-color-default
556
- );
557
- --system-badge-background-color-yellow: var(
558
- --spectrum-yellow-background-color-default
559
- );
560
- --system-badge-background-color-chartreuse: var(
561
- --spectrum-chartreuse-background-color-default
562
- );
563
- --system-badge-background-color-celery: var(
564
- --spectrum-celery-background-color-default
565
- );
566
- --system-badge-background-color-green: var(
567
- --spectrum-green-background-color-default
568
- );
569
- --system-badge-background-color-seafoam: var(
570
- --spectrum-seafoam-background-color-default
571
- );
572
- --system-badge-background-color-cyan: var(
573
- --spectrum-cyan-background-color-default
574
- );
575
- --system-badge-background-color-blue: var(
576
- --spectrum-blue-background-color-default
577
- );
578
- --system-badge-background-color-indigo: var(
579
- --spectrum-indigo-background-color-default
580
- );
581
- --system-badge-background-color-purple: var(
582
- --spectrum-purple-background-color-default
583
- );
584
- --system-badge-background-color-fuchsia: var(
585
- --spectrum-fuchsia-background-color-default
586
- );
587
- --system-badge-background-color-magenta: var(
588
- --spectrum-magenta-background-color-default
589
- );
590
- --system-badge-height: var(--spectrum-component-height-100);
591
- --system-badge-font-size: var(--spectrum-font-size-100);
592
- --system-badge-label-spacing-vertical-top: var(
593
- --spectrum-component-top-to-text-100
594
- );
595
- --system-badge-label-spacing-vertical-bottom: var(
596
- --spectrum-component-bottom-to-text-100
597
- );
598
- --system-badge-label-spacing-horizontal: var(
599
- --spectrum-component-edge-to-text-100
600
- );
601
- --system-badge-workflow-icon-size: var(--spectrum-workflow-icon-size-100);
602
- --system-badge-icon-text-spacing: var(--spectrum-text-to-visual-100);
603
- --system-badge-icon-spacing-horizontal: var(
604
- --spectrum-component-edge-to-visual-100
605
- );
606
- --system-badge-icon-spacing-vertical-top: var(
607
- --spectrum-component-top-to-workflow-icon-100
608
- );
609
- --system-badge-icon-only-spacing-horizontal: var(
610
- --spectrum-component-edge-to-visual-only-100
611
- );
612
- --system-badge-orange-label-icon-color: var(--spectrum-black);
613
- --system-badge-yellow-label-icon-color: var(--spectrum-black);
614
- --system-badge-chartreuse-label-icon-color: var(--spectrum-black);
615
- --system-badge-celery-label-icon-color: var(--spectrum-black);
616
- --system-badge-gray-label-icon-color: var(
617
- --spectrum-badge-label-icon-color-primary
618
- );
619
- --system-badge-red-label-icon-color: var(
620
- --spectrum-badge-label-icon-color-primary
621
- );
622
- --system-badge-green-label-icon-color: var(
623
- --spectrum-badge-label-icon-color-primary
624
- );
625
- --system-badge-seafoam-label-icon-color: var(
626
- --spectrum-badge-label-icon-color-primary
627
- );
628
- --system-badge-cyan-label-icon-color: var(
629
- --spectrum-badge-label-icon-color-primary
630
- );
631
- --system-badge-blue-label-icon-color: var(
632
- --spectrum-badge-label-icon-color-primary
633
- );
634
- --system-badge-indigo-label-icon-color: var(
635
- --spectrum-badge-label-icon-color-primary
636
- );
637
- --system-badge-purple-label-icon-color: var(
638
- --spectrum-badge-label-icon-color-primary
639
- );
640
- --system-badge-fuchsia-label-icon-color: var(
641
- --spectrum-badge-label-icon-color-primary
642
- );
643
- --system-badge-magenta-label-icon-color: var(
644
- --spectrum-badge-label-icon-color-primary
645
- );
646
- --system-badge-size-s-height: var(--spectrum-component-height-75);
647
- --system-badge-size-s-font-size: var(--spectrum-font-size-75);
648
- --system-badge-size-s-label-spacing-vertical-top: var(
649
- --spectrum-component-top-to-text-75
650
- );
651
- --system-badge-size-s-label-spacing-vertical-bottom: var(
652
- --spectrum-component-bottom-to-text-75
653
- );
654
- --system-badge-size-s-label-spacing-horizontal: var(
655
- --spectrum-component-edge-to-text-75
656
- );
657
- --system-badge-size-s-workflow-icon-size: var(
658
- --spectrum-workflow-icon-size-75
659
- );
660
- --system-badge-size-s-icon-text-spacing: var(--spectrum-text-to-visual-75);
661
- --system-badge-size-s-icon-spacing-horizontal: var(
662
- --spectrum-component-edge-to-visual-75
663
- );
664
- --system-badge-size-s-icon-spacing-vertical-top: var(
665
- --spectrum-component-top-to-workflow-icon-75
666
- );
667
- --system-badge-size-s-icon-only-spacing-horizontal: var(
668
- --spectrum-component-edge-to-visual-only-75
669
- );
670
- --system-badge-size-l-height: var(--spectrum-component-height-100);
671
- --system-badge-size-l-font-size: var(--spectrum-font-size-200);
672
- --system-badge-size-l-label-spacing-vertical-top: var(
673
- --spectrum-component-top-to-text-200
674
- );
675
- --system-badge-size-l-label-spacing-vertical-bottom: var(
676
- --spectrum-component-bottom-to-text-200
677
- );
678
- --system-badge-size-l-label-spacing-horizontal: var(
679
- --spectrum-component-edge-to-text-200
680
- );
681
- --system-badge-size-l-workflow-icon-size: var(
682
- --spectrum-workflow-icon-size-200
683
- );
684
- --system-badge-size-l-icon-text-spacing: var(--spectrum-text-to-visual-200);
685
- --system-badge-size-l-icon-spacing-horizontal: var(
686
- --spectrum-component-edge-to-visual-200
687
- );
688
- --system-badge-size-l-icon-spacing-vertical-top: var(
689
- --spectrum-component-top-to-workflow-icon-200
690
- );
691
- --system-badge-size-l-icon-only-spacing-horizontal: var(
692
- --spectrum-component-edge-to-visual-only-200
693
- );
694
- --system-badge-size-xl-height: var(--spectrum-component-height-100);
695
- --system-badge-size-xl-font-size: var(--spectrum-font-size-300);
696
- --system-badge-size-xl-label-spacing-vertical-top: var(
697
- --spectrum-component-top-to-text-300
698
- );
699
- --system-badge-size-xl-label-spacing-vertical-bottom: var(
700
- --spectrum-component-bottom-to-text-300
701
- );
702
- --system-badge-size-xl-label-spacing-horizontal: var(
703
- --spectrum-component-edge-to-text-300
704
- );
705
- --system-badge-size-xl-workflow-icon-size: var(
706
- --spectrum-workflow-icon-size-300
707
- );
708
- --system-badge-size-xl-icon-text-spacing: var(
709
- --spectrum-text-to-visual-300
710
- );
711
- --system-badge-size-xl-icon-spacing-horizontal: var(
712
- --spectrum-component-edge-to-visual-300
713
- );
714
- --system-badge-size-xl-icon-spacing-vertical-top: var(
715
- --spectrum-component-top-to-workflow-icon-300
716
- );
717
- --system-badge-size-xl-icon-only-spacing-horizontal: var(
718
- --spectrum-component-edge-to-visual-only-300
719
- );
720
141
  --system-button-background-color-default: var(--spectrum-gray-50);
721
142
  --system-button-background-color-hover: var(--spectrum-gray-100);
722
143
  --system-button-background-color-down: var(--spectrum-gray-200);
@@ -746,387 +167,234 @@
746
167
  --system-button-primary-content-color-down: var(--spectrum-gray-25);
747
168
  --system-button-primary-content-color-focus: var(--spectrum-gray-25);
748
169
  --system-button-primary-outline-background-color-hover: var(
749
- --spectrum-gray-200
170
+ --spectrum-gray-100
750
171
  );
751
172
  --system-button-primary-outline-background-color-down: var(
752
- --spectrum-gray-400
173
+ --spectrum-gray-100
753
174
  );
754
175
  --system-button-primary-outline-background-color-focus: var(
755
- --spectrum-gray-200
176
+ --spectrum-gray-100
756
177
  );
757
178
  --system-button-secondary-background-color-default: var(
758
179
  --spectrum-gray-100
759
180
  );
760
- --system-button-secondary-not-outline-background-color-hover: var(
761
- --spectrum-gray-200
762
- );
763
- --system-button-secondary-not-outline-background-color-down: var(
764
- --spectrum-gray-400
765
- );
766
- --system-button-secondary-not-outline-background-color-focus: var(
767
- --spectrum-gray-200
768
- );
181
+ --system-button-secondary-background-color-hover: var(--spectrum-gray-200);
182
+ --system-button-secondary-background-color-down: var(--spectrum-gray-200);
183
+ --system-button-secondary-background-color-focus: var(--spectrum-gray-200);
769
184
  --system-button-secondary-outline-background-color-hover: var(
770
- --spectrum-gray-200
185
+ --spectrum-gray-100
771
186
  );
772
187
  --system-button-secondary-outline-background-color-down: var(
773
- --spectrum-gray-400
188
+ --spectrum-gray-100
774
189
  );
775
190
  --system-button-secondary-outline-background-color-focus: var(
776
- --spectrum-gray-200
191
+ --spectrum-gray-100
777
192
  );
778
193
  --system-button-secondary-outline-border-color-default: var(
779
- --spectrum-gray-200
194
+ --spectrum-gray-300
195
+ );
196
+ --system-button-secondary-outline-border-color-down: var(
197
+ --spectrum-gray-400
780
198
  );
781
199
  --system-button-static-white-background-color-default: var(
782
- --spectrum-transparent-white-900
200
+ --spectrum-transparent-white-800
783
201
  );
784
202
  --system-button-static-white-background-color-hover: var(
785
- --spectrum-transparent-white-1000
203
+ --spectrum-transparent-white-900
786
204
  );
787
205
  --system-button-static-white-background-color-down: var(
788
- --spectrum-transparent-white-1000
206
+ --spectrum-transparent-white-900
789
207
  );
790
208
  --system-button-static-white-background-color-focus: var(
791
- --spectrum-transparent-white-1000
209
+ --spectrum-transparent-white-900
792
210
  );
793
211
  --system-button-static-white-content-color-default: var(--spectrum-black);
794
212
  --system-button-static-white-content-color-hover: var(--spectrum-black);
795
213
  --system-button-static-white-content-color-down: var(--spectrum-black);
796
214
  --system-button-static-white-content-color-focus: var(--spectrum-black);
797
- --system-button-static-white-secondary-background-color-default: var(
798
- --spectrum-transparent-white-300
799
- );
800
- --system-button-static-white-secondary-background-color-hover: var(
801
- --spectrum-transparent-white-400
802
- );
803
- --system-button-static-white-secondary-background-color-down: var(
804
- --spectrum-transparent-white-500
805
- );
806
- --system-button-static-white-secondary-background-color-focus: var(
807
- --spectrum-transparent-white-400
808
- );
809
- --system-button-static-white-secondary-content-color-default: var(
810
- --spectrum-white
811
- );
812
- --system-button-static-white-secondary-content-color-hover: var(
813
- --spectrum-white
814
- );
815
- --system-button-static-white-secondary-content-color-down: var(
816
- --spectrum-white
817
- );
818
- --system-button-static-white-secondary-content-color-focus: var(
819
- --spectrum-white
820
- );
821
- --system-button-static-white-secondary-outline-border-color-default: var(
822
- --spectrum-transparent-white-400
823
- );
824
- --system-button-static-white-secondary-outline-border-color-hover: var(
825
- --spectrum-transparent-white-500
826
- );
827
- --system-button-static-white-secondary-outline-border-color-down: var(
828
- --spectrum-transparent-white-600
829
- );
830
- --system-button-static-white-secondary-outline-border-color-focus: var(
831
- --spectrum-transparent-white-500
832
- );
833
- --system-button-static-white-outline-not-secondary-background-color-hover: var(
834
- --spectrum-transparent-white-400
835
- );
836
- --system-button-static-white-outline-not-secondary-background-color-down: var(
837
- --spectrum-transparent-white-500
838
- );
839
- --system-button-static-white-outline-not-secondary-background-color-focus: var(
840
- --spectrum-transparent-white-400
215
+ --system-button-static-white-outline-background-color-default: var(
216
+ --spectrum-transparent-white-25
841
217
  );
842
- --system-button-static-white-outline-not-secondary-content-color-default: var(
843
- --spectrum-white
218
+ --system-button-static-white-outline-background-color-hover: var(
219
+ --spectrum-transparent-white-100
844
220
  );
845
- --system-button-static-white-outline-not-secondary-content-color-hover: var(
846
- --spectrum-white
221
+ --system-button-static-white-outline-background-color-down: var(
222
+ --spectrum-transparent-white-100
847
223
  );
848
- --system-button-static-white-outline-not-secondary-content-color-down: var(
849
- --spectrum-white
224
+ --system-button-static-white-outline-background-color-focus: var(
225
+ --spectrum-transparent-white-100
850
226
  );
851
- --system-button-static-white-outline-not-secondary-content-color-focus: var(
852
- --spectrum-white
227
+ --system-button-static-white-outline-content-color-default: var(
228
+ --spectrum-transparent-white-800
853
229
  );
854
- --system-button-static-white-outline-not-secondary-border-color-default: var(
230
+ --system-button-static-white-outline-content-color-hover: var(
855
231
  --spectrum-transparent-white-900
856
232
  );
857
- --system-button-static-white-outline-not-secondary-border-color-hover: var(
858
- --spectrum-transparent-white-1000
859
- );
860
- --system-button-static-white-outline-not-secondary-border-color-down: var(
861
- --spectrum-transparent-white-1000
862
- );
863
- --system-button-static-white-outline-not-secondary-border-color-focus: var(
864
- --spectrum-transparent-white-1000
865
- );
866
- --system-button-static-white-outline-secondary-background-color-hover: var(
867
- --spectrum-transparent-white-400
868
- );
869
- --system-button-static-white-outline-secondary-background-color-down: var(
870
- --spectrum-transparent-white-500
871
- );
872
- --system-button-static-white-outline-secondary-background-color-focus: var(
873
- --spectrum-transparent-white-400
874
- );
875
- --system-button-static-black-background-color-default: var(
876
- --spectrum-transparent-black-900
877
- );
878
- --system-button-static-black-background-color-hover: var(
879
- --spectrum-transparent-black-1000
880
- );
881
- --system-button-static-black-background-color-down: var(
882
- --spectrum-transparent-black-1000
883
- );
884
- --system-button-static-black-background-color-focus: var(
885
- --spectrum-transparent-black-1000
886
- );
887
- --system-button-static-black-content-color-default: var(--spectrum-white);
888
- --system-button-static-black-content-color-hover: var(--spectrum-white);
889
- --system-button-static-black-content-color-down: var(--spectrum-white);
890
- --system-button-static-black-content-color-focus: var(--spectrum-white);
891
- --system-button-static-black-secondary-background-color-default: var(
892
- --spectrum-transparent-black-300
893
- );
894
- --system-button-static-black-secondary-background-color-hover: var(
895
- --spectrum-transparent-black-400
896
- );
897
- --system-button-static-black-secondary-background-color-down: var(
898
- --spectrum-transparent-black-500
899
- );
900
- --system-button-static-black-secondary-background-color-focus: var(
901
- --spectrum-transparent-black-400
902
- );
903
- --system-button-static-black-secondary-content-color-default: var(
904
- --spectrum-black
905
- );
906
- --system-button-static-black-secondary-content-color-hover: var(
907
- --spectrum-black
908
- );
909
- --system-button-static-black-secondary-content-color-down: var(
910
- --spectrum-black
911
- );
912
- --system-button-static-black-secondary-content-color-focus: var(
913
- --spectrum-black
914
- );
915
- --system-button-static-black-secondary-outline-background-color-hover: var(
916
- --spectrum-transparent-black-400
917
- );
918
- --system-button-static-black-secondary-outline-background-color-down: var(
919
- --spectrum-transparent-black-500
920
- );
921
- --system-button-static-black-secondary-outline-background-color-focus: var(
922
- --spectrum-transparent-black-400
923
- );
924
- --system-button-static-black-secondary-outline-border-color-default: var(
925
- --spectrum-transparent-black-400
926
- );
927
- --system-button-static-black-secondary-outline-border-color-hover: var(
928
- --spectrum-transparent-black-500
929
- );
930
- --system-button-static-black-secondary-outline-border-color-down: var(
931
- --spectrum-transparent-black-600
932
- );
933
- --system-button-static-black-secondary-outline-border-color-focus: var(
934
- --spectrum-transparent-black-500
935
- );
936
- --system-button-static-black-outline-not-secondary-background-color-hover: var(
937
- --spectrum-transparent-black-400
938
- );
939
- --system-button-static-black-outline-not-secondary-background-color-down: var(
940
- --spectrum-transparent-black-500
941
- );
942
- --system-button-static-black-outline-not-secondary-background-color-focus: var(
943
- --spectrum-transparent-black-400
944
- );
945
- --system-button-static-black-outline-not-secondary-content-color-default: var(
946
- --spectrum-black
947
- );
948
- --system-button-static-black-outline-not-secondary-content-color-hover: var(
949
- --spectrum-black
950
- );
951
- --system-button-static-black-outline-not-secondary-content-color-down: var(
952
- --spectrum-black
953
- );
954
- --system-button-static-black-outline-not-secondary-content-color-focus: var(
955
- --spectrum-black
233
+ --system-button-static-white-outline-content-color-down: var(
234
+ --spectrum-transparent-white-900
956
235
  );
957
- --system-button-static-black-outline-not-secondary-border-color-default: var(
958
- --spectrum-transparent-black-500
236
+ --system-button-static-white-outline-content-color-focus: var(
237
+ --spectrum-transparent-white-900
959
238
  );
960
- --system-button-static-black-outline-not-secondary-border-color-hover: var(
961
- --spectrum-transparent-black-600
239
+ --system-button-static-white-outline-border-color-default: var(
240
+ --spectrum-transparent-white-800
962
241
  );
963
- --system-button-static-black-outline-not-secondary-border-color-down: var(
964
- --spectrum-transparent-black-700
242
+ --system-button-static-white-outline-border-color-hover: var(
243
+ --spectrum-transparent-white-900
965
244
  );
966
- --system-button-static-black-outline-not-secondary-border-color-focus: var(
967
- --spectrum-transparent-black-600
245
+ --system-button-static-white-outline-border-color-down: var(
246
+ --spectrum-transparent-white-900
968
247
  );
969
- --system-button-group-spacing-horizontal: var(--spectrum-spacing-300);
970
- --system-button-group-spacing-vertical: var(--spectrum-spacing-300);
971
- --system-button-group-size-s-spacing-horizontal: var(
972
- --spectrum-spacing-200
248
+ --system-button-static-white-outline-border-color-focus: var(
249
+ --spectrum-transparent-white-900
973
250
  );
974
- --system-button-group-size-s-spacing-vertical: var(--spectrum-spacing-200);
975
- --system-button-group-size-m-spacing-horizontal: var(
976
- --spectrum-spacing-300
251
+ --system-button-static-white-secondary-background-color-default: var(
252
+ --spectrum-transparent-white-100
977
253
  );
978
- --system-button-group-size-m-spacing-vertical: var(--spectrum-spacing-300);
979
- --system-button-group-size-l-spacing-horizontal: var(
980
- --spectrum-spacing-300
254
+ --system-button-static-white-secondary-background-color-hover: var(
255
+ --spectrum-transparent-white-200
981
256
  );
982
- --system-button-group-size-l-spacing-vertical: var(--spectrum-spacing-300);
983
- --system-button-group-size-xl-spacing-horizontal: var(
984
- --spectrum-spacing-300
257
+ --system-button-static-white-secondary-background-color-down: var(
258
+ --spectrum-transparent-white-200
985
259
  );
986
- --system-button-group-size-xl-spacing-vertical: var(--spectrum-spacing-300);
987
- --system-breadcrumbs-block-size: var(--spectrum-breadcrumbs-height);
988
- --system-breadcrumbs-block-size-compact: var(
989
- --spectrum-breadcrumbs-height-compact
260
+ --system-button-static-white-secondary-background-color-focus: var(
261
+ --spectrum-transparent-white-200
990
262
  );
991
- --system-breadcrumbs-block-size-multiline: var(
992
- --spectrum-breadcrumbs-height-multiline
263
+ --system-button-static-white-secondary-content-color-default: var(
264
+ --spectrum-transparent-white-800
993
265
  );
994
- --system-breadcrumbs-line-height: var(--spectrum-line-height-100);
995
- --system-breadcrumbs-font-size: var(--spectrum-font-size-200);
996
- --system-breadcrumbs-font-family: var(--spectrum-sans-font-family-stack);
997
- --system-breadcrumbs-font-weight: var(--spectrum-regular-font-weight);
998
- --system-breadcrumbs-font-size-current: var(--spectrum-font-size-200);
999
- --system-breadcrumbs-font-family-current: var(
1000
- --spectrum-sans-font-family-stack
266
+ --system-button-static-white-secondary-content-color-hover: var(
267
+ --spectrum-transparent-white-900
1001
268
  );
1002
- --system-breadcrumbs-font-weight-current: var(--spectrum-bold-font-weight);
1003
- --system-breadcrumbs-font-size-compact: var(--spectrum-font-size-100);
1004
- --system-breadcrumbs-font-family-compact: var(
1005
- --spectrum-sans-font-family-stack
269
+ --system-button-static-white-secondary-content-color-down: var(
270
+ --spectrum-transparent-white-900
1006
271
  );
1007
- --system-breadcrumbs-font-weight-compact: var(
1008
- --spectrum-regular-font-weight
272
+ --system-button-static-white-secondary-content-color-focus: var(
273
+ --spectrum-transparent-white-900
1009
274
  );
1010
- --system-breadcrumbs-font-size-compact-current: var(
1011
- --spectrum-font-size-100
275
+ --system-button-static-white-secondary-outline-border-color-default: var(
276
+ --spectrum-transparent-white-300
1012
277
  );
1013
- --system-breadcrumbs-font-family-compact-current: var(
1014
- --spectrum-sans-font-family-stack
278
+ --system-button-static-white-secondary-outline-border-color-hover: var(
279
+ --spectrum-transparent-white-400
1015
280
  );
1016
- --system-breadcrumbs-font-weight-compact-current: var(
1017
- --spectrum-bold-font-weight
281
+ --system-button-static-white-secondary-outline-border-color-down: var(
282
+ --spectrum-transparent-white-400
1018
283
  );
1019
- --system-breadcrumbs-font-size-multiline: var(--spectrum-font-size-75);
1020
- --system-breadcrumbs-font-family-multiline: var(
1021
- --spectrum-sans-font-family-stack
284
+ --system-button-static-white-secondary-outline-border-color-focus: var(
285
+ --spectrum-transparent-white-400
1022
286
  );
1023
- --system-breadcrumbs-font-weight-multiline: var(
1024
- --spectrum-regular-font-weight
287
+ --system-button-static-white-secondary-outline-background-color-default: var(
288
+ --spectrum-transparent-white-25
1025
289
  );
1026
- --system-breadcrumbs-font-size-multiline-current: var(
1027
- --spectrum-font-size-300
290
+ --system-button-static-white-secondary-outline-background-color-hover: var(
291
+ --spectrum-transparent-white-100
1028
292
  );
1029
- --system-breadcrumbs-font-family-multiline-current: var(
1030
- --spectrum-sans-font-family-stack
293
+ --system-button-static-white-secondary-outline-background-color-down: var(
294
+ --spectrum-transparent-white-100
1031
295
  );
1032
- --system-breadcrumbs-font-weight-multiline-current: var(
1033
- --spectrum-bold-font-weight
296
+ --system-button-static-white-secondary-outline-background-color-focus: var(
297
+ --spectrum-transparent-white-100
1034
298
  );
1035
- --system-breadcrumbs-text-decoration-thickness: var(
1036
- --spectrum-text-underline-thickness
299
+ --system-button-static-black-background-color-default: var(
300
+ --spectrum-transparent-black-800
1037
301
  );
1038
- --system-breadcrumbs-text-decoration-gap: var(
1039
- --spectrum-text-underline-gap
302
+ --system-button-static-black-background-color-hover: var(
303
+ --spectrum-transparent-black-900
1040
304
  );
1041
- --system-breadcrumbs-separator-spacing-inline: var(
1042
- --spectrum-text-to-visual-100
305
+ --system-button-static-black-background-color-down: var(
306
+ --spectrum-transparent-black-900
1043
307
  );
1044
- --system-breadcrumbs-text-spacing-block-start: var(
1045
- --spectrum-breadcrumbs-top-to-text
308
+ --system-button-static-black-background-color-focus: var(
309
+ --spectrum-transparent-black-900
1046
310
  );
1047
- --system-breadcrumbs-text-spacing-block-end: var(
1048
- --spectrum-breadcrumbs-bottom-to-text
311
+ --system-button-static-black-content-color-default: var(--spectrum-white);
312
+ --system-button-static-black-content-color-hover: var(--spectrum-white);
313
+ --system-button-static-black-content-color-down: var(--spectrum-white);
314
+ --system-button-static-black-content-color-focus: var(--spectrum-white);
315
+ --system-button-static-black-outline-background-color-default: var(
316
+ --spectrum-transparent-black-25
1049
317
  );
1050
- --system-breadcrumbs-icon-spacing-block: var(
1051
- --spectrum-breadcrumbs-top-to-separator-icon
318
+ --system-button-static-black-outline-background-color-hover: var(
319
+ --spectrum-transparent-black-100
1052
320
  );
1053
- --system-breadcrumbs-text-spacing-block-start-compact: var(
1054
- --spectrum-breadcrumbs-top-to-text-compact
321
+ --system-button-static-black-outline-background-color-down: var(
322
+ --spectrum-transparent-black-100
1055
323
  );
1056
- --system-breadcrumbs-text-spacing-block-end-compact: var(
1057
- --spectrum-breadcrumbs-bottom-to-text-compact
324
+ --system-button-static-black-outline-background-color-focus: var(
325
+ --spectrum-transparent-black-100
1058
326
  );
1059
- --system-breadcrumbs-icon-spacing-block-compact: var(
1060
- --spectrum-breadcrumbs-top-to-separator-icon-compact
327
+ --system-button-static-black-outline-content-color-default: var(
328
+ --spectrum-transparent-black-800
1061
329
  );
1062
- --system-breadcrumbs-text-spacing-block-start-multiline: var(
1063
- --spectrum-breadcrumbs-top-to-text-multiline
330
+ --system-button-static-black-outline-content-color-hover: var(
331
+ --spectrum-transparent-black-900
1064
332
  );
1065
- --system-breadcrumbs-text-spacing-block-end-multiline: var(
1066
- --spectrum-breadcrumbs-bottom-to-text-multiline
333
+ --system-button-static-black-outline-content-color-down: var(
334
+ --spectrum-transparent-black-900
1067
335
  );
1068
- --system-breadcrumbs-text-spacing-block-between-multiline: var(
1069
- --spectrum-breadcrumbs-top-text-to-bottom-text
336
+ --system-button-static-black-outline-content-color-focus: var(
337
+ --spectrum-transparent-black-900
1070
338
  );
1071
- --system-breadcrumbs-icon-spacing-block-start-multiline: var(
1072
- --spectrum-breadcrumbs-top-to-separator-icon-multiline
339
+ --system-button-static-black-outline-border-color-default: var(
340
+ --spectrum-transparent-black-800
1073
341
  );
1074
- --system-breadcrumbs-icon-spacing-block-between-multiline: var(
1075
- --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline
342
+ --system-button-static-black-outline-border-color-hover: var(
343
+ --spectrum-transparent-black-900
1076
344
  );
1077
- --system-breadcrumbs-inline-start: var(
1078
- --spectrum-breadcrumbs-start-edge-to-text
345
+ --system-button-static-black-outline-border-color-down: var(
346
+ --spectrum-transparent-black-900
1079
347
  );
1080
- --system-breadcrumbs-inline-end: var(
1081
- --spectrum-breadcrumbs-end-edge-to-text
348
+ --system-button-static-black-outline-border-color-focus: var(
349
+ --spectrum-transparent-black-900
1082
350
  );
1083
- --system-breadcrumbs-action-button-spacing-inline: var(
1084
- --spectrum-breadcrumbs-truncated-menu-to-separator-icon
351
+ --system-button-static-black-secondary-background-color-default: var(
352
+ --spectrum-transparent-black-100
1085
353
  );
1086
- --system-breadcrumbs-action-button-spacing-block: var(
1087
- --spectrum-breadcrumbs-top-to-truncated-menu
354
+ --system-button-static-black-secondary-background-color-hover: var(
355
+ --spectrum-transparent-black-200
1088
356
  );
1089
- --system-breadcrumbs-action-button-spacing-block-compact: var(
1090
- --spectrum-breadcrumbs-top-to-truncated-menu-compact
357
+ --system-button-static-black-secondary-background-color-down: var(
358
+ --spectrum-transparent-black-200
1091
359
  );
1092
- --system-breadcrumbs-action-button-spacing-inline-start: var(
1093
- --spectrum-breadcrumbs-start-edge-to-truncated-menu
360
+ --system-button-static-black-secondary-background-color-focus: var(
361
+ --spectrum-transparent-black-200
1094
362
  );
1095
- --system-breadcrumbs-action-button-spacing-block-multiline: var(
1096
- --spectrum-breadcrumbs-top-to-truncated-menu-compact
363
+ --system-button-static-black-secondary-content-color-default: var(
364
+ --spectrum-transparent-black-800
1097
365
  );
1098
- --system-breadcrumbs-action-button-spacing-block-between-multiline: var(
1099
- --spectrum-breadcrumbs-truncated-menu-to-bottom-text
366
+ --system-button-static-black-secondary-content-color-hover: var(
367
+ --spectrum-transparent-black-900
1100
368
  );
1101
- --system-breadcrumbs-focus-indicator-thickness: var(
1102
- --spectrum-focus-indicator-thickness
369
+ --system-button-static-black-secondary-content-color-down: var(
370
+ --spectrum-transparent-black-900
1103
371
  );
1104
- --system-breadcrumbs-focus-indicator-gap: var(
1105
- --spectrum-focus-indicator-gap
372
+ --system-button-static-black-secondary-content-color-focus: var(
373
+ --spectrum-transparent-black-900
1106
374
  );
1107
- --system-breadcrumbs-item-link-border-radius: var(
1108
- --spectrum-corner-radius-100
375
+ --system-button-static-black-secondary-outline-border-color-default: var(
376
+ --spectrum-transparent-black-300
1109
377
  );
1110
- --system-breadcrumbs-text-color: var(
1111
- --spectrum-neutral-subdued-content-color-default
378
+ --system-button-static-black-secondary-outline-border-color-hover: var(
379
+ --spectrum-transparent-black-400
1112
380
  );
1113
- --system-breadcrumbs-text-color-current: var(
1114
- --spectrum-neutral-content-color-default
381
+ --system-button-static-black-secondary-outline-border-color-down: var(
382
+ --spectrum-transparent-black-400
1115
383
  );
1116
- --system-breadcrumbs-text-color-disabled: var(
1117
- --spectrum-disabled-content-color
384
+ --system-button-static-black-secondary-outline-border-color-focus: var(
385
+ --spectrum-transparent-black-400
1118
386
  );
1119
- --system-breadcrumbs-separator-color: var(
1120
- --spectrum-neutral-content-color-default
387
+ --system-button-static-black-secondary-outline-background-color-default: var(
388
+ --spectrum-transparent-black-25
1121
389
  );
1122
- --system-breadcrumbs-action-button-color: var(
1123
- --spectrum-neutral-subdued-content-color-default
390
+ --system-button-static-black-secondary-outline-background-color-hover: var(
391
+ --spectrum-transparent-black-100
1124
392
  );
1125
- --system-breadcrumbs-action-button-color-disabled: var(
1126
- --spectrum-disabled-content-color
393
+ --system-button-static-black-secondary-outline-background-color-down: var(
394
+ --spectrum-transparent-black-100
1127
395
  );
1128
- --system-breadcrumbs-focus-indicator-color: var(
1129
- --spectrum-focus-indicator-color
396
+ --system-button-static-black-secondary-outline-background-color-focus: var(
397
+ --spectrum-transparent-black-100
1130
398
  );
1131
399
  --system-checkbox-control-color-default: var(
1132
400
  --spectrum-neutral-content-color-default
@@ -1136,62 +404,11 @@
1136
404
  --system-checkbox-control-color-focus: var(--spectrum-gray-700);
1137
405
  --system-checkbox-checkmark-color: var(--spectrum-gray-50);
1138
406
  --system-checkbox-control-corner-radius: 2px;
1139
- --system-card-background-color: var(--spectrum-background-layer-2-color);
1140
- --system-card-body-spacing: var(--spectrum-spacing-400);
1141
- --system-card-title-padding-top: var(--spectrum-spacing-300);
1142
- --system-card-title-padding-right: var(--spectrum-spacing-400);
1143
- --system-card-content-margin-top: var(--spectrum-spacing-100);
1144
- --system-card-content-margin-bottom: var(--spectrum-spacing-300);
1145
- --system-card-footer-padding-top: var(--spectrum-spacing-100);
1146
- --system-card-subtitle-padding-right: var(--spectrum-spacing-100);
1147
- --system-card-border-width: var(--spectrum-border-width-100);
1148
- --system-card-corner-radius: var(--spectrum-corner-radius-100);
1149
407
  --system-card-border-color: var(--spectrum-gray-100);
1150
408
  --system-card-border-color-hover: var(--spectrum-gray-200);
1151
- --system-card-border-color-selected: var(--spectrum-blue-700);
1152
409
  --system-card-divider-color: var(--spectrum-gray-200);
1153
- --system-card-title-font-family: var(--spectrum-sans-font-family-stack);
1154
- --system-card-title-font-size: var(--spectrum-heading-size-xxs);
1155
- --system-card-title-font-weight: var(
1156
- --spectrum-heading-sans-serif-font-weight
1157
- );
1158
- --system-card-title-font-style: var(
1159
- --spectrum-heading-sans-serif-font-style
1160
- );
1161
- --system-card-title-line-height: var(--spectrum-heading-line-height);
1162
- --system-card-title-font-color: var(--spectrum-heading-color);
1163
- --system-card-body-font-family: var(--spectrum-sans-font-family-stack);
1164
- --system-card-body-font-size: var(--spectrum-body-size-s);
1165
- --system-card-body-font-weight: var(--spectrum-body-sans-serif-font-weight);
1166
- --system-card-body-font-style: var(--spectrum-body-sans-serif-font-style);
1167
- --system-card-body-line-height: var(--spectrum-body-line-height);
1168
- --system-card-body-font-color: var(--spectrum-body-color);
1169
- --system-card-actions-spacing: var(--spectrum-spacing-300);
1170
- --system-card-actions-size: var(--spectrum-card-selection-background-size);
1171
- --system-card-actions-border-radius: var(--spectrum-corner-radius-100);
1172
- --system-card-actions-background-color-rgb: var(--spectrum-gray-100-rgb);
1173
- --system-card-actions-background-color-opacity: var(
1174
- --spectrum-card-selection-background-color-opacity
1175
- );
1176
- --system-card-actions-drop-shadow-color: var(--spectrum-drop-shadow-color);
1177
- --system-card-actions-drop-shadow-x: var(--spectrum-drop-shadow-x);
1178
- --system-card-actions-drop-shadow-y: var(--spectrum-drop-shadow-y);
1179
- --system-card-actions-drop-shadow-blur: var(--spectrum-drop-shadow-blur);
1180
- --system-card-focus-indicator-color: var(--spectrum-focus-indicator-color);
1181
- --system-card-focus-indicator-width: var(
1182
- --spectrum-focus-indicator-thickness
1183
- );
1184
- --system-card-selected-background-opacity: 0.1;
1185
- --system-card-preview-border-width-selected: var(
1186
- --spectrum-border-width-100
1187
- );
1188
410
  --system-card-preview-background-color: var(--spectrum-gray-100);
1189
411
  --system-card-preview-background-color-hover: var(--spectrum-gray-200);
1190
- --system-card-horizontal-body-padding: var(--spectrum-spacing-300);
1191
- --system-card-horizontal-preview-padding: var(--spectrum-spacing-200);
1192
- --system-card-content-margin-top-quiet: var(--spectrum-spacing-100);
1193
- --system-card-minimum-width-quiet: var(--spectrum-card-minimum-width);
1194
- --system-card-background-color-quiet: var(--spectrum-background-base-color);
1195
412
  --system-clear-button-background-color: transparent;
1196
413
  --system-clear-button-background-color-hover: transparent;
1197
414
  --system-clear-button-background-color-down: transparent;
@@ -1457,130 +674,17 @@
1457
674
  --system-coach-mark-buttongroup-spacing-horizontal: var(
1458
675
  --spectrum-spacing-100
1459
676
  );
1460
- --system-color-area-border-radius: var(
1461
- --spectrum-color-area-border-rounding
1462
- );
1463
- --system-color-area-border-color-rgb: 0, 0, 0;
1464
- --system-color-area-border-color-opacity: 0.1;
1465
- --system-color-area-border-color: rgba(
1466
- var(--system-color-area-border-color-rgb),
1467
- var(--system-color-area-border-color-opacity)
1468
- );
1469
- --system-color-area-disabled-background-color: var(
1470
- --spectrum-disabled-background-color
1471
- );
1472
- --system-color-area-border-width: var(--spectrum-color-area-border-width);
1473
- --system-color-area-height: var(--spectrum-color-area-height);
1474
- --system-color-area-width: var(--spectrum-color-area-width);
1475
- --system-color-area-min-width: var(--spectrum-color-area-minimum-width);
1476
- --system-color-area-min-height: var(--spectrum-color-area-minimum-height);
1477
- --system-color-handle-size: var(--spectrum-color-handle-size);
1478
- --system-color-handle-focused-size: var(
1479
- --spectrum-color-handle-size-key-focus
1480
- );
1481
- --system-color-handle-hitarea-size: var(
1482
- --spectrum-color-control-track-width
1483
- );
1484
- --system-color-handle-animation-duration: var(
1485
- --spectrum-animation-duration-100
1486
- );
1487
- --system-color-handle-animation-easing: ease-in-out;
1488
- --system-color-handle-outer-border-color: rgba(
1489
- var(--spectrum-black-rgb),
1490
- var(--spectrum-color-handle-outer-border-opacity)
1491
- );
1492
- --system-color-handle-outer-border-width: var(
1493
- --spectrum-color-handle-outer-border-width
1494
- );
1495
- --system-color-handle-inner-border-color: rgba(
1496
- var(--spectrum-black-rgb),
1497
- var(--spectrum-color-handle-inner-border-opacity)
1498
- );
1499
- --system-color-handle-inner-border-width: var(
1500
- --spectrum-color-handle-inner-border-width
1501
- );
1502
- --system-color-handle-border-width: var(
1503
- --spectrum-color-handle-border-width
1504
- );
1505
- --system-color-handle-border-color: var(--spectrum-white);
1506
- --system-color-handle-border-color-disabled: var(
1507
- --spectrum-disabled-content-color
1508
- );
1509
- --system-color-handle-fill-color-disabled: var(
1510
- --spectrum-disabled-background-color
1511
- );
1512
- --system-color-loupe-width: var(--spectrum-color-loupe-width);
1513
- --system-color-loupe-height: var(--spectrum-color-loupe-height);
1514
- --system-color-loupe-offset: var(
1515
- --spectrum-color-loupe-bottom-to-color-handle
1516
- );
1517
- --system-color-loupe-animation-distance: 8px;
1518
- --system-color-loupe-drop-shadow-x: var(--spectrum-drop-shadow-x);
1519
- --system-color-loupe-drop-shadow-y: var(
1520
- --spectrum-color-loupe-drop-shadow-y
1521
- );
1522
- --system-color-loupe-drop-shadow-blur: var(
1523
- --spectrum-color-loupe-drop-shadow-blur
1524
- );
1525
- --system-color-loupe-drop-shadow-color: var(
1526
- --spectrum-color-loupe-drop-shadow-color
1527
- );
1528
- --system-color-loupe-outer-border-width: var(
1529
- --spectrum-color-loupe-outer-border-width
1530
- );
1531
- --system-color-loupe-inner-border-width: var(
1532
- --spectrum-color-loupe-inner-border-width
1533
- );
1534
- --system-color-loupe-outer-border-color: var(
1535
- --spectrum-color-loupe-outer-border
1536
- );
1537
- --system-color-loupe-inner-border-color: var(
1538
- --spectrum-color-loupe-inner-border
1539
- );
1540
- --system-color-loupe-checkerboard-dark-color: var(
1541
- --spectrum-opacity-checkerboard-square-dark
1542
- );
1543
- --system-color-loupe-checkerboard-light-color: var(
1544
- --spectrum-opacity-checkerboard-square-light
1545
- );
1546
- --system-color-slider-handle-margin-block: var(
1547
- --spectrum-component-top-to-text-75
1548
- );
1549
- --system-color-slider-border-color-rgba: rgba(
1550
- var(--spectrum-gray-900-rgb),
1551
- var(--spectrum-color-slider-border-opacity)
1552
- );
1553
- --system-color-slider-checkerboard-size: var(
1554
- --spectrum-opacity-checkerboard-square-size
1555
- );
1556
- --system-color-slider-checkerboard-dark-color: var(
1557
- --spectrum-opacity-checkerboard-square-dark
1558
- );
1559
- --system-color-slider-checkerboard-light-color: var(
1560
- --spectrum-opacity-checkerboard-square-light
1561
- );
1562
- --system-color-wheel-width: var(--spectrum-color-wheel-width);
1563
- --system-color-wheel-min-width: var(--spectrum-color-wheel-minimum-width);
1564
- --system-color-wheel-height: var(--spectrum-color-wheel-width);
1565
- --system-color-wheel-border-color: var(--spectrum-transparent-black-200);
1566
- --system-color-wheel-border-width: var(--spectrum-border-width-100);
1567
- --system-color-wheel-fill-color-disabled: var(
1568
- --spectrum-disabled-background-color
1569
- );
1570
- --system-color-wheel-track-width: var(--spectrum-color-control-track-width);
1571
- --system-color-wheel-colorarea-margin: var(
1572
- --spectrum-color-wheel-color-area-margin
1573
- );
1574
- --system-color-wheel-colorhandle-position: calc(
1575
- var(--system-color-wheel-width) / 2 -
1576
- var(--system-color-wheel-track-width) / 2
1577
- );
677
+ --system-color-wheel-border-color: var(--spectrum-transparent-black-300);
1578
678
  --system-combobox-border-color-default: var(--spectrum-gray-500);
1579
679
  --system-combobox-border-color-hover: var(--spectrum-gray-600);
1580
680
  --system-combobox-border-color-focus: var(--spectrum-gray-800);
1581
681
  --system-combobox-border-color-focus-hover: var(--spectrum-gray-900);
1582
682
  --system-combobox-border-color-key-focus: var(--spectrum-gray-800);
683
+ --system-combobox-readonly-input-border-color: var(--spectrum-gray-500);
1583
684
  --system-combobox-background-color-disabled: var(--spectrum-gray-25);
685
+ --system-combobox-border-color-disabled: var(
686
+ --spectrum-disabled-border-color
687
+ );
1584
688
  --system-dialog-fullscreen-header-text-size: 28px;
1585
689
  --system-dialog-min-inline-size: 288px;
1586
690
  --system-dialog-confirm-small-width: 400px;
@@ -1621,26 +725,12 @@
1621
725
  26px - var(--spectrum-component-bottom-to-text-300)
1622
726
  );
1623
727
  --system-dialog-confirm-divider-height: var(--spectrum-spacing-50);
1624
- --system-divider-background-color-small: var(--spectrum-gray-200);
1625
- --system-divider-background-color-medium: var(--spectrum-gray-200);
1626
- --system-divider-background-color-large: var(--spectrum-gray-800);
1627
- --system-divider-background-color-small-static-white: var(
1628
- --spectrum-transparent-white-400
1629
- );
1630
- --system-divider-background-color-medium-static-white: var(
1631
- --spectrum-transparent-white-400
1632
- );
1633
- --system-divider-background-color-large-static-white: var(
1634
- --spectrum-transparent-white-900
1635
- );
1636
- --system-divider-background-color-small-static-black: var(
1637
- --spectrum-transparent-black-400
1638
- );
1639
- --system-divider-background-color-medium-static-black: var(
1640
- --spectrum-transparent-black-400
728
+ --system-divider-background-color: var(--spectrum-gray-200);
729
+ --system-divider-background-color-static-white: var(
730
+ --spectrum-transparent-white-200
1641
731
  );
1642
- --system-divider-background-color-large-static-black: var(
1643
- --spectrum-transparent-black-900
732
+ --system-divider-background-color-static-black: var(
733
+ --spectrum-transparent-black-200
1644
734
  );
1645
735
  --system-drop-zone-padding: var(--spectrum-spacing-400);
1646
736
  --system-drop-zone-illustration-to-heading: var(--spectrum-spacing-400);
@@ -1707,189 +797,6 @@
1707
797
  );
1708
798
  --system-field-group-margin: var(--spectrum-spacing-300);
1709
799
  --system-field-group-readonly-delimiter: ',';
1710
- --system-field-label-color: var(
1711
- --spectrum-neutral-subdued-content-color-default
1712
- );
1713
- --system-field-label-font-weight: var(--spectrum-regular-font-weight);
1714
- --system-field-label-line-height: var(--spectrum-line-height-100);
1715
- --system-field-label-line-height-cjk: var(--spectrum-cjk-line-height-100);
1716
- --system-field-label-disabled-content-color: var(
1717
- --spectrum-disabled-content-color
1718
- );
1719
- --system-field-label-min-height: var(--spectrum-component-height-75);
1720
- --system-field-label-size-m-min-height: var(--spectrum-component-height-75);
1721
- --system-field-label-top-to-text: var(--spectrum-component-top-to-text-75);
1722
- --system-field-label-size-m-top-to-text: var(
1723
- --spectrum-component-top-to-text-75
1724
- );
1725
- --system-field-label-bottom-to-text: var(
1726
- --spectrum-component-bottom-to-text-75
1727
- );
1728
- --system-field-label-size-m-bottom-to-text: var(
1729
- --spectrum-component-bottom-to-text-75
1730
- );
1731
- --system-field-label-font-size: var(--spectrum-font-size-75);
1732
- --system-field-label-size-m-font-size: var(--spectrum-font-size-75);
1733
- --system-field-label-side-margin-block-start: var(
1734
- --spectrum-field-label-top-margin-medium
1735
- );
1736
- --system-field-label-size-m-side-margin-block-start: var(
1737
- --spectrum-field-label-top-margin-medium
1738
- );
1739
- --system-field-label-side-padding-right: var(--spectrum-spacing-200);
1740
- --system-field-label-size-m-side-padding-right: var(--spectrum-spacing-200);
1741
- --system-field-label-text-to-asterisk: var(
1742
- --spectrum-field-label-text-to-asterisk-medium
1743
- );
1744
- --system-field-label-size-m-text-to-asterisk: var(
1745
- --spectrum-field-label-text-to-asterisk-medium
1746
- );
1747
- --system-field-label-size-s-min-height: var(--spectrum-component-height-75);
1748
- --system-field-label-size-s-top-to-text: var(
1749
- --spectrum-component-top-to-text-75
1750
- );
1751
- --system-field-label-size-s-bottom-to-text: var(
1752
- --spectrum-component-bottom-to-text-75
1753
- );
1754
- --system-field-label-size-s-font-size: var(--spectrum-font-size-75);
1755
- --system-field-label-size-s-side-margin-block-start: var(
1756
- --spectrum-field-label-top-margin-small
1757
- );
1758
- --system-field-label-size-s-side-padding-right: var(--spectrum-spacing-100);
1759
- --system-field-label-size-s-text-to-asterisk: var(
1760
- --spectrum-field-label-text-to-asterisk-small
1761
- );
1762
- --system-field-label-size-l-min-height: var(
1763
- --spectrum-component-height-100
1764
- );
1765
- --system-field-label-size-l-top-to-text: var(
1766
- --spectrum-component-top-to-text-100
1767
- );
1768
- --system-field-label-size-l-bottom-to-text: var(
1769
- --spectrum-component-bottom-to-text-100
1770
- );
1771
- --system-field-label-size-l-font-size: var(--spectrum-font-size-100);
1772
- --system-field-label-size-l-side-margin-block-start: var(
1773
- --spectrum-field-label-top-margin-large
1774
- );
1775
- --system-field-label-size-l-side-padding-right: var(--spectrum-spacing-200);
1776
- --system-field-label-size-l-text-to-asterisk: var(
1777
- --spectrum-field-label-text-to-asterisk-large
1778
- );
1779
- --system-field-label-size-xl-min-height: var(
1780
- --spectrum-component-height-200
1781
- );
1782
- --system-field-label-size-xl-top-to-text: var(
1783
- --spectrum-component-top-to-text-200
1784
- );
1785
- --system-field-label-size-xl-bottom-to-text: var(
1786
- --spectrum-component-bottom-to-text-200
1787
- );
1788
- --system-field-label-size-xl-font-size: var(--spectrum-font-size-200);
1789
- --system-field-label-size-xl-side-margin-block-start: var(
1790
- --spectrum-field-label-top-margin-extra-large
1791
- );
1792
- --system-field-label-size-xl-side-padding-right: var(
1793
- --spectrum-spacing-200
1794
- );
1795
- --system-field-label-size-xl-text-to-asterisk: var(
1796
- --spectrum-field-label-text-to-asterisk-extra-large
1797
- );
1798
- --system-help-text-line-height: var(--spectrum-line-height-100);
1799
- --system-help-text-content-color-default: var(
1800
- --spectrum-neutral-subdued-content-color-default
1801
- );
1802
- --system-help-text-icon-color-default: var(
1803
- --spectrum-neutral-subdued-content-color-default
1804
- );
1805
- --system-help-text-disabled-content-color: var(
1806
- --spectrum-disabled-content-color
1807
- );
1808
- --system-help-text-neutral-content-color-default: var(
1809
- --spectrum-neutral-subdued-content-color-default
1810
- );
1811
- --system-help-text-neutral-icon-color-default: var(
1812
- --spectrum-neutral-subdued-content-color-default
1813
- );
1814
- --system-help-text-negative-content-color-default: var(
1815
- --spectrum-negative-color-900
1816
- );
1817
- --system-help-text-negative-icon-color-default: var(
1818
- --spectrum-negative-color-900
1819
- );
1820
- --system-help-text-disabled-content-color-default: var(
1821
- --system-help-text-disabled-content-color
1822
- );
1823
- --system-help-text-disabled-icon-color-default: var(
1824
- --system-help-text-disabled-content-color
1825
- );
1826
- --system-help-text-lang-ja-line-height-cjk: var(
1827
- --spectrum-cjk-line-height-100
1828
- );
1829
- --system-help-text-lang-zh-line-height-cjk: var(
1830
- --spectrum-cjk-line-height-100
1831
- );
1832
- --system-help-text-lang-ko-line-height-cjk: var(
1833
- --spectrum-cjk-line-height-100
1834
- );
1835
- --system-help-text-size-s-min-height: var(--spectrum-component-height-75);
1836
- --system-help-text-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
1837
- --system-help-text-size-s-font-size: var(--spectrum-font-size-75);
1838
- --system-help-text-size-s-text-to-visual: var(--spectrum-text-to-visual-75);
1839
- --system-help-text-size-s-top-to-workflow-icon: var(
1840
- --spectrum-help-text-top-to-workflow-icon-small
1841
- );
1842
- --system-help-text-size-s-top-to-text: var(
1843
- --spectrum-component-top-to-text-75
1844
- );
1845
- --system-help-text-size-s-bottom-to-text: var(
1846
- --spectrum-component-bottom-to-text-75
1847
- );
1848
- --system-help-text-size-m-min-height: var(--spectrum-component-height-75);
1849
- --system-help-text-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
1850
- --system-help-text-size-m-font-size: var(--spectrum-font-size-75);
1851
- --system-help-text-size-m-text-to-visual: var(--spectrum-text-to-visual-75);
1852
- --system-help-text-size-m-top-to-workflow-icon: var(
1853
- --spectrum-help-text-top-to-workflow-icon-medium
1854
- );
1855
- --system-help-text-size-m-top-to-text: var(
1856
- --spectrum-component-top-to-text-75
1857
- );
1858
- --system-help-text-size-m-bottom-to-text: var(
1859
- --spectrum-component-bottom-to-text-75
1860
- );
1861
- --system-help-text-size-l-min-height: var(--spectrum-component-height-100);
1862
- --system-help-text-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
1863
- --system-help-text-size-l-font-size: var(--spectrum-font-size-100);
1864
- --system-help-text-size-l-text-to-visual: var(
1865
- --spectrum-text-to-visual-100
1866
- );
1867
- --system-help-text-size-l-top-to-workflow-icon: var(
1868
- --spectrum-help-text-top-to-workflow-icon-large
1869
- );
1870
- --system-help-text-size-l-top-to-text: var(
1871
- --spectrum-component-top-to-text-100
1872
- );
1873
- --system-help-text-size-l-bottom-to-text: var(
1874
- --spectrum-component-bottom-to-text-100
1875
- );
1876
- --system-help-text-size-xl-min-height: var(--spectrum-component-height-200);
1877
- --system-help-text-size-xl-icon-size: var(
1878
- --spectrum-workflow-icon-size-300
1879
- );
1880
- --system-help-text-size-xl-font-size: var(--spectrum-font-size-200);
1881
- --system-help-text-size-xl-text-to-visual: var(
1882
- --spectrum-text-to-visual-200
1883
- );
1884
- --system-help-text-size-xl-top-to-workflow-icon: var(
1885
- --spectrum-help-text-top-to-workflow-icon-extra-large
1886
- );
1887
- --system-help-text-size-xl-top-to-text: var(
1888
- --spectrum-component-top-to-text-200
1889
- );
1890
- --system-help-text-size-xl-bottom-to-text: var(
1891
- --spectrum-component-bottom-to-text-200
1892
- );
1893
800
  --system-infield-button-border-width: var(--spectrum-border-width-100);
1894
801
  --system-infield-button-border-color: inherit;
1895
802
  --system-infield-button-border-radius: var(--spectrum-corner-radius-100);
@@ -2021,46 +928,19 @@
2021
928
  --spectrum-in-field-button-width-stacked-large
2022
929
  );
2023
930
  --system-infield-button-top-size-xl-width: var(
2024
- --spectrum-in-field-button-width-stacked-extra-large
2025
- );
2026
- --system-infield-button-bottom-size-xl-width: var(
2027
- --spectrum-in-field-button-width-stacked-extra-large
2028
- );
2029
- --system-infield-button-quiet-background-color: transparent;
2030
- --system-infield-button-quiet-background-color-hover: transparent;
2031
- --system-infield-button-quiet-background-color-down: transparent;
2032
- --system-infield-button-quiet-background-color-key-focus: transparent;
2033
- --system-infield-button-quiet-infield-border-color: transparent;
2034
- --system-infield-button-quiet-border-width: 0;
2035
- --system-infield-button-quiet-disabled-background-color: transparent;
2036
- --system-infield-button-quiet-disabled-border-color: transparent;
2037
- --system-link-animation-duration: var(--spectrum-animation-duration-100);
2038
- --system-link-text-color-primary-default: var(
2039
- --spectrum-accent-content-color-default
2040
- );
2041
- --system-link-text-color-primary-hover: var(
2042
- --spectrum-accent-content-color-hover
2043
- );
2044
- --system-link-text-color-primary-active: var(
2045
- --spectrum-accent-content-color-down
2046
- );
2047
- --system-link-text-color-primary-focus: var(
2048
- --spectrum-accent-content-color-key-focus
2049
- );
2050
- --system-link-text-color-secondary-default: var(
2051
- --spectrum-neutral-content-color-default
2052
- );
2053
- --system-link-text-color-secondary-hover: var(
2054
- --spectrum-neutral-content-color-hover
2055
- );
2056
- --system-link-text-color-secondary-active: var(
2057
- --spectrum-neutral-content-color-down
931
+ --spectrum-in-field-button-width-stacked-extra-large
2058
932
  );
2059
- --system-link-text-color-secondary-focus: var(
2060
- --spectrum-neutral-content-color-key-focus
933
+ --system-infield-button-bottom-size-xl-width: var(
934
+ --spectrum-in-field-button-width-stacked-extra-large
2061
935
  );
2062
- --system-link-text-color-white: var(--spectrum-white);
2063
- --system-link-text-color-black: var(--spectrum-black);
936
+ --system-infield-button-quiet-background-color: transparent;
937
+ --system-infield-button-quiet-background-color-hover: transparent;
938
+ --system-infield-button-quiet-background-color-down: transparent;
939
+ --system-infield-button-quiet-background-color-key-focus: transparent;
940
+ --system-infield-button-quiet-infield-border-color: transparent;
941
+ --system-infield-button-quiet-border-width: 0;
942
+ --system-infield-button-quiet-disabled-background-color: transparent;
943
+ --system-infield-button-quiet-disabled-border-color: transparent;
2064
944
  --system-menu-item-background-color-hover: rgba(
2065
945
  var(--spectrum-gray-1000-rgb),
2066
946
  var(--spectrum-transparent-black-200-opacity)
@@ -2099,26 +979,7 @@
2099
979
  --system-meter-size-l-top-to-text: var(
2100
980
  --spectrum-component-top-to-text-200
2101
981
  );
2102
- --system-modal-confirm-exit-animation-delay: var(
2103
- --spectrum-animation-duration-0
2104
- );
2105
- --system-modal-fullscreen-margin: 32px;
2106
- --system-modal-max-height: 90vh;
2107
- --system-modal-max-width: 90%;
2108
982
  --system-modal-background-color: var(--spectrum-background-layer-2-color);
2109
- --system-modal-confirm-border-radius: var(--spectrum-corner-radius-100);
2110
- --system-modal-confirm-exit-animation-duration: var(
2111
- --spectrum-animation-duration-100
2112
- );
2113
- --system-modal-confirm-entry-animation-duration: var(
2114
- --spectrum-animation-duration-500
2115
- );
2116
- --system-modal-confirm-entry-animation-delay: var(
2117
- --spectrum-animation-duration-200
2118
- );
2119
- --system-modal-transition-animation-duration: var(
2120
- --spectrum-animation-duration-100
2121
- );
2122
983
  --system-picker-background-color-default: var(--spectrum-gray-100);
2123
984
  --system-picker-background-color-default-open: var(--spectrum-gray-200);
2124
985
  --system-picker-background-color-hover: var(--spectrum-gray-200);
@@ -2133,116 +994,20 @@
2133
994
  --system-picker-border-color-key-focus: var(--spectrum-gray-900);
2134
995
  --system-picker-border-color-disabled: var(--spectrum-gray-300);
2135
996
  --system-picker-border-width: var(--spectrum-border-width-100);
2136
- --system-picker-button-background-color: var(--spectrum-gray-50);
2137
- --system-picker-button-background-color-hover: var(--spectrum-gray-100);
997
+ --system-picker-button-background-color: var(--spectrum-gray-100);
998
+ --system-picker-button-background-color-hover: var(--spectrum-gray-200);
2138
999
  --system-picker-button-background-color-down: var(--spectrum-gray-200);
2139
- --system-picker-button-background-color-key-focus: var(--spectrum-gray-100);
2140
- --system-picker-button-border-color: inherit;
2141
- --system-picker-button-border-radius: var(--spectrum-corner-radius-100);
2142
- --system-picker-button-border-radius-rounded-sided: 0;
2143
- --system-picker-button-border-radius-sided: 0;
2144
- --system-picker-button-border-width: var(--spectrum-border-width-100);
2145
- --system-picker-button-height: var(--spectrum-component-height-100);
2146
- --system-picker-button-width: var(--spectrum-component-height-100);
2147
- --system-picker-button-gap: var(--spectrum-text-to-visual-50);
2148
- --system-picker-button-padding: var(
2149
- --spectrum-in-field-button-edge-to-fill
2150
- );
2151
- --system-picker-button-label-padding: var(--spectrum-text-to-visual-50);
2152
- --system-picker-button-fill-padding: var(
2153
- --spectrum-field-edge-to-disclosure-icon-100
2154
- );
2155
- --system-picker-button-border-radius-rounded: var(
2156
- --spectrum-corner-radius-500
2157
- );
2158
- --system-picker-button-icon-color: var(
2159
- --spectrum-neutral-content-color-default
2160
- );
2161
- --system-picker-button-icon-color-hover: var(
2162
- --spectrum-neutral-content-color-hover
2163
- );
2164
- --system-picker-button-icon-color-down: var(
2165
- --spectrum-neutral-content-color-down
2166
- );
2167
- --system-picker-button-icon-color-key-focus: var(
2168
- --spectrum-neutral-content-color-key-focus
2169
- );
2170
- --system-picker-button-font-color: var(
2171
- --spectrum-neutral-content-color-default
2172
- );
2173
- --system-picker-button-font-color-hover: var(
2174
- --spectrum-neutral-content-color-hover
2175
- );
2176
- --system-picker-button-font-color-down: var(
2177
- --spectrum-neutral-content-color-down
2178
- );
2179
- --system-picker-button-font-color-key-focus: var(
2180
- --spectrum-neutral-content-color-key-focus
2181
- );
2182
- --system-picker-button-font-family: var(--spectrum-sans-font-family-stack);
2183
- --system-picker-button-font-style: var(--spectrum-default-font-style);
2184
- --system-picker-button-font-weight: var(
2185
- --spectrum-body-sans-serif-font-weight
2186
- );
2187
- --system-picker-button-font-size: var(--spectrum-font-size-100);
2188
- --system-picker-button-background-animation-duration: var(
2189
- --spectrum-animation-duration-100
2190
- );
2191
- --system-picker-button-background-color-disabled: var(
2192
- --spectrum-disabled-background-color
2193
- );
2194
- --system-picker-button-background-color-hover-disabled: var(
2195
- --spectrum-disabled-background-color
2196
- );
2197
- --system-picker-button-background-color-down-disabled: var(
2198
- --spectrum-disabled-background-color
2199
- );
2200
- --system-picker-button-border-color-disabled: var(
2201
- --spectrum-disabled-background-color
2202
- );
2203
- --system-picker-button-font-color-disabled: var(
2204
- --spectrum-disabled-content-color
2205
- );
2206
- --system-picker-button-font-color-hover-disabled: var(
2207
- --spectrum-disabled-content-color
2208
- );
2209
- --system-picker-button-font-color-down-disabled: var(
2210
- --spectrum-disabled-content-color
2211
- );
2212
- --system-picker-button-icon-color-disabled: var(
2213
- --spectrum-disabled-content-color
2214
- );
2215
- --system-picker-button-icon-color-hover-disabled: var(
2216
- --spectrum-disabled-content-color
2217
- );
2218
- --system-picker-button-icon-color-down-disabled: var(
2219
- --spectrum-disabled-content-color
2220
- );
2221
- --system-picker-button-size-s-height: var(--spectrum-component-height-75);
2222
- --system-picker-button-size-s-width: var(--spectrum-component-height-75);
2223
- --system-picker-button-size-s-label-padding: var(--spectrum-spacing-75);
2224
- --system-picker-button-size-s-font-size: var(--spectrum-font-size-75);
2225
- --system-picker-button-size-s-fill-padding: var(
2226
- --spectrum-field-edge-to-disclosure-icon-75
2227
- );
2228
- --system-picker-button-size-l-height: var(--spectrum-component-height-200);
2229
- --system-picker-button-size-l-width: var(--spectrum-component-height-200);
2230
- --system-picker-button-size-l-label-padding: var(
2231
- --spectrum-text-to-visual-200
2232
- );
2233
- --system-picker-button-size-l-font-size: var(--spectrum-font-size-200);
2234
- --system-picker-button-size-l-fill-padding: var(
2235
- --spectrum-field-edge-to-disclosure-icon-200
2236
- );
2237
- --system-picker-button-size-xl-height: var(--spectrum-component-height-300);
2238
- --system-picker-button-size-xl-width: var(--spectrum-component-height-300);
2239
- --system-picker-button-size-xl-label-padding: var(
2240
- --spectrum-text-to-visual-300
1000
+ --system-picker-button-background-color-key-focus: var(--spectrum-gray-200);
1001
+ --system-picker-button-border-color: none;
1002
+ --system-picker-button-border-radius: var(--spectrum-corner-radius-75);
1003
+ --system-picker-button-border-radius-rounded-sided: var(
1004
+ --spectrum-corner-radius-200
2241
1005
  );
2242
- --system-picker-button-size-xl-font-size: var(--spectrum-font-size-300);
2243
- --system-picker-button-size-xl-fill-padding: var(
2244
- --spectrum-field-edge-to-disclosure-icon-300
1006
+ --system-picker-button-border-radius-sided: var(
1007
+ --spectrum-corner-radius-75
2245
1008
  );
1009
+ --system-picker-button-border-width: 0px;
1010
+ --system-picker-button-padding: 4px;
2246
1011
  --system-popover-border-width: var(--spectrum-border-width-100);
2247
1012
  --system-progress-bar-animation-ease-in-out-indeterminate: var(
2248
1013
  --spectrum-animation-ease-in-out
@@ -2493,49 +1258,6 @@
2493
1258
  --system-search-size-xl-edge-to-visual: var(
2494
1259
  --spectrum-component-edge-to-visual-300
2495
1260
  );
2496
- --system-side-nav-focus-ring-size: var(
2497
- --spectrum-focus-indicator-thickness
2498
- );
2499
- --system-side-nav-focus-ring-gap: var(--spectrum-focus-indicator-gap);
2500
- --system-side-nav-focus-ring-color: var(--spectrum-focus-indicator-color);
2501
- --system-side-nav-min-height: var(--spectrum-component-height-100);
2502
- --system-side-nav-width: 100%;
2503
- --system-side-nav-min-width: var(--spectrum-side-navigation-minimum-width);
2504
- --system-side-nav-max-width: var(--spectrum-side-navigation-maximum-width);
2505
- --system-side-nav-border-radius: var(--spectrum-corner-radius-100);
2506
- --system-side-nav-icon-size: var(--spectrum-workflow-icon-size-100);
2507
- --system-side-nav-icon-spacing: var(--spectrum-text-to-visual-100);
2508
- --system-side-nav-inline-padding: var(
2509
- --spectrum-component-edge-to-text-100
2510
- );
2511
- --system-side-nav-gap: var(--spectrum-side-navigation-item-to-item);
2512
- --system-side-nav-top-to-icon: var(
2513
- --spectrum-component-top-to-workflow-icon-100
2514
- );
2515
- --system-side-nav-top-to-label: var(--spectrum-component-top-to-text-100);
2516
- --system-side-nav-bottom-to-label: var(
2517
- --spectrum-side-navigation-bottom-to-text
2518
- );
2519
- --system-side-nav-start-to-content-second-level: var(
2520
- --spectrum-side-navigation-second-level-edge-to-text
2521
- );
2522
- --system-side-nav-start-to-content-third-level: var(
2523
- --spectrum-side-navigation-third-level-edge-to-text
2524
- );
2525
- --system-side-nav-start-to-content-with-icon-second-level: var(
2526
- --spectrum-side-navigation-with-icon-second-level-edge-to-text
2527
- );
2528
- --system-side-nav-start-to-content-with-icon-third-level: var(
2529
- --spectrum-side-navigation-with-icon-third-level-edge-to-text
2530
- );
2531
- --system-side-nav-heading-top-margin: var(
2532
- --spectrum-side-navigation-item-to-header
2533
- );
2534
- --system-side-nav-heading-bottom-margin: var(
2535
- --spectrum-side-navigation-header-to-item
2536
- );
2537
- --system-side-nav-background-disabled: transparent;
2538
- --system-side-nav-background-default: transparent;
2539
1261
  --system-side-nav-background-hover: var(--spectrum-gray-100);
2540
1262
  --system-side-nav-item-background-down: var(--spectrum-gray-200);
2541
1263
  --system-side-nav-background-key-focus: var(--spectrum-gray-100);
@@ -2545,80 +1267,6 @@
2545
1267
  --system-side-nav-background-hover-selected: var(--spectrum-gray-200);
2546
1268
  --system-side-nav-item-background-down-selected: var(--spectrum-gray-200);
2547
1269
  --system-side-nav-background-key-focus-selected: var(--spectrum-gray-100);
2548
- --system-side-nav-header-color: var(--spectrum-gray-600);
2549
- --system-side-nav-content-disabled-color: var(
2550
- --spectrum-disabled-content-color
2551
- );
2552
- --system-side-nav-content-color-default: var(
2553
- --spectrum-neutral-content-color-default
2554
- );
2555
- --system-side-nav-content-color-hover: var(
2556
- --spectrum-neutral-content-color-hover
2557
- );
2558
- --system-side-nav-content-color-down: var(
2559
- --spectrum-neutral-content-color-down
2560
- );
2561
- --system-side-nav-content-color-key-focus: var(
2562
- --spectrum-neutral-content-color-key-focus
2563
- );
2564
- --system-side-nav-content-color-default-selected: var(
2565
- --spectrum-neutral-content-color-default
2566
- );
2567
- --system-side-nav-content-color-hover-selected: var(
2568
- --spectrum-neutral-content-color-hover
2569
- );
2570
- --system-side-nav-content-color-down-selected: var(
2571
- --spectrum-neutral-content-color-down
2572
- );
2573
- --system-side-nav-content-color-key-focus-selected: var(
2574
- --spectrum-neutral-content-color-key-focus
2575
- );
2576
- --system-side-nav-text-font-family: var(--spectrum-sans-font-family-stack);
2577
- --system-side-nav-text-font-weight: var(--spectrum-regular-font-weight);
2578
- --system-side-nav-text-font-style: var(--spectrum-default-font-style);
2579
- --system-side-nav-text-font-size: var(--spectrum-font-size-100);
2580
- --system-side-nav-text-line-height: var(--spectrum-line-height-100);
2581
- --system-side-nav-top-level-font-family: var(
2582
- --spectrum-sans-font-family-stack
2583
- );
2584
- --system-side-nav-top-level-font-weight: var(--spectrum-bold-font-weight);
2585
- --system-side-nav-top-level-font-style: var(--spectrum-default-font-style);
2586
- --system-side-nav-top-level-font-size: var(--spectrum-font-size-100);
2587
- --system-side-nav-top-level-line-height: var(--spectrum-line-height-100);
2588
- --system-side-nav-header-font-family: var(
2589
- --spectrum-sans-font-family-stack
2590
- );
2591
- --system-side-nav-header-font-weight: var(--spectrum-medium-font-weight);
2592
- --system-side-nav-header-font-style: var(--spectrum-default-font-style);
2593
- --system-side-nav-header-font-size: var(--spectrum-font-size-75);
2594
- --system-side-nav-header-line-height: var(--spectrum-line-height-100);
2595
- --system-side-nav-lang-ja-text-line-height: var(
2596
- --spectrum-cjk-line-height-100
2597
- );
2598
- --system-side-nav-lang-zh-text-line-height: var(
2599
- --spectrum-cjk-line-height-100
2600
- );
2601
- --system-side-nav-lang-ko-text-line-height: var(
2602
- --spectrum-cjk-line-height-100
2603
- );
2604
- --system-side-nav-lang-ja-top-level-line-height: var(
2605
- --spectrum-cjk-line-height-100
2606
- );
2607
- --system-side-nav-lang-zh-top-level-line-height: var(
2608
- --spectrum-cjk-line-height-100
2609
- );
2610
- --system-side-nav-lang-ko-top-level-line-height: var(
2611
- --spectrum-cjk-line-height-100
2612
- );
2613
- --system-side-nav-lang-ja-header-line-height: var(
2614
- --spectrum-cjk-line-height-100
2615
- );
2616
- --system-side-nav-lang-zh-header-line-height: var(
2617
- --spectrum-cjk-line-height-100
2618
- );
2619
- --system-side-nav-lang-ko-header-line-height: var(
2620
- --spectrum-cjk-line-height-100
2621
- );
2622
1270
  --system-slider-track-color: var(--spectrum-gray-200);
2623
1271
  --system-slider-track-fill-color: var(--spectrum-gray-700);
2624
1272
  --system-slider-ramp-track-color: var(--spectrum-gray-400);
@@ -2650,26 +1298,9 @@
2650
1298
  --system-slider-size-xl-handle-border-radius: calc(
2651
1299
  var(--spectrum-corner-radius-500) * 4
2652
1300
  );
2653
- --system-split-view-vertical-width: 100%;
2654
- --system-split-view-vertical-gripper-width: 50%;
2655
- --system-split-view-vertical-gripper-outer-width: 100%;
2656
- --system-split-view-vertical-gripper-reset: 0;
2657
1301
  --system-split-view-background-color: var(--spectrum-gray-75);
2658
- --system-split-view-content-color: var(--spectrum-body-color);
2659
1302
  --system-split-view-handle-background-color: var(--spectrum-gray-200);
2660
- --system-split-view-handle-background-color-hover: var(--spectrum-gray-400);
2661
- --system-split-view-handle-background-color-down: var(--spectrum-gray-800);
2662
- --system-split-view-handle-background-color-focus: var(
2663
- --spectrum-focus-indicator-color
2664
- );
2665
- --system-split-view-handle-width: var(--spectrum-border-width-200);
2666
1303
  --system-split-view-gripper-border-radius: 2px;
2667
- --system-split-view-gripper-width: var(--spectrum-border-width-400);
2668
- --system-split-view-gripper-height: 16px;
2669
- --system-split-view-gripper-border-width-horizontal: 3px;
2670
- --system-split-view-gripper-border-width-vertical: var(
2671
- --spectrum-border-width-400
2672
- );
2673
1304
  --system-status-light-corner-radius: 50%;
2674
1305
  --system-status-light-font-weight: 400;
2675
1306
  --system-status-light-border-width: var(--spectrum-border-width-100);
@@ -3639,17 +2270,17 @@
3639
2270
  --system-tabs-emphasized-selection-indicator-color: var(
3640
2271
  --spectrum-accent-content-color-default
3641
2272
  );
3642
- --system-tag-border-color: var(--spectrum-gray-700);
3643
- --system-tag-border-color-hover: var(--spectrum-gray-800);
3644
- --system-tag-border-color-active: var(--spectrum-gray-900);
3645
- --system-tag-border-color-focus: var(--spectrum-gray-800);
3646
- --system-tag-size-small-corner-radius: var(--spectrum-corner-radius-100);
3647
- --system-tag-size-medium-corner-radius: var(--spectrum-corner-radius-100);
3648
- --system-tag-size-large-corner-radius: var(--spectrum-corner-radius-100);
3649
2273
  --system-tag-background-color: var(--spectrum-gray-50);
3650
2274
  --system-tag-background-color-hover: var(--spectrum-gray-50);
3651
2275
  --system-tag-background-color-active: var(--spectrum-gray-100);
3652
2276
  --system-tag-background-color-focus: var(--spectrum-gray-50);
2277
+ --system-tag-size-small-corner-radius: var(--spectrum-corner-radius-100);
2278
+ --system-tag-size-medium-corner-radius: var(--spectrum-corner-radius-100);
2279
+ --system-tag-size-large-corner-radius: var(--spectrum-corner-radius-100);
2280
+ --system-tag-border-color: var(--spectrum-gray-700);
2281
+ --system-tag-border-color-hover: var(--spectrum-gray-800);
2282
+ --system-tag-border-color-active: var(--spectrum-gray-900);
2283
+ --system-tag-border-color-focus: var(--spectrum-gray-800);
3653
2284
  --system-tag-content-color: var(
3654
2285
  --spectrum-neutral-subdued-content-color-default
3655
2286
  );
@@ -3662,6 +2293,7 @@
3662
2293
  --system-tag-content-color-focus: var(
3663
2294
  --spectrum-neutral-subdued-content-color-key-focus
3664
2295
  );
2296
+ --system-tag-content-color-selected: var(--spectrum-gray-25);
3665
2297
  --system-tag-border-color-selected: var(
3666
2298
  --spectrum-neutral-subdued-background-color-default
3667
2299
  );
@@ -3705,271 +2337,28 @@
3705
2337
  --system-tag-size-large-clear-button-spacing-inline-end: var(
3706
2338
  --spectrum-component-edge-to-visual-200
3707
2339
  );
3708
- --system-tag-avatar-opacity-disabled: 0.3;
3709
- --system-tag-animation-duration: var(--spectrum-animation-duration-100);
3710
- --system-tag-border-width: var(--spectrum-border-width-100);
3711
- --system-tag-focus-ring-thickness: var(
3712
- --spectrum-focus-indicator-thickness
3713
- );
3714
- --system-tag-focus-ring-gap: var(--spectrum-focus-indicator-gap);
3715
- --system-tag-focus-ring-color: var(--spectrum-focus-indicator-color);
3716
- --system-tag-label-line-height: var(--spectrum-line-height-100);
3717
- --system-tag-label-font-weight: var(--spectrum-regular-font-weight);
3718
- --system-tag-content-color-selected: var(--spectrum-gray-25);
3719
- --system-tag-background-color-selected: var(
3720
- --spectrum-neutral-background-color-selected-default
3721
- );
3722
- --system-tag-background-color-selected-hover: var(
3723
- --spectrum-neutral-background-color-selected-hover
3724
- );
3725
- --system-tag-background-color-selected-active: var(
3726
- --spectrum-neutral-background-color-selected-down
3727
- );
3728
- --system-tag-background-color-selected-focus: var(
3729
- --spectrum-neutral-background-color-selected-key-focus
3730
- );
3731
- --system-tag-border-color-invalid: var(--spectrum-negative-color-900);
3732
- --system-tag-border-color-invalid-hover: var(
3733
- --spectrum-negative-color-1000
3734
- );
3735
- --system-tag-border-color-invalid-active: var(
3736
- --spectrum-negative-color-1100
3737
- );
3738
- --system-tag-border-color-invalid-focus: var(
3739
- --spectrum-negative-color-1000
3740
- );
3741
- --system-tag-content-color-invalid: var(
3742
- --spectrum-negative-content-color-default
3743
- );
3744
- --system-tag-content-color-invalid-hover: var(
3745
- --spectrum-negative-content-color-hover
3746
- );
3747
- --system-tag-content-color-invalid-active: var(
3748
- --spectrum-negative-content-color-down
3749
- );
3750
- --system-tag-content-color-invalid-focus: var(
3751
- --spectrum-negative-content-color-key-focus
3752
- );
3753
- --system-tag-border-color-invalid-selected: var(
3754
- --spectrum-negative-background-color-default
3755
- );
3756
- --system-tag-border-color-invalid-selected-hover: var(
3757
- --spectrum-negative-background-color-hover
3758
- );
3759
- --system-tag-border-color-invalid-selected-focus: var(
3760
- --spectrum-negative-background-color-down
3761
- );
3762
- --system-tag-border-color-invalid-selected-active: var(
3763
- --spectrum-negative-background-color-key-focus
3764
- );
3765
- --system-tag-background-color-invalid-selected: var(
3766
- --spectrum-negative-background-color-default
3767
- );
3768
- --system-tag-background-color-invalid-selected-hover: var(
3769
- --spectrum-negative-background-color-hover
3770
- );
3771
- --system-tag-background-color-invalid-selected-active: var(
3772
- --spectrum-negative-background-color-down
3773
- );
3774
- --system-tag-background-color-invalid-selected-focus: var(
3775
- --spectrum-negative-background-color-key-focus
3776
- );
3777
- --system-tag-content-color-invalid-selected: var(--spectrum-white);
3778
- --system-tag-border-color-emphasized: var(
3779
- --spectrum-accent-background-color-default
3780
- );
3781
- --system-tag-border-color-emphasized-hover: var(
3782
- --spectrum-accent-background-color-hover
3783
- );
3784
- --system-tag-border-color-emphasized-active: var(
3785
- --spectrum-accent-background-color-down
3786
- );
3787
- --system-tag-border-color-emphasized-focus: var(
3788
- --spectrum-accent-background-color-key-focus
3789
- );
3790
- --system-tag-background-color-emphasized: var(
3791
- --spectrum-accent-background-color-default
3792
- );
3793
- --system-tag-background-color-emphasized-hover: var(
3794
- --spectrum-accent-background-color-hover
3795
- );
3796
- --system-tag-background-color-emphasized-active: var(
3797
- --spectrum-accent-background-color-down
3798
- );
3799
- --system-tag-background-color-emphasized-focus: var(
3800
- --spectrum-accent-background-color-key-focus
3801
- );
3802
- --system-tag-content-color-emphasized: var(--spectrum-white);
3803
- --system-tag-content-color-disabled: var(--spectrum-disabled-content-color);
3804
- --system-tag-size-s-height: var(--spectrum-component-height-75);
3805
- --system-tag-size-s-font-size: var(--spectrum-font-size-75);
3806
- --system-tag-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
3807
- --system-tag-size-s-clear-button-spacing-inline-start: var(
3808
- --spectrum-text-to-visual-75
3809
- );
3810
- --system-tag-size-s-clear-button-spacing-block: var(
3811
- --spectrum-tag-top-to-cross-icon-small
3812
- );
3813
- --system-tag-size-s-icon-spacing-block-start: var(
3814
- --spectrum-component-top-to-workflow-icon-75
3815
- );
3816
- --system-tag-size-s-icon-spacing-block-end: var(
3817
- --spectrum-component-top-to-workflow-icon-75
3818
- );
3819
- --system-tag-size-s-icon-spacing-inline-end: var(
3820
- --spectrum-text-to-visual-75
3821
- );
3822
- --system-tag-size-s-avatar-spacing-block-start: var(
3823
- --spectrum-tag-top-to-avatar-small
3824
- );
3825
- --system-tag-size-s-avatar-spacing-block-end: var(
3826
- --spectrum-tag-top-to-avatar-small
3827
- );
3828
- --system-tag-size-s-avatar-spacing-inline-end: var(
3829
- --spectrum-text-to-visual-75
3830
- );
3831
- --system-tag-size-s-label-spacing-block: var(
3832
- --spectrum-component-top-to-text-75
3833
- );
3834
- --system-tag-size-s-corner-radius: var(
3835
- --system-tag-size-small-corner-radius
3836
- );
3837
- --system-tag-size-s-spacing-inline-start: var(
3838
- --system-tag-size-small-spacing-inline-start
3839
- );
3840
- --system-tag-size-s-label-spacing-inline-end: var(
3841
- --system-tag-size-small-label-spacing-inline-end
3842
- );
3843
- --system-tag-size-s-clear-button-spacing-inline-end: var(
3844
- --system-tag-size-small-clear-button-spacing-inline-end
3845
- );
3846
- --system-tag-height: var(--spectrum-component-height-100);
3847
- --system-tag-size-m-height: var(--spectrum-component-height-100);
3848
- --system-tag-font-size: var(--spectrum-font-size-100);
3849
- --system-tag-size-m-font-size: var(--spectrum-font-size-100);
3850
- --system-tag-icon-size: var(--spectrum-workflow-icon-size-100);
3851
- --system-tag-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
3852
- --system-tag-clear-button-spacing-inline-start: var(
3853
- --spectrum-text-to-visual-100
3854
- );
3855
- --system-tag-size-m-clear-button-spacing-inline-start: var(
3856
- --spectrum-text-to-visual-100
3857
- );
3858
- --system-tag-clear-button-spacing-block: var(
3859
- --spectrum-tag-top-to-cross-icon-medium
3860
- );
3861
- --system-tag-size-m-clear-button-spacing-block: var(
3862
- --spectrum-tag-top-to-cross-icon-medium
3863
- );
3864
- --system-tag-icon-spacing-block-start: var(
3865
- --spectrum-component-top-to-workflow-icon-100
3866
- );
3867
- --system-tag-size-m-icon-spacing-block-start: var(
3868
- --spectrum-component-top-to-workflow-icon-100
3869
- );
3870
- --system-tag-icon-spacing-block-end: var(
3871
- --spectrum-component-top-to-workflow-icon-100
3872
- );
3873
- --system-tag-size-m-icon-spacing-block-end: var(
2340
+ --system-textfield-background-color: var(--spectrum-gray-25);
2341
+ --system-textfield-background-color-disabled: var(--spectrum-gray-25);
2342
+ --system-textfield-border-color: var(--spectrum-gray-500);
2343
+ --system-textfield-border-color-hover: var(--spectrum-gray-600);
2344
+ --system-textfield-border-color-focus: var(--spectrum-gray-800);
2345
+ --system-textfield-border-color-focus-hover: var(--spectrum-gray-900);
2346
+ --system-textfield-border-color-keyboard-focus: var(--spectrum-gray-800);
2347
+ --system-textfield-border-color-disabled: var(--spectrum-gray-300);
2348
+ --system-textfield-border-width: var(--spectrum-border-width-100);
2349
+ --system-textfield-icon-spacing-block-invalid: var(
3874
2350
  --spectrum-component-top-to-workflow-icon-100
3875
2351
  );
3876
- --system-tag-icon-spacing-inline-end: var(--spectrum-text-to-visual-100);
3877
- --system-tag-size-m-icon-spacing-inline-end: var(
3878
- --spectrum-text-to-visual-100
3879
- );
3880
- --system-tag-avatar-spacing-block-start: var(
3881
- --spectrum-tag-top-to-avatar-medium
3882
- );
3883
- --system-tag-size-m-avatar-spacing-block-start: var(
3884
- --spectrum-tag-top-to-avatar-medium
3885
- );
3886
- --system-tag-avatar-spacing-block-end: var(
3887
- --spectrum-tag-top-to-avatar-medium
3888
- );
3889
- --system-tag-size-m-avatar-spacing-block-end: var(
3890
- --spectrum-tag-top-to-avatar-medium
3891
- );
3892
- --system-tag-avatar-spacing-inline-end: var(--spectrum-text-to-visual-100);
3893
- --system-tag-size-m-avatar-spacing-inline-end: var(
3894
- --spectrum-text-to-visual-100
3895
- );
3896
- --system-tag-label-spacing-block: var(--spectrum-component-top-to-text-100);
3897
- --system-tag-size-m-label-spacing-block: var(
3898
- --spectrum-component-top-to-text-100
3899
- );
3900
- --system-tag-corner-radius: var(--system-tag-size-medium-corner-radius);
3901
- --system-tag-size-m-corner-radius: var(
3902
- --system-tag-size-medium-corner-radius
3903
- );
3904
- --system-tag-spacing-inline-start: var(
3905
- --system-tag-size-medium-spacing-inline-start
3906
- );
3907
- --system-tag-size-m-spacing-inline-start: var(
3908
- --system-tag-size-medium-spacing-inline-start
3909
- );
3910
- --system-tag-label-spacing-inline-end: var(
3911
- --system-tag-size-medium-label-spacing-inline-end
3912
- );
3913
- --system-tag-size-m-label-spacing-inline-end: var(
3914
- --system-tag-size-medium-label-spacing-inline-end
3915
- );
3916
- --system-tag-clear-button-spacing-inline-end: var(
3917
- --system-tag-size-medium-clear-button-spacing-inline-end
3918
- );
3919
- --system-tag-size-m-clear-button-spacing-inline-end: var(
3920
- --system-tag-size-medium-clear-button-spacing-inline-end
3921
- );
3922
- --system-tag-size-l-height: var(--spectrum-component-height-200);
3923
- --system-tag-size-l-font-size: var(--spectrum-font-size-200);
3924
- --system-tag-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
3925
- --system-tag-size-l-clear-button-spacing-inline-start: var(
3926
- --spectrum-text-to-visual-200
3927
- );
3928
- --system-tag-size-l-clear-button-spacing-block: var(
3929
- --spectrum-tag-top-to-cross-icon-large
3930
- );
3931
- --system-tag-size-l-icon-spacing-block-start: var(
3932
- --spectrum-component-top-to-workflow-icon-200
2352
+ --system-textfield-size-s-icon-spacing-block-invalid: var(
2353
+ --spectrum-component-top-to-workflow-icon-75
3933
2354
  );
3934
- --system-tag-size-l-icon-spacing-block-end: var(
2355
+ --system-textfield-size-l-icon-spacing-block-invalid: var(
3935
2356
  --spectrum-component-top-to-workflow-icon-200
3936
2357
  );
3937
- --system-tag-size-l-icon-spacing-inline-end: var(
3938
- --spectrum-text-to-visual-200
3939
- );
3940
- --system-tag-size-l-avatar-spacing-block-start: var(
3941
- --spectrum-tag-top-to-avatar-large
3942
- );
3943
- --system-tag-size-l-avatar-spacing-block-end: var(
3944
- --spectrum-tag-top-to-avatar-large
3945
- );
3946
- --system-tag-size-l-avatar-spacing-inline-end: var(
3947
- --spectrum-text-to-visual-200
3948
- );
3949
- --system-tag-size-l-label-spacing-block: var(
3950
- --spectrum-component-top-to-text-200
3951
- );
3952
- --system-tag-size-l-corner-radius: var(
3953
- --system-tag-size-large-corner-radius
3954
- );
3955
- --system-tag-size-l-spacing-inline-start: var(
3956
- --system-tag-size-large-spacing-inline-start
3957
- );
3958
- --system-tag-size-l-label-spacing-inline-end: var(
3959
- --system-tag-size-large-label-spacing-inline-end
3960
- );
3961
- --system-tag-size-l-clear-button-spacing-inline-end: var(
3962
- --system-tag-size-large-clear-button-spacing-inline-end
2358
+ --system-textfield-size-xl-icon-spacing-block-invalid: var(
2359
+ --spectrum-component-top-to-workflow-icon-300
3963
2360
  );
3964
- --system-tag-group-item-margin-block: var(--spectrum-spacing-75);
3965
- --system-tag-group-item-margin-inline: var(--spectrum-spacing-75);
3966
- --system-textfield-border-color: var(--spectrum-gray-500);
3967
- --system-textfield-border-color-hover: var(--spectrum-gray-600);
3968
- --system-textfield-border-color-focus: var(--spectrum-gray-800);
3969
- --system-textfield-border-color-focus-hover: var(--spectrum-gray-900);
3970
- --system-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
3971
- --system-textfield-border-width: var(--spectrum-border-width-100);
3972
- --system-textfield-background-color: var(--spectrum-gray-25);
2361
+ --system-textfield-quiet-border-color-disabled: var(--spectrum-gray-300);
3973
2362
  --system-thumbnail-border-radius: 2px;
3974
2363
  --system-toast-background-color-default: var(
3975
2364
  --spectrum-neutral-subdued-background-color-default
@@ -4062,40 +2451,6 @@
4062
2451
  --system-tooltip-background-color-default: var(
4063
2452
  --system-tooltip-backgound-color-default-neutral
4064
2453
  );
4065
- --system-tray-exit-animation-delay: 0s;
4066
- --system-tray-entry-animation-delay: 0.16s;
4067
- --system-tray-max-inline-size: 375px;
4068
- --system-tray-spacing-edge-to-safe-zone: 64px;
4069
- --system-tray-entry-animation-duration: var(
4070
- --spectrum-animation-duration-500
4071
- );
4072
- --system-tray-exit-animation-duration: var(
4073
- --spectrum-animation-duration-100
4074
- );
4075
- --system-tray-corner-radius: var(--spectrum-corner-radius-100);
4076
- --system-tray-background-color: var(--spectrum-background-layer-2-color);
4077
- --system-underlay-background-entry-animation-delay: var(
4078
- --spectrum-animation-duration-0
4079
- );
4080
- --system-underlay-background-exit-animation-ease: var(
4081
- --spectrum-animation-ease-in
4082
- );
4083
- --system-underlay-background-entry-animation-ease: var(
4084
- --spectrum-animation-ease-out
4085
- );
4086
- --system-underlay-background-entry-animation-duration: var(
4087
- --spectrum-animation-duration-600
4088
- );
4089
- --system-underlay-background-exit-animation-duration: var(
4090
- --spectrum-animation-duration-300
4091
- );
4092
- --system-underlay-background-exit-animation-delay: var(
4093
- --spectrum-animation-duration-200
4094
- );
4095
- --system-underlay-background-color: rgba(
4096
- var(--spectrum-black-rgb),
4097
- var(--spectrum-overlay-opacity)
4098
- );
4099
2454
  --system-heading-sans-serif-font-family: var(
4100
2455
  --spectrum-sans-font-family-stack
4101
2456
  );