@spectrum-web-components/styles 1.5.0-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 (10) 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/tokens/express/system-theme-bridge.css +98 -1192
  9. package/tokens/spectrum/system-theme-bridge.css +103 -1197
  10. package/tokens-v2/system-theme-bridge.css +151 -1236
package/tokens/express/system-theme-bridge.css CHANGED
@@ -3,38 +3,8 @@
3
3
  --system-accordion-divider-color: var(--spectrum-gray-300);
4
4
  --system-accordion-item-content-disabled-color: var(--spectrum-gray-400);
5
5
  --system-accordion-item-content-color: var(--spectrum-gray-800);
6
- --system-action-bar-height: var(--spectrum-action-bar-height);
7
- --system-action-bar-corner-radius: var(--spectrum-corner-radius-100);
8
- --system-action-bar-item-counter-font-size: var(--spectrum-font-size-100);
9
- --system-action-bar-item-counter-line-height: var(
10
- --spectrum-line-height-100
11
- );
12
- --system-action-bar-item-counter-color: var(
13
- --spectrum-neutral-content-color-default
14
- );
15
- --system-action-bar-item-counter-line-height-cjk: var(
16
- --spectrum-cjk-line-height-100
17
- );
18
6
  --system-action-bar-popover-background-color: var(--spectrum-gray-50);
19
7
  --system-action-bar-popover-border-color: var(--spectrum-gray-400);
20
- --system-action-bar-emphasized-background-color: var(
21
- --spectrum-informative-background-color-default
22
- );
23
- --system-action-bar-emphasized-item-counter-color: var(--spectrum-white);
24
- --system-action-bar-spacing-outer-edge: var(--spectrum-spacing-300);
25
- --system-action-bar-spacing-close-button-top: var(--spectrum-spacing-100);
26
- --system-action-bar-spacing-close-button-start: var(--spectrum-spacing-100);
27
- --system-action-bar-spacing-close-button-end: var(--spectrum-spacing-75);
28
- --system-action-bar-spacing-item-counter-top: var(
29
- --spectrum-action-bar-top-to-item-counter
30
- );
31
- --system-action-bar-spacing-item-counter-end: var(--spectrum-spacing-400);
32
- --system-action-bar-spacing-action-group-top: var(--spectrum-spacing-100);
33
- --system-action-bar-spacing-action-group-end: var(--spectrum-spacing-100);
34
- --system-action-bar-shadow-horizontal: var(--spectrum-drop-shadow-x);
35
- --system-action-bar-shadow-vertical: var(--spectrum-drop-shadow-y);
36
- --system-action-bar-shadow-blur: var(--spectrum-drop-shadow-blur);
37
- --system-action-bar-shadow-color: var(--spectrum-drop-shadow-color);
38
8
  --system-action-button-background-color-default: var(--spectrum-gray-200);
39
9
  --system-action-button-background-color-hover: var(--spectrum-gray-300);
40
10
  --system-action-button-background-color-down: var(--spectrum-gray-400);
@@ -58,19 +28,19 @@
58
28
  --system-action-button-border-color-focus: transparent;
59
29
  --system-action-button-border-color-disabled: transparent;
60
30
  --system-action-button-content-color-selected: var(--spectrum-gray-75);
61
- --system-action-button-size-m-border-radius: var(
31
+ --system-action-button-size-m-border-radius-default: var(
62
32
  --spectrum-corner-radius-100
63
33
  );
64
- --system-action-button-size-xs-border-radius: var(
34
+ --system-action-button-size-xs-border-radius-default: var(
65
35
  --spectrum-corner-radius-100
66
36
  );
67
- --system-action-button-size-s-border-radius: var(
37
+ --system-action-button-size-s-border-radius-default: var(
68
38
  --spectrum-corner-radius-100
69
39
  );
70
- --system-action-button-size-l-border-radius: var(
40
+ --system-action-button-size-l-border-radius-default: var(
71
41
  --spectrum-corner-radius-100
72
42
  );
73
- --system-action-button-size-xl-border-radius: var(
43
+ --system-action-button-size-xl-border-radius-default: var(
74
44
  --spectrum-corner-radius-100
75
45
  );
76
46
  --system-action-button-quiet-background-color-default: transparent;
@@ -172,304 +142,9 @@
172
142
  --system-alert-banner-neutral-background: var(
173
143
  --spectrum-neutral-background-color-default
174
144
  );
175
- --system-alert-banner-min-height: var(
176
- --spectrum-alert-banner-minimum-height
177
- );
178
- --system-alert-banner-max-inline-size: var(--spectrum-alert-banner-width);
179
- --system-alert-banner-size: auto;
180
- --system-alert-banner-font-size: var(--spectrum-font-size-100);
181
- --system-alert-banner-icon-size: var(--spectrum-workflow-icon-size-100);
182
- --system-alert-banner-icon-to-text: var(--spectrum-text-to-visual-300);
183
- --system-alert-banner-start-edge: var(--spectrum-spacing-300);
184
- --system-alert-banner-text-to-button-horizontal: var(
185
- --spectrum-spacing-300
186
- );
187
- --system-alert-banner-text-to-divider: var(--spectrum-spacing-300);
188
- --system-alert-banner-top-icon: var(
189
- --spectrum-alert-banner-top-to-workflow-icon
190
- );
191
- --system-alert-banner-top-text: var(--spectrum-alert-banner-top-to-text);
192
- --system-alert-banner-bottom-text: var(
193
- --spectrum-alert-banner-bottom-to-text
194
- );
195
- --system-alert-banner-informative-background: var(
196
- --spectrum-informative-background-color-default
197
- );
198
- --system-alert-banner-negative-background: var(
199
- --spectrum-negative-background-color-default
200
- );
201
- --system-alert-banner-font-color: var(--spectrum-white);
202
- --system-alert-dialog-min-width: var(--spectrum-alert-dialog-minimum-width);
203
- --system-alert-dialog-max-width: var(--spectrum-alert-dialog-maximum-width);
204
- --system-alert-dialog-icon-size: var(--spectrum-workflow-icon-size-100);
205
- --system-alert-dialog-warning-icon-color: var(
206
- --spectrum-notice-visual-color
207
- );
208
- --system-alert-dialog-error-icon-color: var(
209
- --spectrum-negative-visual-color
210
- );
211
- --system-alert-dialog-title-font-family: var(
212
- --spectrum-sans-font-family-stack
213
- );
214
- --system-alert-dialog-title-font-weight: var(
215
- --spectrum-heading-sans-serif-font-weight
216
- );
217
- --system-alert-dialog-title-font-style: var(
218
- --spectrum-heading-sans-serif-font-style
219
- );
220
- --system-alert-dialog-title-font-size: var(
221
- --spectrum-alert-dialog-title-size
222
- );
223
- --system-alert-dialog-title-line-height: var(
224
- --spectrum-heading-line-height
225
- );
226
- --system-alert-dialog-title-color: var(--spectrum-heading-color);
227
- --system-alert-dialog-body-font-family: var(
228
- --spectrum-sans-font-family-stack
229
- );
230
- --system-alert-dialog-body-font-weight: var(
231
- --spectrum-body-sans-serif-font-weight
232
- );
233
- --system-alert-dialog-body-font-style: var(
234
- --spectrum-body-sans-serif-font-style
235
- );
236
- --system-alert-dialog-body-font-size: var(
237
- --spectrum-alert-dialog-description-size
238
- );
239
- --system-alert-dialog-body-line-height: var(--spectrum-line-height-100);
240
- --system-alert-dialog-body-color: var(--spectrum-body-color);
241
- --system-alert-dialog-title-to-divider: var(--spectrum-spacing-200);
242
- --system-alert-dialog-divider-to-description: var(--spectrum-spacing-300);
243
- --system-alert-dialog-title-to-icon: var(--spectrum-spacing-300);
244
- --system-asset-transition-duration: var(--spectrum-animation-duration-100);
245
145
  --system-asset-folder-background-color: var(--spectrum-gray-300);
246
146
  --system-asset-file-background-color: var(--spectrum-gray-50);
247
147
  --system-asset-icon-outline-color: var(--spectrum-gray-500);
248
- --system-avatar-color-opacity: 1;
249
- --system-avatar-inline-size: var(--spectrum-avatar-size-100);
250
- --system-avatar-block-size: var(--spectrum-avatar-size-100);
251
- --system-avatar-focus-indicator-thickness: var(
252
- --spectrum-focus-indicator-thickness
253
- );
254
- --system-avatar-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
255
- --system-avatar-focus-indicator-color: var(
256
- --spectrum-focus-indicator-color
257
- );
258
- --system-avatar-color-opacity-disabled: var(
259
- --spectrum-avatar-opacity-disabled
260
- );
261
- --system-avatar-size-50-inline-size: var(--spectrum-avatar-size-50);
262
- --system-avatar-size-50-block-size: var(--spectrum-avatar-size-50);
263
- --system-avatar-size-75-inline-size: var(--spectrum-avatar-size-75);
264
- --system-avatar-size-75-block-size: var(--spectrum-avatar-size-75);
265
- --system-avatar-size-100-inline-size: var(--spectrum-avatar-size-100);
266
- --system-avatar-size-100-block-size: var(--spectrum-avatar-size-100);
267
- --system-avatar-size-200-inline-size: var(--spectrum-avatar-size-200);
268
- --system-avatar-size-200-block-size: var(--spectrum-avatar-size-200);
269
- --system-avatar-size-300-inline-size: var(--spectrum-avatar-size-300);
270
- --system-avatar-size-300-block-size: var(--spectrum-avatar-size-300);
271
- --system-avatar-size-400-inline-size: var(--spectrum-avatar-size-400);
272
- --system-avatar-size-400-block-size: var(--spectrum-avatar-size-400);
273
- --system-avatar-size-500-inline-size: var(--spectrum-avatar-size-500);
274
- --system-avatar-size-500-block-size: var(--spectrum-avatar-size-500);
275
- --system-avatar-size-600-inline-size: var(--spectrum-avatar-size-600);
276
- --system-avatar-size-600-block-size: var(--spectrum-avatar-size-600);
277
- --system-avatar-size-700-inline-size: var(--spectrum-avatar-size-700);
278
- --system-avatar-size-700-block-size: var(--spectrum-avatar-size-700);
279
- --system-badge-corner-radius: var(--spectrum-corner-radius-100);
280
- --system-badge-line-height: var(--spectrum-line-height-100);
281
- --system-badge-line-height-cjk: var(--spectrum-cjk-line-height-100);
282
- --system-badge-label-icon-color: var(--spectrum-white);
283
- --system-badge-background-color-default: var(
284
- --spectrum-neutral-subdued-background-color-default
285
- );
286
- --system-badge-background-color-accent: var(
287
- --spectrum-accent-background-color-default
288
- );
289
- --system-badge-background-color-informative: var(
290
- --spectrum-informative-background-color-default
291
- );
292
- --system-badge-background-color-negative: var(
293
- --spectrum-negative-background-color-default
294
- );
295
- --system-badge-background-color-positive: var(
296
- --spectrum-positive-background-color-default
297
- );
298
- --system-badge-background-color-notice: var(
299
- --spectrum-notice-background-color-default
300
- );
301
- --system-badge-background-color-gray: var(
302
- --spectrum-gray-background-color-default
303
- );
304
- --system-badge-background-color-red: var(
305
- --spectrum-red-background-color-default
306
- );
307
- --system-badge-background-color-orange: var(
308
- --spectrum-orange-background-color-default
309
- );
310
- --system-badge-background-color-yellow: var(
311
- --spectrum-yellow-background-color-default
312
- );
313
- --system-badge-background-color-chartreuse: var(
314
- --spectrum-chartreuse-background-color-default
315
- );
316
- --system-badge-background-color-celery: var(
317
- --spectrum-celery-background-color-default
318
- );
319
- --system-badge-background-color-green: var(
320
- --spectrum-green-background-color-default
321
- );
322
- --system-badge-background-color-seafoam: var(
323
- --spectrum-seafoam-background-color-default
324
- );
325
- --system-badge-background-color-cyan: var(
326
- --spectrum-cyan-background-color-default
327
- );
328
- --system-badge-background-color-blue: var(
329
- --spectrum-blue-background-color-default
330
- );
331
- --system-badge-background-color-indigo: var(
332
- --spectrum-indigo-background-color-default
333
- );
334
- --system-badge-background-color-purple: var(
335
- --spectrum-purple-background-color-default
336
- );
337
- --system-badge-background-color-fuchsia: var(
338
- --spectrum-fuchsia-background-color-default
339
- );
340
- --system-badge-background-color-magenta: var(
341
- --spectrum-magenta-background-color-default
342
- );
343
- --system-badge-height: var(--spectrum-component-height-100);
344
- --system-badge-font-size: var(--spectrum-font-size-100);
345
- --system-badge-label-spacing-vertical-top: var(
346
- --spectrum-component-top-to-text-100
347
- );
348
- --system-badge-label-spacing-vertical-bottom: var(
349
- --spectrum-component-bottom-to-text-100
350
- );
351
- --system-badge-label-spacing-horizontal: var(
352
- --spectrum-component-edge-to-text-100
353
- );
354
- --system-badge-workflow-icon-size: var(--spectrum-workflow-icon-size-100);
355
- --system-badge-icon-text-spacing: var(--spectrum-text-to-visual-100);
356
- --system-badge-icon-spacing-horizontal: var(
357
- --spectrum-component-edge-to-visual-100
358
- );
359
- --system-badge-icon-spacing-vertical-top: var(
360
- --spectrum-component-top-to-workflow-icon-100
361
- );
362
- --system-badge-icon-only-spacing-horizontal: var(
363
- --spectrum-component-edge-to-visual-only-100
364
- );
365
- --system-badge-orange-label-icon-color: var(--spectrum-black);
366
- --system-badge-yellow-label-icon-color: var(--spectrum-black);
367
- --system-badge-chartreuse-label-icon-color: var(--spectrum-black);
368
- --system-badge-celery-label-icon-color: var(--spectrum-black);
369
- --system-badge-gray-label-icon-color: var(
370
- --spectrum-badge-label-icon-color-primary
371
- );
372
- --system-badge-red-label-icon-color: var(
373
- --spectrum-badge-label-icon-color-primary
374
- );
375
- --system-badge-green-label-icon-color: var(
376
- --spectrum-badge-label-icon-color-primary
377
- );
378
- --system-badge-seafoam-label-icon-color: var(
379
- --spectrum-badge-label-icon-color-primary
380
- );
381
- --system-badge-cyan-label-icon-color: var(
382
- --spectrum-badge-label-icon-color-primary
383
- );
384
- --system-badge-blue-label-icon-color: var(
385
- --spectrum-badge-label-icon-color-primary
386
- );
387
- --system-badge-indigo-label-icon-color: var(
388
- --spectrum-badge-label-icon-color-primary
389
- );
390
- --system-badge-purple-label-icon-color: var(
391
- --spectrum-badge-label-icon-color-primary
392
- );
393
- --system-badge-fuchsia-label-icon-color: var(
394
- --spectrum-badge-label-icon-color-primary
395
- );
396
- --system-badge-magenta-label-icon-color: var(
397
- --spectrum-badge-label-icon-color-primary
398
- );
399
- --system-badge-size-s-height: var(--spectrum-component-height-75);
400
- --system-badge-size-s-font-size: var(--spectrum-font-size-75);
401
- --system-badge-size-s-label-spacing-vertical-top: var(
402
- --spectrum-component-top-to-text-75
403
- );
404
- --system-badge-size-s-label-spacing-vertical-bottom: var(
405
- --spectrum-component-bottom-to-text-75
406
- );
407
- --system-badge-size-s-label-spacing-horizontal: var(
408
- --spectrum-component-edge-to-text-75
409
- );
410
- --system-badge-size-s-workflow-icon-size: var(
411
- --spectrum-workflow-icon-size-75
412
- );
413
- --system-badge-size-s-icon-text-spacing: var(--spectrum-text-to-visual-75);
414
- --system-badge-size-s-icon-spacing-horizontal: var(
415
- --spectrum-component-edge-to-visual-75
416
- );
417
- --system-badge-size-s-icon-spacing-vertical-top: var(
418
- --spectrum-component-top-to-workflow-icon-75
419
- );
420
- --system-badge-size-s-icon-only-spacing-horizontal: var(
421
- --spectrum-component-edge-to-visual-only-75
422
- );
423
- --system-badge-size-l-height: var(--spectrum-component-height-100);
424
- --system-badge-size-l-font-size: var(--spectrum-font-size-200);
425
- --system-badge-size-l-label-spacing-vertical-top: var(
426
- --spectrum-component-top-to-text-200
427
- );
428
- --system-badge-size-l-label-spacing-vertical-bottom: var(
429
- --spectrum-component-bottom-to-text-200
430
- );
431
- --system-badge-size-l-label-spacing-horizontal: var(
432
- --spectrum-component-edge-to-text-200
433
- );
434
- --system-badge-size-l-workflow-icon-size: var(
435
- --spectrum-workflow-icon-size-200
436
- );
437
- --system-badge-size-l-icon-text-spacing: var(--spectrum-text-to-visual-200);
438
- --system-badge-size-l-icon-spacing-horizontal: var(
439
- --spectrum-component-edge-to-visual-200
440
- );
441
- --system-badge-size-l-icon-spacing-vertical-top: var(
442
- --spectrum-component-top-to-workflow-icon-200
443
- );
444
- --system-badge-size-l-icon-only-spacing-horizontal: var(
445
- --spectrum-component-edge-to-visual-only-200
446
- );
447
- --system-badge-size-xl-height: var(--spectrum-component-height-100);
448
- --system-badge-size-xl-font-size: var(--spectrum-font-size-300);
449
- --system-badge-size-xl-label-spacing-vertical-top: var(
450
- --spectrum-component-top-to-text-300
451
- );
452
- --system-badge-size-xl-label-spacing-vertical-bottom: var(
453
- --spectrum-component-bottom-to-text-300
454
- );
455
- --system-badge-size-xl-label-spacing-horizontal: var(
456
- --spectrum-component-edge-to-text-300
457
- );
458
- --system-badge-size-xl-workflow-icon-size: var(
459
- --spectrum-workflow-icon-size-300
460
- );
461
- --system-badge-size-xl-icon-text-spacing: var(
462
- --spectrum-text-to-visual-300
463
- );
464
- --system-badge-size-xl-icon-spacing-horizontal: var(
465
- --spectrum-component-edge-to-visual-300
466
- );
467
- --system-badge-size-xl-icon-spacing-vertical-top: var(
468
- --spectrum-component-top-to-workflow-icon-300
469
- );
470
- --system-badge-size-xl-icon-only-spacing-horizontal: var(
471
- --spectrum-component-edge-to-visual-only-300
472
- );
473
148
  --system-button-background-color-default: var(--spectrum-gray-200);
474
149
  --system-button-background-color-hover: var(--spectrum-gray-300);
475
150
  --system-button-background-color-down: var(--spectrum-gray-400);
@@ -510,15 +185,9 @@
510
185
  --system-button-secondary-background-color-default: var(
511
186
  --spectrum-gray-200
512
187
  );
513
- --system-button-secondary-not-outline-background-color-hover: var(
514
- --spectrum-gray-300
515
- );
516
- --system-button-secondary-not-outline-background-color-down: var(
517
- --spectrum-gray-400
518
- );
519
- --system-button-secondary-not-outline-background-color-focus: var(
520
- --spectrum-gray-300
521
- );
188
+ --system-button-secondary-background-color-hover: var(--spectrum-gray-300);
189
+ --system-button-secondary-background-color-down: var(--spectrum-gray-400);
190
+ --system-button-secondary-background-color-focus: var(--spectrum-gray-300);
522
191
  --system-button-secondary-outline-background-color-hover: var(
523
192
  --spectrum-gray-300
524
193
  );
@@ -531,6 +200,9 @@
531
200
  --system-button-secondary-outline-border-color-default: var(
532
201
  --spectrum-gray-300
533
202
  );
203
+ --system-button-secondary-outline-border-color-down: var(
204
+ --spectrum-gray-500
205
+ );
534
206
  --system-button-static-white-background-color-default: var(
535
207
  --spectrum-transparent-white-800
536
208
  );
@@ -547,6 +219,42 @@
547
219
  --system-button-static-white-content-color-hover: var(--spectrum-black);
548
220
  --system-button-static-white-content-color-down: var(--spectrum-black);
549
221
  --system-button-static-white-content-color-focus: var(--spectrum-black);
222
+ --system-button-static-white-outline-background-color-default: var(
223
+ --spectrum-transparent-white-25
224
+ );
225
+ --system-button-static-white-outline-background-color-hover: var(
226
+ --spectrum-transparent-white-300
227
+ );
228
+ --system-button-static-white-outline-background-color-down: var(
229
+ --spectrum-transparent-white-400
230
+ );
231
+ --system-button-static-white-outline-background-color-focus: var(
232
+ --spectrum-transparent-white-300
233
+ );
234
+ --system-button-static-white-outline-content-color-default: var(
235
+ --spectrum-white
236
+ );
237
+ --system-button-static-white-outline-content-color-hover: var(
238
+ --spectrum-white
239
+ );
240
+ --system-button-static-white-outline-content-color-down: var(
241
+ --spectrum-white
242
+ );
243
+ --system-button-static-white-outline-content-color-focus: var(
244
+ --spectrum-white
245
+ );
246
+ --system-button-static-white-outline-border-color-default: var(
247
+ --spectrum-transparent-white-800
248
+ );
249
+ --system-button-static-white-outline-border-color-hover: var(
250
+ --spectrum-transparent-white-900
251
+ );
252
+ --system-button-static-white-outline-border-color-down: var(
253
+ --spectrum-transparent-white-900
254
+ );
255
+ --system-button-static-white-outline-border-color-focus: var(
256
+ --spectrum-transparent-white-900
257
+ );
550
258
  --system-button-static-white-secondary-background-color-default: var(
551
259
  --spectrum-transparent-white-200
552
260
  );
@@ -583,46 +291,16 @@
583
291
  --system-button-static-white-secondary-outline-border-color-focus: var(
584
292
  --spectrum-transparent-white-400
585
293
  );
586
- --system-button-static-white-outline-not-secondary-background-color-hover: var(
587
- --spectrum-transparent-white-300
588
- );
589
- --system-button-static-white-outline-not-secondary-background-color-down: var(
590
- --spectrum-transparent-white-400
591
- );
592
- --system-button-static-white-outline-not-secondary-background-color-focus: var(
593
- --spectrum-transparent-white-300
594
- );
595
- --system-button-static-white-outline-not-secondary-content-color-default: var(
596
- --spectrum-white
597
- );
598
- --system-button-static-white-outline-not-secondary-content-color-hover: var(
599
- --spectrum-white
600
- );
601
- --system-button-static-white-outline-not-secondary-content-color-down: var(
602
- --spectrum-white
603
- );
604
- --system-button-static-white-outline-not-secondary-content-color-focus: var(
605
- --spectrum-white
606
- );
607
- --system-button-static-white-outline-not-secondary-border-color-default: var(
294
+ --system-button-static-white-secondary-outline-background-color-default: var(
608
295
  --spectrum-transparent-white-800
609
296
  );
610
- --system-button-static-white-outline-not-secondary-border-color-hover: var(
611
- --spectrum-transparent-white-900
612
- );
613
- --system-button-static-white-outline-not-secondary-border-color-down: var(
614
- --spectrum-transparent-white-900
615
- );
616
- --system-button-static-white-outline-not-secondary-border-color-focus: var(
617
- --spectrum-transparent-white-900
618
- );
619
- --system-button-static-white-outline-secondary-background-color-hover: var(
297
+ --system-button-static-white-secondary-outline-background-color-hover: var(
620
298
  --spectrum-transparent-white-300
621
299
  );
622
- --system-button-static-white-outline-secondary-background-color-down: var(
300
+ --system-button-static-white-secondary-outline-background-color-down: var(
623
301
  --spectrum-transparent-white-400
624
302
  );
625
- --system-button-static-white-outline-secondary-background-color-focus: var(
303
+ --system-button-static-white-secondary-outline-background-color-focus: var(
626
304
  --spectrum-transparent-white-300
627
305
  );
628
306
  --system-button-static-black-background-color-default: var(
@@ -641,319 +319,103 @@
641
319
  --system-button-static-black-content-color-hover: var(--spectrum-white);
642
320
  --system-button-static-black-content-color-down: var(--spectrum-white);
643
321
  --system-button-static-black-content-color-focus: var(--spectrum-white);
644
- --system-button-static-black-secondary-background-color-default: var(
645
- --spectrum-transparent-black-200
322
+ --system-button-static-black-outline-background-color-default: var(
323
+ --spectrum-transparent-black-25
646
324
  );
647
- --system-button-static-black-secondary-background-color-hover: var(
325
+ --system-button-static-black-outline-background-color-hover: var(
648
326
  --spectrum-transparent-black-300
649
327
  );
650
- --system-button-static-black-secondary-background-color-down: var(
328
+ --system-button-static-black-outline-background-color-down: var(
651
329
  --spectrum-transparent-black-400
652
330
  );
653
- --system-button-static-black-secondary-background-color-focus: var(
331
+ --system-button-static-black-outline-background-color-focus: var(
654
332
  --spectrum-transparent-black-300
655
333
  );
656
- --system-button-static-black-secondary-content-color-default: var(
334
+ --system-button-static-black-outline-content-color-default: var(
657
335
  --spectrum-black
658
336
  );
659
- --system-button-static-black-secondary-content-color-hover: var(
337
+ --system-button-static-black-outline-content-color-hover: var(
660
338
  --spectrum-black
661
339
  );
662
- --system-button-static-black-secondary-content-color-down: var(
340
+ --system-button-static-black-outline-content-color-down: var(
663
341
  --spectrum-black
664
342
  );
665
- --system-button-static-black-secondary-content-color-focus: var(
343
+ --system-button-static-black-outline-content-color-focus: var(
666
344
  --spectrum-black
667
345
  );
668
- --system-button-static-black-secondary-outline-background-color-hover: var(
346
+ --system-button-static-black-outline-border-color-default: var(
669
347
  --spectrum-transparent-black-400
670
348
  );
671
- --system-button-static-black-secondary-outline-background-color-down: var(
349
+ --system-button-static-black-outline-border-color-hover: var(
672
350
  --spectrum-transparent-black-500
673
351
  );
674
- --system-button-static-black-secondary-outline-background-color-focus: var(
675
- --spectrum-transparent-black-400
676
- );
677
- --system-button-static-black-secondary-outline-border-color-default: var(
678
- --spectrum-transparent-black-300
679
- );
680
- --system-button-static-black-secondary-outline-border-color-hover: var(
681
- --spectrum-transparent-black-400
352
+ --system-button-static-black-outline-border-color-down: var(
353
+ --spectrum-transparent-black-600
682
354
  );
683
- --system-button-static-black-secondary-outline-border-color-down: var(
355
+ --system-button-static-black-outline-border-color-focus: var(
684
356
  --spectrum-transparent-black-500
685
357
  );
686
- --system-button-static-black-secondary-outline-border-color-focus: var(
687
- --spectrum-transparent-black-400
358
+ --system-button-static-black-secondary-background-color-default: var(
359
+ --spectrum-transparent-black-200
688
360
  );
689
- --system-button-static-black-outline-not-secondary-background-color-hover: var(
361
+ --system-button-static-black-secondary-background-color-hover: var(
690
362
  --spectrum-transparent-black-300
691
363
  );
692
- --system-button-static-black-outline-not-secondary-background-color-down: var(
364
+ --system-button-static-black-secondary-background-color-down: var(
693
365
  --spectrum-transparent-black-400
694
366
  );
695
- --system-button-static-black-outline-not-secondary-background-color-focus: var(
367
+ --system-button-static-black-secondary-background-color-focus: var(
696
368
  --spectrum-transparent-black-300
697
369
  );
698
- --system-button-static-black-outline-not-secondary-content-color-default: var(
370
+ --system-button-static-black-secondary-content-color-default: var(
699
371
  --spectrum-black
700
372
  );
701
- --system-button-static-black-outline-not-secondary-content-color-hover: var(
373
+ --system-button-static-black-secondary-content-color-hover: var(
702
374
  --spectrum-black
703
375
  );
704
- --system-button-static-black-outline-not-secondary-content-color-down: var(
376
+ --system-button-static-black-secondary-content-color-down: var(
705
377
  --spectrum-black
706
378
  );
707
- --system-button-static-black-outline-not-secondary-content-color-focus: var(
379
+ --system-button-static-black-secondary-content-color-focus: var(
708
380
  --spectrum-black
709
381
  );
710
- --system-button-static-black-outline-not-secondary-border-color-default: var(
382
+ --system-button-static-black-secondary-outline-border-color-default: var(
383
+ --spectrum-transparent-black-300
384
+ );
385
+ --system-button-static-black-secondary-outline-border-color-hover: var(
711
386
  --spectrum-transparent-black-400
712
387
  );
713
- --system-button-static-black-outline-not-secondary-border-color-hover: var(
388
+ --system-button-static-black-secondary-outline-border-color-down: var(
714
389
  --spectrum-transparent-black-500
715
390
  );
716
- --system-button-static-black-outline-not-secondary-border-color-down: var(
717
- --spectrum-transparent-black-600
391
+ --system-button-static-black-secondary-outline-border-color-focus: var(
392
+ --spectrum-transparent-black-400
718
393
  );
719
- --system-button-static-black-outline-not-secondary-border-color-focus: var(
720
- --spectrum-transparent-black-500
394
+ --system-button-static-black-secondary-outline-background-color-default: var(
395
+ --spectrum-transparent-black-800
721
396
  );
722
- --system-button-static-black-outline-secondary-background-color-hover: var(
397
+ --system-button-static-black-secondary-outline-background-color-hover: var(
723
398
  --spectrum-transparent-black-300
724
399
  );
725
- --system-button-static-black-outline-secondary-background-color-down: var(
400
+ --system-button-static-black-secondary-outline-background-color-down: var(
726
401
  --spectrum-transparent-black-400
727
402
  );
728
- --system-button-static-black-outline-secondary-background-color-focus: var(
403
+ --system-button-static-black-secondary-outline-background-color-focus: var(
729
404
  --spectrum-transparent-black-300
730
405
  );
731
- --system-button-group-spacing-horizontal: var(--spectrum-spacing-300);
732
- --system-button-group-spacing-vertical: var(--spectrum-spacing-300);
733
- --system-button-group-size-s-spacing-horizontal: var(
734
- --spectrum-spacing-200
735
- );
736
- --system-button-group-size-s-spacing-vertical: var(--spectrum-spacing-200);
737
- --system-button-group-size-m-spacing-horizontal: var(
738
- --spectrum-spacing-300
739
- );
740
- --system-button-group-size-m-spacing-vertical: var(--spectrum-spacing-300);
741
- --system-button-group-size-l-spacing-horizontal: var(
742
- --spectrum-spacing-300
743
- );
744
- --system-button-group-size-l-spacing-vertical: var(--spectrum-spacing-300);
745
- --system-button-group-size-xl-spacing-horizontal: var(
746
- --spectrum-spacing-300
747
- );
748
- --system-button-group-size-xl-spacing-vertical: var(--spectrum-spacing-300);
749
- --system-breadcrumbs-block-size: var(--spectrum-breadcrumbs-height);
750
- --system-breadcrumbs-block-size-compact: var(
751
- --spectrum-breadcrumbs-height-compact
752
- );
753
- --system-breadcrumbs-block-size-multiline: var(
754
- --spectrum-breadcrumbs-height-multiline
755
- );
756
- --system-breadcrumbs-line-height: var(--spectrum-line-height-100);
757
- --system-breadcrumbs-font-size: var(--spectrum-font-size-200);
758
- --system-breadcrumbs-font-family: var(--spectrum-sans-font-family-stack);
759
- --system-breadcrumbs-font-weight: var(--spectrum-regular-font-weight);
760
- --system-breadcrumbs-font-size-current: var(--spectrum-font-size-200);
761
- --system-breadcrumbs-font-family-current: var(
762
- --spectrum-sans-font-family-stack
763
- );
764
- --system-breadcrumbs-font-weight-current: var(--spectrum-bold-font-weight);
765
- --system-breadcrumbs-font-size-compact: var(--spectrum-font-size-100);
766
- --system-breadcrumbs-font-family-compact: var(
767
- --spectrum-sans-font-family-stack
768
- );
769
- --system-breadcrumbs-font-weight-compact: var(
770
- --spectrum-regular-font-weight
771
- );
772
- --system-breadcrumbs-font-size-compact-current: var(
773
- --spectrum-font-size-100
774
- );
775
- --system-breadcrumbs-font-family-compact-current: var(
776
- --spectrum-sans-font-family-stack
777
- );
778
- --system-breadcrumbs-font-weight-compact-current: var(
779
- --spectrum-bold-font-weight
780
- );
781
- --system-breadcrumbs-font-size-multiline: var(--spectrum-font-size-75);
782
- --system-breadcrumbs-font-family-multiline: var(
783
- --spectrum-sans-font-family-stack
784
- );
785
- --system-breadcrumbs-font-weight-multiline: var(
786
- --spectrum-regular-font-weight
787
- );
788
- --system-breadcrumbs-font-size-multiline-current: var(
789
- --spectrum-font-size-300
790
- );
791
- --system-breadcrumbs-font-family-multiline-current: var(
792
- --spectrum-sans-font-family-stack
793
- );
794
- --system-breadcrumbs-font-weight-multiline-current: var(
795
- --spectrum-bold-font-weight
796
- );
797
- --system-breadcrumbs-text-decoration-thickness: var(
798
- --spectrum-text-underline-thickness
799
- );
800
- --system-breadcrumbs-text-decoration-gap: var(
801
- --spectrum-text-underline-gap
802
- );
803
- --system-breadcrumbs-separator-spacing-inline: var(
804
- --spectrum-text-to-visual-100
805
- );
806
- --system-breadcrumbs-text-spacing-block-start: var(
807
- --spectrum-breadcrumbs-top-to-text
808
- );
809
- --system-breadcrumbs-text-spacing-block-end: var(
810
- --spectrum-breadcrumbs-bottom-to-text
811
- );
812
- --system-breadcrumbs-icon-spacing-block: var(
813
- --spectrum-breadcrumbs-top-to-separator-icon
814
- );
815
- --system-breadcrumbs-text-spacing-block-start-compact: var(
816
- --spectrum-breadcrumbs-top-to-text-compact
817
- );
818
- --system-breadcrumbs-text-spacing-block-end-compact: var(
819
- --spectrum-breadcrumbs-bottom-to-text-compact
820
- );
821
- --system-breadcrumbs-icon-spacing-block-compact: var(
822
- --spectrum-breadcrumbs-top-to-separator-icon-compact
823
- );
824
- --system-breadcrumbs-text-spacing-block-start-multiline: var(
825
- --spectrum-breadcrumbs-top-to-text-multiline
826
- );
827
- --system-breadcrumbs-text-spacing-block-end-multiline: var(
828
- --spectrum-breadcrumbs-bottom-to-text-multiline
829
- );
830
- --system-breadcrumbs-text-spacing-block-between-multiline: var(
831
- --spectrum-breadcrumbs-top-text-to-bottom-text
832
- );
833
- --system-breadcrumbs-icon-spacing-block-start-multiline: var(
834
- --spectrum-breadcrumbs-top-to-separator-icon-multiline
835
- );
836
- --system-breadcrumbs-icon-spacing-block-between-multiline: var(
837
- --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline
838
- );
839
- --system-breadcrumbs-inline-start: var(
840
- --spectrum-breadcrumbs-start-edge-to-text
841
- );
842
- --system-breadcrumbs-inline-end: var(
843
- --spectrum-breadcrumbs-end-edge-to-text
844
- );
845
- --system-breadcrumbs-action-button-spacing-inline: var(
846
- --spectrum-breadcrumbs-truncated-menu-to-separator-icon
847
- );
848
- --system-breadcrumbs-action-button-spacing-block: var(
849
- --spectrum-breadcrumbs-top-to-truncated-menu
850
- );
851
- --system-breadcrumbs-action-button-spacing-block-compact: var(
852
- --spectrum-breadcrumbs-top-to-truncated-menu-compact
853
- );
854
- --system-breadcrumbs-action-button-spacing-inline-start: var(
855
- --spectrum-breadcrumbs-start-edge-to-truncated-menu
856
- );
857
- --system-breadcrumbs-action-button-spacing-block-multiline: var(
858
- --spectrum-breadcrumbs-top-to-truncated-menu-compact
859
- );
860
- --system-breadcrumbs-action-button-spacing-block-between-multiline: var(
861
- --spectrum-breadcrumbs-truncated-menu-to-bottom-text
862
- );
863
- --system-breadcrumbs-focus-indicator-thickness: var(
864
- --spectrum-focus-indicator-thickness
865
- );
866
- --system-breadcrumbs-focus-indicator-gap: var(
867
- --spectrum-focus-indicator-gap
868
- );
869
- --system-breadcrumbs-item-link-border-radius: var(
870
- --spectrum-corner-radius-100
871
- );
872
- --system-breadcrumbs-text-color: var(
873
- --spectrum-neutral-subdued-content-color-default
874
- );
875
- --system-breadcrumbs-text-color-current: var(
876
- --spectrum-neutral-content-color-default
877
- );
878
- --system-breadcrumbs-text-color-disabled: var(
879
- --spectrum-disabled-content-color
880
- );
881
- --system-breadcrumbs-separator-color: var(
882
- --spectrum-neutral-content-color-default
883
- );
884
- --system-breadcrumbs-action-button-color: var(
885
- --spectrum-neutral-subdued-content-color-default
886
- );
887
- --system-breadcrumbs-action-button-color-disabled: var(
888
- --spectrum-disabled-content-color
889
- );
890
- --system-breadcrumbs-focus-indicator-color: var(
891
- --spectrum-focus-indicator-color
892
- );
893
406
  --system-checkbox-control-color-default: var(--spectrum-gray-800);
894
407
  --system-checkbox-control-color-hover: var(--spectrum-gray-900);
895
408
  --system-checkbox-control-color-down: var(--spectrum-gray-900);
896
409
  --system-checkbox-control-color-focus: var(--spectrum-gray-900);
897
410
  --system-checkbox-checkmark-color: var(--spectrum-gray-75);
898
411
  --system-checkbox-control-corner-radius: var(--spectrum-corner-radius-75);
899
- --system-card-background-color: var(--spectrum-background-layer-2-color);
900
- --system-card-body-spacing: var(--spectrum-spacing-400);
901
- --system-card-title-padding-top: var(--spectrum-spacing-300);
902
- --system-card-title-padding-right: var(--spectrum-spacing-400);
903
- --system-card-content-margin-top: var(--spectrum-spacing-100);
904
- --system-card-content-margin-bottom: var(--spectrum-spacing-300);
905
- --system-card-footer-padding-top: var(--spectrum-spacing-100);
906
- --system-card-subtitle-padding-right: var(--spectrum-spacing-100);
907
- --system-card-border-width: var(--spectrum-border-width-100);
908
- --system-card-corner-radius: var(--spectrum-corner-radius-100);
909
412
  --system-card-border-color: var(--spectrum-gray-200);
910
413
  --system-card-border-color-hover: var(--spectrum-gray-300);
911
- --system-card-border-color-selected: var(--spectrum-blue-700);
912
414
  --system-card-divider-color: var(--spectrum-gray-300);
913
- --system-card-title-font-family: var(--spectrum-sans-font-family-stack);
914
- --system-card-title-font-size: var(--spectrum-heading-size-xxs);
915
- --system-card-title-font-weight: var(
916
- --spectrum-heading-sans-serif-font-weight
917
- );
918
- --system-card-title-font-style: var(
919
- --spectrum-heading-sans-serif-font-style
920
- );
921
- --system-card-title-line-height: var(--spectrum-heading-line-height);
922
- --system-card-title-font-color: var(--spectrum-heading-color);
923
- --system-card-body-font-family: var(--spectrum-sans-font-family-stack);
924
- --system-card-body-font-size: var(--spectrum-body-size-s);
925
- --system-card-body-font-weight: var(--spectrum-body-sans-serif-font-weight);
926
- --system-card-body-font-style: var(--spectrum-body-sans-serif-font-style);
927
- --system-card-body-line-height: var(--spectrum-body-line-height);
928
- --system-card-body-font-color: var(--spectrum-body-color);
929
- --system-card-actions-spacing: var(--spectrum-spacing-300);
930
- --system-card-actions-size: var(--spectrum-card-selection-background-size);
931
- --system-card-actions-border-radius: var(--spectrum-corner-radius-100);
932
- --system-card-actions-background-color-rgb: var(--spectrum-gray-100-rgb);
933
- --system-card-actions-background-color-opacity: var(
934
- --spectrum-card-selection-background-color-opacity
935
- );
936
- --system-card-actions-drop-shadow-color: var(--spectrum-drop-shadow-color);
937
- --system-card-actions-drop-shadow-x: var(--spectrum-drop-shadow-x);
938
- --system-card-actions-drop-shadow-y: var(--spectrum-drop-shadow-y);
939
- --system-card-actions-drop-shadow-blur: var(--spectrum-drop-shadow-blur);
940
- --system-card-focus-indicator-color: var(--spectrum-focus-indicator-color);
941
- --system-card-focus-indicator-width: var(
942
- --spectrum-focus-indicator-thickness
943
- );
944
- --system-card-selected-background-opacity: 0.1;
945
- --system-card-preview-border-width-selected: var(
946
- --spectrum-border-width-100
947
- );
948
415
  --system-card-preview-background-color: var(
949
416
  --spectrum-background-base-color
950
417
  );
951
418
  --system-card-preview-background-color-hover: var(--spectrum-gray-300);
952
- --system-card-horizontal-body-padding: var(--spectrum-spacing-300);
953
- --system-card-horizontal-preview-padding: var(--spectrum-spacing-200);
954
- --system-card-content-margin-top-quiet: var(--spectrum-spacing-100);
955
- --system-card-minimum-width-quiet: var(--spectrum-card-minimum-width);
956
- --system-card-background-color-quiet: var(--spectrum-background-base-color);
957
419
  --system-clear-button-background-color: var(--spectrum-gray-200);
958
420
  --system-clear-button-background-color-hover: var(--spectrum-gray-300);
959
421
  --system-clear-button-background-color-down: var(--spectrum-gray-400);
@@ -1219,124 +681,7 @@
1219
681
  --system-coach-mark-buttongroup-spacing-horizontal: var(
1220
682
  --spectrum-spacing-100
1221
683
  );
1222
- --system-color-area-border-radius: var(
1223
- --spectrum-color-area-border-rounding
1224
- );
1225
- --system-color-area-border-color-rgb: 0, 0, 0;
1226
- --system-color-area-border-color-opacity: 0.1;
1227
- --system-color-area-border-color: rgba(
1228
- var(--system-color-area-border-color-rgb),
1229
- var(--system-color-area-border-color-opacity)
1230
- );
1231
- --system-color-area-disabled-background-color: var(
1232
- --spectrum-disabled-background-color
1233
- );
1234
- --system-color-area-border-width: var(--spectrum-color-area-border-width);
1235
- --system-color-area-height: var(--spectrum-color-area-height);
1236
- --system-color-area-width: var(--spectrum-color-area-width);
1237
- --system-color-area-min-width: var(--spectrum-color-area-minimum-width);
1238
- --system-color-area-min-height: var(--spectrum-color-area-minimum-height);
1239
- --system-color-handle-size: var(--spectrum-color-handle-size);
1240
- --system-color-handle-focused-size: var(
1241
- --spectrum-color-handle-size-key-focus
1242
- );
1243
- --system-color-handle-hitarea-size: var(
1244
- --spectrum-color-control-track-width
1245
- );
1246
- --system-color-handle-animation-duration: var(
1247
- --spectrum-animation-duration-100
1248
- );
1249
- --system-color-handle-animation-easing: ease-in-out;
1250
- --system-color-handle-outer-border-color: rgba(
1251
- var(--spectrum-black-rgb),
1252
- var(--spectrum-color-handle-outer-border-opacity)
1253
- );
1254
- --system-color-handle-outer-border-width: var(
1255
- --spectrum-color-handle-outer-border-width
1256
- );
1257
- --system-color-handle-inner-border-color: rgba(
1258
- var(--spectrum-black-rgb),
1259
- var(--spectrum-color-handle-inner-border-opacity)
1260
- );
1261
- --system-color-handle-inner-border-width: var(
1262
- --spectrum-color-handle-inner-border-width
1263
- );
1264
- --system-color-handle-border-width: var(
1265
- --spectrum-color-handle-border-width
1266
- );
1267
- --system-color-handle-border-color: var(--spectrum-white);
1268
- --system-color-handle-border-color-disabled: var(
1269
- --spectrum-disabled-content-color
1270
- );
1271
- --system-color-handle-fill-color-disabled: var(
1272
- --spectrum-disabled-background-color
1273
- );
1274
- --system-color-loupe-width: var(--spectrum-color-loupe-width);
1275
- --system-color-loupe-height: var(--spectrum-color-loupe-height);
1276
- --system-color-loupe-offset: var(
1277
- --spectrum-color-loupe-bottom-to-color-handle
1278
- );
1279
- --system-color-loupe-animation-distance: 8px;
1280
- --system-color-loupe-drop-shadow-x: var(--spectrum-drop-shadow-x);
1281
- --system-color-loupe-drop-shadow-y: var(
1282
- --spectrum-color-loupe-drop-shadow-y
1283
- );
1284
- --system-color-loupe-drop-shadow-blur: var(
1285
- --spectrum-color-loupe-drop-shadow-blur
1286
- );
1287
- --system-color-loupe-drop-shadow-color: var(
1288
- --spectrum-color-loupe-drop-shadow-color
1289
- );
1290
- --system-color-loupe-outer-border-width: var(
1291
- --spectrum-color-loupe-outer-border-width
1292
- );
1293
- --system-color-loupe-inner-border-width: var(
1294
- --spectrum-color-loupe-inner-border-width
1295
- );
1296
- --system-color-loupe-outer-border-color: var(
1297
- --spectrum-color-loupe-outer-border
1298
- );
1299
- --system-color-loupe-inner-border-color: var(
1300
- --spectrum-color-loupe-inner-border
1301
- );
1302
- --system-color-loupe-checkerboard-dark-color: var(
1303
- --spectrum-opacity-checkerboard-square-dark
1304
- );
1305
- --system-color-loupe-checkerboard-light-color: var(
1306
- --spectrum-opacity-checkerboard-square-light
1307
- );
1308
- --system-color-slider-handle-margin-block: var(
1309
- --spectrum-component-top-to-text-75
1310
- );
1311
- --system-color-slider-border-color-rgba: rgba(
1312
- var(--spectrum-gray-900-rgb),
1313
- var(--spectrum-color-slider-border-opacity)
1314
- );
1315
- --system-color-slider-checkerboard-size: var(
1316
- --spectrum-opacity-checkerboard-square-size
1317
- );
1318
- --system-color-slider-checkerboard-dark-color: var(
1319
- --spectrum-opacity-checkerboard-square-dark
1320
- );
1321
- --system-color-slider-checkerboard-light-color: var(
1322
- --spectrum-opacity-checkerboard-square-light
1323
- );
1324
- --system-color-wheel-width: var(--spectrum-color-wheel-width);
1325
- --system-color-wheel-min-width: var(--spectrum-color-wheel-minimum-width);
1326
- --system-color-wheel-height: var(--spectrum-color-wheel-width);
1327
684
  --system-color-wheel-border-color: var(--spectrum-transparent-black-200);
1328
- --system-color-wheel-border-width: var(--spectrum-border-width-100);
1329
- --system-color-wheel-fill-color-disabled: var(
1330
- --spectrum-disabled-background-color
1331
- );
1332
- --system-color-wheel-track-width: var(--spectrum-color-control-track-width);
1333
- --system-color-wheel-colorarea-margin: var(
1334
- --spectrum-color-wheel-color-area-margin
1335
- );
1336
- --system-color-wheel-colorhandle-position: calc(
1337
- var(--system-color-wheel-width) / 2 -
1338
- var(--system-color-wheel-track-width) / 2
1339
- );
1340
685
  --system-combobox-border-color-default: var(--spectrum-gray-400);
1341
686
  --system-combobox-border-color-hover: var(--spectrum-gray-500);
1342
687
  --system-combobox-border-color-focus: var(--spectrum-gray-900);
@@ -1387,27 +732,13 @@
1387
732
  26px - var(--spectrum-component-bottom-to-text-300)
1388
733
  );
1389
734
  --system-dialog-confirm-divider-height: var(--spectrum-spacing-50);
1390
- --system-divider-background-color-small: var(--spectrum-gray-300);
1391
- --system-divider-background-color-medium: var(--spectrum-gray-300);
1392
- --system-divider-background-color-large: var(--spectrum-gray-800);
1393
- --system-divider-background-color-small-static-white: var(
735
+ --system-divider-background-color: var(--spectrum-gray-300);
736
+ --system-divider-background-color-static-white: var(
1394
737
  --spectrum-transparent-white-300
1395
738
  );
1396
- --system-divider-background-color-medium-static-white: var(
1397
- --spectrum-transparent-white-300
1398
- );
1399
- --system-divider-background-color-large-static-white: var(
1400
- --spectrum-transparent-white-800
1401
- );
1402
- --system-divider-background-color-small-static-black: var(
739
+ --system-divider-background-color-static-black: var(
1403
740
  --spectrum-transparent-black-300
1404
741
  );
1405
- --system-divider-background-color-medium-static-black: var(
1406
- --spectrum-transparent-black-300
1407
- );
1408
- --system-divider-background-color-large-static-black: var(
1409
- --spectrum-transparent-black-800
1410
- );
1411
742
  --system-drop-zone-padding: var(--spectrum-spacing-400);
1412
743
  --system-drop-zone-illustration-to-heading: var(--spectrum-spacing-400);
1413
744
  --system-drop-zone-heading-to-body: var(--spectrum-spacing-75);
@@ -1946,49 +1277,6 @@
1946
1277
  --system-search-size-xl-edge-to-visual: var(
1947
1278
  --spectrum-component-pill-edge-to-visual-300
1948
1279
  );
1949
- --system-side-nav-focus-ring-size: var(
1950
- --spectrum-focus-indicator-thickness
1951
- );
1952
- --system-side-nav-focus-ring-gap: var(--spectrum-focus-indicator-gap);
1953
- --system-side-nav-focus-ring-color: var(--spectrum-focus-indicator-color);
1954
- --system-side-nav-min-height: var(--spectrum-component-height-100);
1955
- --system-side-nav-width: 100%;
1956
- --system-side-nav-min-width: var(--spectrum-side-navigation-minimum-width);
1957
- --system-side-nav-max-width: var(--spectrum-side-navigation-maximum-width);
1958
- --system-side-nav-border-radius: var(--spectrum-corner-radius-100);
1959
- --system-side-nav-icon-size: var(--spectrum-workflow-icon-size-100);
1960
- --system-side-nav-icon-spacing: var(--spectrum-text-to-visual-100);
1961
- --system-side-nav-inline-padding: var(
1962
- --spectrum-component-edge-to-text-100
1963
- );
1964
- --system-side-nav-gap: var(--spectrum-side-navigation-item-to-item);
1965
- --system-side-nav-top-to-icon: var(
1966
- --spectrum-component-top-to-workflow-icon-100
1967
- );
1968
- --system-side-nav-top-to-label: var(--spectrum-component-top-to-text-100);
1969
- --system-side-nav-bottom-to-label: var(
1970
- --spectrum-side-navigation-bottom-to-text
1971
- );
1972
- --system-side-nav-start-to-content-second-level: var(
1973
- --spectrum-side-navigation-second-level-edge-to-text
1974
- );
1975
- --system-side-nav-start-to-content-third-level: var(
1976
- --spectrum-side-navigation-third-level-edge-to-text
1977
- );
1978
- --system-side-nav-start-to-content-with-icon-second-level: var(
1979
- --spectrum-side-navigation-with-icon-second-level-edge-to-text
1980
- );
1981
- --system-side-nav-start-to-content-with-icon-third-level: var(
1982
- --spectrum-side-navigation-with-icon-third-level-edge-to-text
1983
- );
1984
- --system-side-nav-heading-top-margin: var(
1985
- --spectrum-side-navigation-item-to-header
1986
- );
1987
- --system-side-nav-heading-bottom-margin: var(
1988
- --spectrum-side-navigation-header-to-item
1989
- );
1990
- --system-side-nav-background-disabled: transparent;
1991
- --system-side-nav-background-default: transparent;
1992
1280
  --system-side-nav-background-hover: var(--spectrum-gray-200);
1993
1281
  --system-side-nav-item-background-down: var(--spectrum-gray-300);
1994
1282
  --system-side-nav-background-key-focus: var(--spectrum-gray-200);
@@ -1998,80 +1286,6 @@
1998
1286
  --system-side-nav-background-hover-selected: var(--spectrum-gray-300);
1999
1287
  --system-side-nav-item-background-down-selected: var(--spectrum-gray-300);
2000
1288
  --system-side-nav-background-key-focus-selected: var(--spectrum-gray-200);
2001
- --system-side-nav-header-color: var(--spectrum-gray-600);
2002
- --system-side-nav-content-disabled-color: var(
2003
- --spectrum-disabled-content-color
2004
- );
2005
- --system-side-nav-content-color-default: var(
2006
- --spectrum-neutral-content-color-default
2007
- );
2008
- --system-side-nav-content-color-hover: var(
2009
- --spectrum-neutral-content-color-hover
2010
- );
2011
- --system-side-nav-content-color-down: var(
2012
- --spectrum-neutral-content-color-down
2013
- );
2014
- --system-side-nav-content-color-key-focus: var(
2015
- --spectrum-neutral-content-color-key-focus
2016
- );
2017
- --system-side-nav-content-color-default-selected: var(
2018
- --spectrum-neutral-content-color-default
2019
- );
2020
- --system-side-nav-content-color-hover-selected: var(
2021
- --spectrum-neutral-content-color-hover
2022
- );
2023
- --system-side-nav-content-color-down-selected: var(
2024
- --spectrum-neutral-content-color-down
2025
- );
2026
- --system-side-nav-content-color-key-focus-selected: var(
2027
- --spectrum-neutral-content-color-key-focus
2028
- );
2029
- --system-side-nav-text-font-family: var(--spectrum-sans-font-family-stack);
2030
- --system-side-nav-text-font-weight: var(--spectrum-regular-font-weight);
2031
- --system-side-nav-text-font-style: var(--spectrum-default-font-style);
2032
- --system-side-nav-text-font-size: var(--spectrum-font-size-100);
2033
- --system-side-nav-text-line-height: var(--spectrum-line-height-100);
2034
- --system-side-nav-top-level-font-family: var(
2035
- --spectrum-sans-font-family-stack
2036
- );
2037
- --system-side-nav-top-level-font-weight: var(--spectrum-bold-font-weight);
2038
- --system-side-nav-top-level-font-style: var(--spectrum-default-font-style);
2039
- --system-side-nav-top-level-font-size: var(--spectrum-font-size-100);
2040
- --system-side-nav-top-level-line-height: var(--spectrum-line-height-100);
2041
- --system-side-nav-header-font-family: var(
2042
- --spectrum-sans-font-family-stack
2043
- );
2044
- --system-side-nav-header-font-weight: var(--spectrum-medium-font-weight);
2045
- --system-side-nav-header-font-style: var(--spectrum-default-font-style);
2046
- --system-side-nav-header-font-size: var(--spectrum-font-size-75);
2047
- --system-side-nav-header-line-height: var(--spectrum-line-height-100);
2048
- --system-side-nav-lang-ja-text-line-height: var(
2049
- --spectrum-cjk-line-height-100
2050
- );
2051
- --system-side-nav-lang-zh-text-line-height: var(
2052
- --spectrum-cjk-line-height-100
2053
- );
2054
- --system-side-nav-lang-ko-text-line-height: var(
2055
- --spectrum-cjk-line-height-100
2056
- );
2057
- --system-side-nav-lang-ja-top-level-line-height: var(
2058
- --spectrum-cjk-line-height-100
2059
- );
2060
- --system-side-nav-lang-zh-top-level-line-height: var(
2061
- --spectrum-cjk-line-height-100
2062
- );
2063
- --system-side-nav-lang-ko-top-level-line-height: var(
2064
- --spectrum-cjk-line-height-100
2065
- );
2066
- --system-side-nav-lang-ja-header-line-height: var(
2067
- --spectrum-cjk-line-height-100
2068
- );
2069
- --system-side-nav-lang-zh-header-line-height: var(
2070
- --spectrum-cjk-line-height-100
2071
- );
2072
- --system-side-nav-lang-ko-header-line-height: var(
2073
- --spectrum-cjk-line-height-100
2074
- );
2075
1289
  --system-slider-track-color: var(--spectrum-gray-200);
2076
1290
  --system-slider-track-fill-color: var(--spectrum-gray-600);
2077
1291
  --system-slider-ramp-track-color: var(--spectrum-gray-300);
@@ -2103,26 +1317,9 @@
2103
1317
  --system-slider-size-xl-handle-border-radius: calc(
2104
1318
  var(--spectrum-corner-radius-200) * 4
2105
1319
  );
2106
- --system-split-view-vertical-width: 100%;
2107
- --system-split-view-vertical-gripper-width: 50%;
2108
- --system-split-view-vertical-gripper-outer-width: 100%;
2109
- --system-split-view-vertical-gripper-reset: 0;
2110
1320
  --system-split-view-background-color: var(--spectrum-gray-100);
2111
- --system-split-view-content-color: var(--spectrum-body-color);
2112
1321
  --system-split-view-handle-background-color: var(--spectrum-gray-300);
2113
- --system-split-view-handle-background-color-hover: var(--spectrum-gray-400);
2114
- --system-split-view-handle-background-color-down: var(--spectrum-gray-800);
2115
- --system-split-view-handle-background-color-focus: var(
2116
- --spectrum-focus-indicator-color
2117
- );
2118
- --system-split-view-handle-width: var(--spectrum-border-width-200);
2119
1322
  --system-split-view-gripper-border-radius: var(--spectrum-corner-radius-75);
2120
- --system-split-view-gripper-width: var(--spectrum-border-width-400);
2121
- --system-split-view-gripper-height: 16px;
2122
- --system-split-view-gripper-border-width-horizontal: 3px;
2123
- --system-split-view-gripper-border-width-vertical: var(
2124
- --spectrum-border-width-400
2125
- );
2126
1323
  --system-status-light-corner-radius: 50%;
2127
1324
  --system-status-light-font-weight: 400;
2128
1325
  --system-status-light-border-width: var(--spectrum-border-width-100);
@@ -3082,19 +2279,19 @@
3082
2279
  --system-tabs-emphasized-selection-indicator-color: var(
3083
2280
  --spectrum-accent-content-color-default
3084
2281
  );
3085
- --system-tag-border-color: var(--spectrum-gray-300);
3086
- --system-tag-border-color-hover: var(--spectrum-gray-400);
3087
- --system-tag-border-color-active: var(--spectrum-gray-500);
3088
- --system-tag-border-color-focus: var(--spectrum-gray-400);
2282
+ --system-tag-background-color: transparent;
2283
+ --system-tag-background-color-hover: var(--spectrum-gray-300);
2284
+ --system-tag-background-color-active: var(--spectrum-gray-400);
2285
+ --system-tag-background-color-focus: var(--spectrum-gray-300);
3089
2286
  --system-tag-size-small-corner-radius: var(--spectrum-component-height-75);
3090
2287
  --system-tag-size-medium-corner-radius: var(
3091
2288
  --spectrum-component-height-100
3092
2289
  );
3093
2290
  --system-tag-size-large-corner-radius: var(--spectrum-component-height-200);
3094
- --system-tag-background-color: transparent;
3095
- --system-tag-background-color-hover: var(--spectrum-gray-300);
3096
- --system-tag-background-color-active: var(--spectrum-gray-400);
3097
- --system-tag-background-color-focus: var(--spectrum-gray-300);
2291
+ --system-tag-border-color: var(--spectrum-gray-300);
2292
+ --system-tag-border-color-hover: var(--spectrum-gray-400);
2293
+ --system-tag-border-color-active: var(--spectrum-gray-500);
2294
+ --system-tag-border-color-focus: var(--spectrum-gray-400);
3098
2295
  --system-tag-content-color: var(--spectrum-neutral-content-color-default);
3099
2296
  --system-tag-content-color-hover: var(
3100
2297
  --spectrum-neutral-content-color-hover
@@ -3105,6 +2302,7 @@
3105
2302
  --system-tag-content-color-focus: var(
3106
2303
  --spectrum-neutral-content-color-key-focus
3107
2304
  );
2305
+ --system-tag-content-color-selected: var(--spectrum-gray-50);
3108
2306
  --system-tag-border-color-selected: var(
3109
2307
  --spectrum-neutral-background-color-default
3110
2308
  );
@@ -3146,264 +2344,6 @@
3146
2344
  --system-tag-size-large-clear-button-spacing-inline-end: var(
3147
2345
  --spectrum-component-pill-edge-to-visual-200
3148
2346
  );
3149
- --system-tag-avatar-opacity-disabled: 0.3;
3150
- --system-tag-animation-duration: var(--spectrum-animation-duration-100);
3151
- --system-tag-border-width: var(--spectrum-border-width-100);
3152
- --system-tag-focus-ring-thickness: var(
3153
- --spectrum-focus-indicator-thickness
3154
- );
3155
- --system-tag-focus-ring-gap: var(--spectrum-focus-indicator-gap);
3156
- --system-tag-focus-ring-color: var(--spectrum-focus-indicator-color);
3157
- --system-tag-label-line-height: var(--spectrum-line-height-100);
3158
- --system-tag-label-font-weight: var(--spectrum-regular-font-weight);
3159
- --system-tag-content-color-selected: var(--spectrum-gray-50);
3160
- --system-tag-background-color-selected: var(
3161
- --spectrum-neutral-background-color-selected-default
3162
- );
3163
- --system-tag-background-color-selected-hover: var(
3164
- --spectrum-neutral-background-color-selected-hover
3165
- );
3166
- --system-tag-background-color-selected-active: var(
3167
- --spectrum-neutral-background-color-selected-down
3168
- );
3169
- --system-tag-background-color-selected-focus: var(
3170
- --spectrum-neutral-background-color-selected-key-focus
3171
- );
3172
- --system-tag-border-color-invalid: var(--spectrum-negative-color-900);
3173
- --system-tag-border-color-invalid-hover: var(
3174
- --spectrum-negative-color-1000
3175
- );
3176
- --system-tag-border-color-invalid-active: var(
3177
- --spectrum-negative-color-1100
3178
- );
3179
- --system-tag-border-color-invalid-focus: var(
3180
- --spectrum-negative-color-1000
3181
- );
3182
- --system-tag-content-color-invalid: var(
3183
- --spectrum-negative-content-color-default
3184
- );
3185
- --system-tag-content-color-invalid-hover: var(
3186
- --spectrum-negative-content-color-hover
3187
- );
3188
- --system-tag-content-color-invalid-active: var(
3189
- --spectrum-negative-content-color-down
3190
- );
3191
- --system-tag-content-color-invalid-focus: var(
3192
- --spectrum-negative-content-color-key-focus
3193
- );
3194
- --system-tag-border-color-invalid-selected: var(
3195
- --spectrum-negative-background-color-default
3196
- );
3197
- --system-tag-border-color-invalid-selected-hover: var(
3198
- --spectrum-negative-background-color-hover
3199
- );
3200
- --system-tag-border-color-invalid-selected-focus: var(
3201
- --spectrum-negative-background-color-down
3202
- );
3203
- --system-tag-border-color-invalid-selected-active: var(
3204
- --spectrum-negative-background-color-key-focus
3205
- );
3206
- --system-tag-background-color-invalid-selected: var(
3207
- --spectrum-negative-background-color-default
3208
- );
3209
- --system-tag-background-color-invalid-selected-hover: var(
3210
- --spectrum-negative-background-color-hover
3211
- );
3212
- --system-tag-background-color-invalid-selected-active: var(
3213
- --spectrum-negative-background-color-down
3214
- );
3215
- --system-tag-background-color-invalid-selected-focus: var(
3216
- --spectrum-negative-background-color-key-focus
3217
- );
3218
- --system-tag-content-color-invalid-selected: var(--spectrum-white);
3219
- --system-tag-border-color-emphasized: var(
3220
- --spectrum-accent-background-color-default
3221
- );
3222
- --system-tag-border-color-emphasized-hover: var(
3223
- --spectrum-accent-background-color-hover
3224
- );
3225
- --system-tag-border-color-emphasized-active: var(
3226
- --spectrum-accent-background-color-down
3227
- );
3228
- --system-tag-border-color-emphasized-focus: var(
3229
- --spectrum-accent-background-color-key-focus
3230
- );
3231
- --system-tag-background-color-emphasized: var(
3232
- --spectrum-accent-background-color-default
3233
- );
3234
- --system-tag-background-color-emphasized-hover: var(
3235
- --spectrum-accent-background-color-hover
3236
- );
3237
- --system-tag-background-color-emphasized-active: var(
3238
- --spectrum-accent-background-color-down
3239
- );
3240
- --system-tag-background-color-emphasized-focus: var(
3241
- --spectrum-accent-background-color-key-focus
3242
- );
3243
- --system-tag-content-color-emphasized: var(--spectrum-white);
3244
- --system-tag-content-color-disabled: var(--spectrum-disabled-content-color);
3245
- --system-tag-icon-spacing-inline-end: var(--spectrum-text-to-visual-100);
3246
- --system-tag-icon-size: var(--spectrum-workflow-icon-size-100);
3247
- --system-tag-icon-spacing-block-start: var(
3248
- --spectrum-component-top-to-workflow-icon-100
3249
- );
3250
- --system-tag-icon-spacing-block-end: var(
3251
- --spectrum-component-top-to-workflow-icon-100
3252
- );
3253
- --system-tag-avatar-spacing-block-start: var(
3254
- --spectrum-tag-top-to-avatar-medium
3255
- );
3256
- --system-tag-avatar-spacing-block-end: var(
3257
- --spectrum-tag-top-to-avatar-medium
3258
- );
3259
- --system-tag-avatar-spacing-inline-end: var(--spectrum-text-to-visual-100);
3260
- --system-tag-label-spacing-block: var(--spectrum-component-top-to-text-100);
3261
- --system-tag-clear-button-spacing-inline-start: var(
3262
- --spectrum-text-to-visual-100
3263
- );
3264
- --system-tag-height: var(--spectrum-component-height-100);
3265
- --system-tag-font-size: var(--spectrum-font-size-100);
3266
- --system-tag-clear-button-spacing-block: var(
3267
- --spectrum-tag-top-to-cross-icon-medium
3268
- );
3269
- --system-tag-size-s-height: var(--spectrum-component-height-75);
3270
- --system-tag-size-s-font-size: var(--spectrum-font-size-75);
3271
- --system-tag-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
3272
- --system-tag-size-s-clear-button-spacing-inline-start: var(
3273
- --spectrum-text-to-visual-75
3274
- );
3275
- --system-tag-size-s-clear-button-spacing-block: var(
3276
- --spectrum-tag-top-to-cross-icon-small
3277
- );
3278
- --system-tag-size-s-icon-spacing-block-start: var(
3279
- --spectrum-component-top-to-workflow-icon-75
3280
- );
3281
- --system-tag-size-s-icon-spacing-block-end: var(
3282
- --spectrum-component-top-to-workflow-icon-75
3283
- );
3284
- --system-tag-size-s-icon-spacing-inline-end: var(
3285
- --spectrum-text-to-visual-75
3286
- );
3287
- --system-tag-size-s-avatar-spacing-block-start: var(
3288
- --spectrum-tag-top-to-avatar-small
3289
- );
3290
- --system-tag-size-s-avatar-spacing-block-end: var(
3291
- --spectrum-tag-top-to-avatar-small
3292
- );
3293
- --system-tag-size-s-avatar-spacing-inline-end: var(
3294
- --spectrum-text-to-visual-75
3295
- );
3296
- --system-tag-size-s-label-spacing-block: var(
3297
- --spectrum-component-top-to-text-75
3298
- );
3299
- --system-tag-size-s-corner-radius: var(
3300
- --system-tag-size-small-corner-radius
3301
- );
3302
- --system-tag-size-s-spacing-inline-start: var(
3303
- --system-tag-size-small-spacing-inline-start
3304
- );
3305
- --system-tag-size-s-label-spacing-inline-end: var(
3306
- --system-tag-size-small-label-spacing-inline-end
3307
- );
3308
- --system-tag-size-s-clear-button-spacing-inline-end: var(
3309
- --system-tag-size-small-clear-button-spacing-inline-end
3310
- );
3311
- --system-tag-size-m-height: var(--spectrum-component-height-100);
3312
- --system-tag-size-m-font-size: var(--spectrum-font-size-100);
3313
- --system-tag-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
3314
- --system-tag-size-m-clear-button-spacing-inline-start: var(
3315
- --spectrum-text-to-visual-100
3316
- );
3317
- --system-tag-size-m-clear-button-spacing-block: var(
3318
- --spectrum-tag-top-to-cross-icon-medium
3319
- );
3320
- --system-tag-size-m-icon-spacing-block-start: var(
3321
- --spectrum-component-top-to-workflow-icon-100
3322
- );
3323
- --system-tag-size-m-icon-spacing-block-end: var(
3324
- --spectrum-component-top-to-workflow-icon-100
3325
- );
3326
- --system-tag-size-m-icon-spacing-inline-end: var(
3327
- --spectrum-text-to-visual-100
3328
- );
3329
- --system-tag-size-m-avatar-spacing-block-start: var(
3330
- --spectrum-tag-top-to-avatar-medium
3331
- );
3332
- --system-tag-size-m-avatar-spacing-block-end: var(
3333
- --spectrum-tag-top-to-avatar-medium
3334
- );
3335
- --system-tag-size-m-avatar-spacing-inline-end: var(
3336
- --spectrum-text-to-visual-100
3337
- );
3338
- --system-tag-size-m-label-spacing-block: var(
3339
- --spectrum-component-top-to-text-100
3340
- );
3341
- --system-tag-corner-radius: var(--system-tag-size-medium-corner-radius);
3342
- --system-tag-size-m-corner-radius: var(
3343
- --system-tag-size-medium-corner-radius
3344
- );
3345
- --system-tag-spacing-inline-start: var(
3346
- --system-tag-size-medium-spacing-inline-start
3347
- );
3348
- --system-tag-size-m-spacing-inline-start: var(
3349
- --system-tag-size-medium-spacing-inline-start
3350
- );
3351
- --system-tag-label-spacing-inline-end: var(
3352
- --system-tag-size-medium-label-spacing-inline-end
3353
- );
3354
- --system-tag-size-m-label-spacing-inline-end: var(
3355
- --system-tag-size-medium-label-spacing-inline-end
3356
- );
3357
- --system-tag-clear-button-spacing-inline-end: var(
3358
- --system-tag-size-medium-clear-button-spacing-inline-end
3359
- );
3360
- --system-tag-size-m-clear-button-spacing-inline-end: var(
3361
- --system-tag-size-medium-clear-button-spacing-inline-end
3362
- );
3363
- --system-tag-size-l-height: var(--spectrum-component-height-200);
3364
- --system-tag-size-l-font-size: var(--spectrum-font-size-200);
3365
- --system-tag-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
3366
- --system-tag-size-l-clear-button-spacing-inline-start: var(
3367
- --spectrum-text-to-visual-200
3368
- );
3369
- --system-tag-size-l-clear-button-spacing-block: var(
3370
- --spectrum-tag-top-to-cross-icon-large
3371
- );
3372
- --system-tag-size-l-icon-spacing-block-start: var(
3373
- --spectrum-component-top-to-workflow-icon-200
3374
- );
3375
- --system-tag-size-l-icon-spacing-block-end: var(
3376
- --spectrum-component-top-to-workflow-icon-200
3377
- );
3378
- --system-tag-size-l-icon-spacing-inline-end: var(
3379
- --spectrum-text-to-visual-200
3380
- );
3381
- --system-tag-size-l-avatar-spacing-block-start: var(
3382
- --spectrum-tag-top-to-avatar-large
3383
- );
3384
- --system-tag-size-l-avatar-spacing-block-end: var(
3385
- --spectrum-tag-top-to-avatar-large
3386
- );
3387
- --system-tag-size-l-avatar-spacing-inline-end: var(
3388
- --spectrum-text-to-visual-200
3389
- );
3390
- --system-tag-size-l-label-spacing-block: var(
3391
- --spectrum-component-top-to-text-200
3392
- );
3393
- --system-tag-size-l-corner-radius: var(
3394
- --system-tag-size-large-corner-radius
3395
- );
3396
- --system-tag-size-l-spacing-inline-start: var(
3397
- --system-tag-size-large-spacing-inline-start
3398
- );
3399
- --system-tag-size-l-label-spacing-inline-end: var(
3400
- --system-tag-size-large-label-spacing-inline-end
3401
- );
3402
- --system-tag-size-l-clear-button-spacing-inline-end: var(
3403
- --system-tag-size-large-clear-button-spacing-inline-end
3404
- );
3405
- --system-tag-group-item-margin-block: var(--spectrum-spacing-75);
3406
- --system-tag-group-item-margin-inline: var(--spectrum-spacing-75);
3407
2347
  --system-textfield-background-color: var(--spectrum-gray-50);
3408
2348
  --system-textfield-background-color-disabled: var(
3409
2349
  --spectrum-disabled-background-color
@@ -3520,40 +2460,6 @@
3520
2460
  --system-tooltip-background-color-default: var(
3521
2461
  --system-tooltip-backgound-color-default-neutral
3522
2462
  );
3523
- --system-tray-exit-animation-delay: 0s;
3524
- --system-tray-entry-animation-delay: 0.16s;
3525
- --system-tray-max-inline-size: 375px;
3526
- --system-tray-spacing-edge-to-safe-zone: 64px;
3527
- --system-tray-entry-animation-duration: var(
3528
- --spectrum-animation-duration-500
3529
- );
3530
- --system-tray-exit-animation-duration: var(
3531
- --spectrum-animation-duration-100
3532
- );
3533
- --system-tray-corner-radius: var(--spectrum-corner-radius-100);
3534
- --system-tray-background-color: var(--spectrum-background-layer-2-color);
3535
- --system-underlay-background-entry-animation-delay: var(
3536
- --spectrum-animation-duration-0
3537
- );
3538
- --system-underlay-background-exit-animation-ease: var(
3539
- --spectrum-animation-ease-in
3540
- );
3541
- --system-underlay-background-entry-animation-ease: var(
3542
- --spectrum-animation-ease-out
3543
- );
3544
- --system-underlay-background-entry-animation-duration: var(
3545
- --spectrum-animation-duration-600
3546
- );
3547
- --system-underlay-background-exit-animation-duration: var(
3548
- --spectrum-animation-duration-300
3549
- );
3550
- --system-underlay-background-exit-animation-delay: var(
3551
- --spectrum-animation-duration-200
3552
- );
3553
- --system-underlay-background-color: rgba(
3554
- var(--spectrum-black-rgb),
3555
- var(--spectrum-overlay-opacity)
3556
- );
3557
2463
  --system-heading-sans-serif-font-family: var(
3558
2464
  --spectrum-sans-font-family-stack
3559
2465
  );