@spectrum-web-components/styles 0.22.3-react.49 → 0.23.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.
@@ -99,6 +99,15 @@ governing permissions and limitations under the License.
99
99
  --spectrum-color-area-border-opacity: 0.1;
100
100
  --spectrum-color-slider-border-color: var(--spectrum-gray-900);
101
101
  --spectrum-color-slider-border-opacity: 0.1;
102
+ --spectrum-color-loupe-drop-shadow-color: var(
103
+ --spectrum-transparent-black-300
104
+ );
105
+ --spectrum-color-loupe-drop-shadow-y: 2px;
106
+ --spectrum-color-loupe-drop-shadow-blur: 8px;
107
+ --spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
108
+ --spectrum-color-loupe-outer-border: var(--spectrum-white);
109
+ --spectrum-card-selection-background-color: var(--spectrum-gray-100);
110
+ --spectrum-card-selection-background-color-opacity: 0.95;
102
111
  --spectrum-white: rgb(255, 255, 255);
103
112
  --spectrum-transparent-white-100: rgba(255, 255, 255, 0);
104
113
  --spectrum-transparent-white-200: rgba(255, 255, 255, 0.1);
@@ -159,6 +168,13 @@ governing permissions and limitations under the License.
159
168
  --spectrum-color-slider-minimum-length: 200px;
160
169
  --spectrum-color-slider-border-width: 1px;
161
170
  --spectrum-color-slider-border-rounding: 4px;
171
+ --spectrum-floating-action-button-drop-shadow-blur: 12px;
172
+ --spectrum-illustrated-message-maximum-width: 380px;
173
+ --spectrum-search-field-minimum-width-multiplier: 3;
174
+ --spectrum-color-loupe-outer-border-width: var(--spectrum-border-width-200);
175
+ --spectrum-card-minimum-width: 100px;
176
+ --spectrum-card-preview-minimum-height: 130px;
177
+ --spectrum-card-selection-background-size: 40px;
162
178
  --spectrum-android-elevation: 2dp;
163
179
  --spectrum-spacing-50: 2px;
164
180
  --spectrum-spacing-75: 4px;
@@ -177,6 +193,7 @@ governing permissions and limitations under the License.
177
193
  --spectrum-border-width-200: 2px;
178
194
  --spectrum-border-width-400: 4px;
179
195
  --spectrum-field-edge-to-text-quiet: 0px;
196
+ --spectrum-field-edge-to-visual-quiet: 0px;
180
197
  --spectrum-field-edge-to-border-quiet: 0px;
181
198
  --spectrum-field-edge-to-alert-icon-quiet: 0px;
182
199
  --spectrum-field-edge-to-validation-icon-quiet: 0px;
@@ -238,217 +255,216 @@ governing permissions and limitations under the License.
238
255
  --spectrum-positive-color-1200: var(--spectrum-green-1200);
239
256
  --spectrum-positive-color-1300: var(--spectrum-green-1300);
240
257
  --spectrum-positive-color-1400: var(--spectrum-green-1400);
241
- --spectrum-font-family-default: var(--spectrum-font-family-sans-serif);
242
- --spectrum-font-family-sans-serif: Adobe Clean;
243
- --spectrum-font-family-serif: Adobe Clean Serif;
244
- --spectrum-font-family-code: Source Code Pro;
245
- --spectrum-font-family-cjk: Adobe Clean Han;
246
- --spectrum-font-weight-light: light;
247
- --spectrum-font-weight-regular: regular;
248
- --spectrum-font-weight-medium: medium;
249
- --spectrum-font-weight-bold: bold;
250
- --spectrum-font-weight-extra-bold: extra-bold;
251
- --spectrum-font-weight-black: black;
252
- --spectrum-font-style-italic: italic;
253
- --spectrum-font-style-default: normal;
258
+ --spectrum-default-font-family: var(--spectrum-sans-serif-font-family);
259
+ --spectrum-sans-serif-font-family: Adobe Clean;
260
+ --spectrum-serif-font-family: Adobe Clean Serif;
261
+ --spectrum-cjk-font-family: Adobe Clean Han;
262
+ --spectrum-light-font-weight: light;
263
+ --spectrum-regular-font-weight: regular;
264
+ --spectrum-medium-font-weight: medium;
265
+ --spectrum-bold-font-weight: bold;
266
+ --spectrum-extra-bold-font-weight: extra-bold;
267
+ --spectrum-black-font-weight: black;
268
+ --spectrum-italic-font-style: italic;
269
+ --spectrum-default-font-style: normal;
254
270
  --spectrum-line-height-100: 1.3;
255
271
  --spectrum-line-height-200: 1.5;
256
- --spectrum-line-height-cjk-100: 1.5;
257
- --spectrum-line-height-cjk-200: 1.7;
258
- --spectrum-letter-spacing-cjk: 0.05em;
272
+ --spectrum-cjk-line-height-100: 1.5;
273
+ --spectrum-cjk-line-height-200: 1.7;
274
+ --spectrum-cjk-letter-spacing: 0.05em;
259
275
  --spectrum-heading-sans-serif-font-family: var(
260
- --spectrum-font-family-sans-serif
276
+ --spectrum-sans-serif-font-family
261
277
  );
262
- --spectrum-heading-serif-font-family: var(--spectrum-font-family-serif);
263
- --spectrum-heading-cjk-font-family: var(--spectrum-font-family-cjk);
278
+ --spectrum-heading-serif-font-family: var(--spectrum-serif-font-family);
279
+ --spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family);
264
280
  --spectrum-heading-sans-serif-light-font-weight: var(
265
- --spectrum-font-weight-light
281
+ --spectrum-light-font-weight
266
282
  );
267
283
  --spectrum-heading-sans-serif-light-font-style: var(
268
- --spectrum-font-style-default
284
+ --spectrum-default-font-style
269
285
  );
270
286
  --spectrum-heading-serif-light-font-weight: var(
271
- --spectrum-font-weight-regular
287
+ --spectrum-regular-font-weight
272
288
  );
273
289
  --spectrum-heading-serif-light-font-style: var(
274
- --spectrum-font-style-default
290
+ --spectrum-default-font-style
275
291
  );
276
- --spectrum-heading-cjk-light-font-weight: var(--spectrum-font-weight-light);
277
- --spectrum-heading-cjk-light-font-style: var(--spectrum-font-style-default);
292
+ --spectrum-heading-cjk-light-font-weight: var(--spectrum-light-font-weight);
293
+ --spectrum-heading-cjk-light-font-style: var(--spectrum-default-font-style);
278
294
  --spectrum-heading-sans-serif-font-style: var(
279
- --spectrum-font-style-default
295
+ --spectrum-default-font-style
280
296
  );
281
- --spectrum-heading-serif-font-style: var(--spectrum-font-style-default);
282
- --spectrum-heading-cjk-font-style: var(--spectrum-font-style-default);
297
+ --spectrum-heading-serif-font-style: var(--spectrum-default-font-style);
298
+ --spectrum-heading-cjk-font-style: var(--spectrum-default-font-style);
283
299
  --spectrum-heading-sans-serif-heavy-font-weight: var(
284
- --spectrum-font-weight-black
300
+ --spectrum-black-font-weight
285
301
  );
286
302
  --spectrum-heading-sans-serif-heavy-font-style: var(
287
- --spectrum-font-style-default
303
+ --spectrum-default-font-style
288
304
  );
289
305
  --spectrum-heading-serif-heavy-font-weight: var(
290
- --spectrum-font-weight-black
306
+ --spectrum-black-font-weight
291
307
  );
292
308
  --spectrum-heading-serif-heavy-font-style: var(
293
- --spectrum-font-style-default
309
+ --spectrum-default-font-style
294
310
  );
295
- --spectrum-heading-cjk-heavy-font-weight: var(--spectrum-font-weight-black);
296
- --spectrum-heading-cjk-heavy-font-style: var(--spectrum-font-style-default);
311
+ --spectrum-heading-cjk-heavy-font-weight: var(--spectrum-black-font-weight);
312
+ --spectrum-heading-cjk-heavy-font-style: var(--spectrum-default-font-style);
297
313
  --spectrum-heading-sans-serif-light-strong-font-weight: var(
298
- --spectrum-font-weight-bold
314
+ --spectrum-bold-font-weight
299
315
  );
300
316
  --spectrum-heading-sans-serif-light-strong-font-style: var(
301
- --spectrum-font-style-default
317
+ --spectrum-default-font-style
302
318
  );
303
319
  --spectrum-heading-serif-light-strong-font-weight: var(
304
- --spectrum-font-weight-bold
320
+ --spectrum-bold-font-weight
305
321
  );
306
322
  --spectrum-heading-serif-light-strong-font-style: var(
307
- --spectrum-font-style-default
323
+ --spectrum-default-font-style
308
324
  );
309
325
  --spectrum-heading-cjk-light-strong-font-weight: var(
310
- --spectrum-font-weight-extra-bold
326
+ --spectrum-extra-bold-font-weight
311
327
  );
312
328
  --spectrum-heading-cjk-light-strong-font-style: var(
313
- --spectrum-font-style-default
329
+ --spectrum-default-font-style
314
330
  );
315
331
  --spectrum-heading-sans-serif-strong-font-weight: var(
316
- --spectrum-font-weight-black
332
+ --spectrum-black-font-weight
317
333
  );
318
334
  --spectrum-heading-sans-serif-strong-font-style: var(
319
- --spectrum-font-style-default
335
+ --spectrum-default-font-style
320
336
  );
321
337
  --spectrum-heading-serif-strong-font-weight: var(
322
- --spectrum-font-weight-black
338
+ --spectrum-black-font-weight
323
339
  );
324
340
  --spectrum-heading-serif-strong-font-style: var(
325
- --spectrum-font-style-default
341
+ --spectrum-default-font-style
326
342
  );
327
343
  --spectrum-heading-cjk-strong-font-weight: var(
328
- --spectrum-font-weight-black
344
+ --spectrum-black-font-weight
329
345
  );
330
346
  --spectrum-heading-cjk-strong-font-style: var(
331
- --spectrum-font-style-default
347
+ --spectrum-default-font-style
332
348
  );
333
349
  --spectrum-heading-sans-serif-heavy-strong-font-weight: var(
334
- --spectrum-font-weight-black
350
+ --spectrum-black-font-weight
335
351
  );
336
352
  --spectrum-heading-sans-serif-heavy-strong-font-style: var(
337
- --spectrum-font-style-default
353
+ --spectrum-default-font-style
338
354
  );
339
355
  --spectrum-heading-serif-heavy-strong-font-weight: var(
340
- --spectrum-font-weight-black
356
+ --spectrum-black-font-weight
341
357
  );
342
358
  --spectrum-heading-serif-heavy-strong-font-style: var(
343
- --spectrum-font-style-default
359
+ --spectrum-default-font-style
344
360
  );
345
361
  --spectrum-heading-cjk-heavy-strong-font-weight: var(
346
- --spectrum-font-weight-black
362
+ --spectrum-black-font-weight
347
363
  );
348
364
  --spectrum-heading-cjk-heavy-strong-font-style: var(
349
- --spectrum-font-style-default
365
+ --spectrum-default-font-style
350
366
  );
351
367
  --spectrum-heading-sans-serif-light-emphasized-font-weight: var(
352
- --spectrum-font-weight-light
368
+ --spectrum-light-font-weight
353
369
  );
354
370
  --spectrum-heading-sans-serif-light-emphasized-font-style: var(
355
- --spectrum-font-style-italic
371
+ --spectrum-italic-font-style
356
372
  );
357
373
  --spectrum-heading-serif-light-emphasized-font-weight: var(
358
- --spectrum-font-weight-regular
374
+ --spectrum-regular-font-weight
359
375
  );
360
376
  --spectrum-heading-serif-light-emphasized-font-style: var(
361
- --spectrum-font-style-italic
377
+ --spectrum-italic-font-style
362
378
  );
363
379
  --spectrum-heading-cjk-light-emphasized-font-weight: var(
364
- --spectrum-font-weight-regular
380
+ --spectrum-regular-font-weight
365
381
  );
366
382
  --spectrum-heading-cjk-light-emphasized-font-style: var(
367
- --spectrum-font-style-default
383
+ --spectrum-default-font-style
368
384
  );
369
385
  --spectrum-heading-sans-serif-emphasized-font-style: var(
370
- --spectrum-font-style-italic
386
+ --spectrum-italic-font-style
371
387
  );
372
388
  --spectrum-heading-serif-emphasized-font-style: var(
373
- --spectrum-font-style-italic
389
+ --spectrum-italic-font-style
374
390
  );
375
391
  --spectrum-heading-cjk-emphasized-font-weight: var(
376
- --spectrum-font-weight-black
392
+ --spectrum-black-font-weight
377
393
  );
378
394
  --spectrum-heading-cjk-emphasized-font-style: var(
379
- --spectrum-font-style-default
395
+ --spectrum-default-font-style
380
396
  );
381
397
  --spectrum-heading-sans-serif-heavy-emphasized-font-weight: var(
382
- --spectrum-font-weight-black
398
+ --spectrum-black-font-weight
383
399
  );
384
400
  --spectrum-heading-sans-serif-heavy-emphasized-font-style: var(
385
- --spectrum-font-style-italic
401
+ --spectrum-italic-font-style
386
402
  );
387
403
  --spectrum-heading-serif-heavy-emphasized-font-weight: var(
388
- --spectrum-font-weight-black
404
+ --spectrum-black-font-weight
389
405
  );
390
406
  --spectrum-heading-serif-heavy-emphasized-font-style: var(
391
- --spectrum-font-style-italic
407
+ --spectrum-italic-font-style
392
408
  );
393
409
  --spectrum-heading-cjk-heavy-emphasized-font-weight: var(
394
- --spectrum-font-weight-black
410
+ --spectrum-black-font-weight
395
411
  );
396
412
  --spectrum-heading-cjk-heavy-emphasized-font-style: var(
397
- --spectrum-font-style-default
413
+ --spectrum-default-font-style
398
414
  );
399
415
  --spectrum-heading-sans-serif-light-strong-emphasized-font-weight: var(
400
- --spectrum-font-weight-bold
416
+ --spectrum-bold-font-weight
401
417
  );
402
418
  --spectrum-heading-sans-serif-light-strong-emphasized-font-style: var(
403
- --spectrum-font-style-italic
419
+ --spectrum-italic-font-style
404
420
  );
405
421
  --spectrum-heading-serif-light-strong-emphasized-font-weight: var(
406
- --spectrum-font-weight-bold
422
+ --spectrum-bold-font-weight
407
423
  );
408
424
  --spectrum-heading-serif-light-strong-emphasized-font-style: var(
409
- --spectrum-font-style-italic
425
+ --spectrum-italic-font-style
410
426
  );
411
427
  --spectrum-heading-cjk-light-strong-emphasized-font-weight: var(
412
- --spectrum-font-weight-extra-bold
428
+ --spectrum-extra-bold-font-weight
413
429
  );
414
430
  --spectrum-heading-cjk-light-strong-emphasized-font-style: var(
415
- --spectrum-font-style-default
431
+ --spectrum-default-font-style
416
432
  );
417
433
  --spectrum-heading-sans-serif-strong-emphasized-font-weight: var(
418
- --spectrum-font-weight-black
434
+ --spectrum-black-font-weight
419
435
  );
420
436
  --spectrum-heading-sans-serif-strong-emphasized-font-style: var(
421
- --spectrum-font-style-italic
437
+ --spectrum-italic-font-style
422
438
  );
423
439
  --spectrum-heading-serif-strong-emphasized-font-weight: var(
424
- --spectrum-font-weight-black
440
+ --spectrum-black-font-weight
425
441
  );
426
442
  --spectrum-heading-serif-strong-emphasized-font-style: var(
427
- --spectrum-font-style-italic
443
+ --spectrum-italic-font-style
428
444
  );
429
445
  --spectrum-heading-cjk-strong-emphasized-font-weight: var(
430
- --spectrum-font-weight-black
446
+ --spectrum-black-font-weight
431
447
  );
432
448
  --spectrum-heading-cjk-strong-emphasized-font-style: var(
433
- --spectrum-font-style-default
449
+ --spectrum-default-font-style
434
450
  );
435
451
  --spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight: var(
436
- --spectrum-font-weight-black
452
+ --spectrum-black-font-weight
437
453
  );
438
454
  --spectrum-heading-sans-serif-heavy-strong-emphasized-font-style: var(
439
- --spectrum-font-style-italic
455
+ --spectrum-italic-font-style
440
456
  );
441
457
  --spectrum-heading-serif-heavy-strong-emphasized-font-weight: var(
442
- --spectrum-font-weight-black
458
+ --spectrum-black-font-weight
443
459
  );
444
460
  --spectrum-heading-serif-heavy-strong-emphasized-font-style: var(
445
- --spectrum-font-style-italic
461
+ --spectrum-italic-font-style
446
462
  );
447
463
  --spectrum-heading-cjk-heavy-strong-emphasized-font-weight: var(
448
- --spectrum-font-weight-black
464
+ --spectrum-black-font-weight
449
465
  );
450
466
  --spectrum-heading-cjk-heavy-strong-emphasized-font-style: var(
451
- --spectrum-font-style-default
467
+ --spectrum-default-font-style
452
468
  );
453
469
  --spectrum-heading-size-xxxl: var(--spectrum-font-size-1300);
454
470
  --spectrum-heading-size-xxl: var(--spectrum-font-size-1100);
@@ -458,66 +474,74 @@ governing permissions and limitations under the License.
458
474
  --spectrum-heading-size-s: var(--spectrum-font-size-300);
459
475
  --spectrum-heading-size-xs: var(--spectrum-font-size-200);
460
476
  --spectrum-heading-size-xxs: var(--spectrum-font-size-100);
477
+ --spectrum-heading-cjk-size-xxxl: var(--spectrum-font-size-1300);
478
+ --spectrum-heading-cjk-size-xxl: var(--spectrum-font-size-900);
479
+ --spectrum-heading-cjk-size-xl: var(--spectrum-font-size-800);
480
+ --spectrum-heading-cjk-size-l: var(--spectrum-font-size-600);
481
+ --spectrum-heading-cjk-size-m: var(--spectrum-font-size-400);
482
+ --spectrum-heading-cjk-size-s: var(--spectrum-font-size-300);
483
+ --spectrum-heading-cjk-size-xs: var(--spectrum-font-size-200);
484
+ --spectrum-heading-cjk-size-xxs: var(--spectrum-font-size-100);
461
485
  --spectrum-heading-line-height: var(--spectrum-line-height-100);
462
- --spectrum-heading-line-height-cjk: var(--spectrum-line-height-cjk-100);
486
+ --spectrum-heading-cjk-line-height: var(--spectrum-cjk-line-height-100);
463
487
  --spectrum-heading-margin-top-multiplier: 0.88888889;
464
488
  --spectrum-heading-margin-bottom-multiplier: 0.25;
465
489
  --spectrum-body-sans-serif-font-family: var(
466
- --spectrum-font-family-sans-serif
467
- );
468
- --spectrum-body-serif-font-family: var(--spectrum-font-family-serif);
469
- --spectrum-body-cjk-font-family: var(--spectrum-font-family-cjk);
470
- --spectrum-body-sans-serif-font-weight: var(--spectrum-font-weight-regular);
471
- --spectrum-body-sans-serif-font-style: var(--spectrum-font-style-default);
472
- --spectrum-body-serif-font-weight: var(--spectrum-font-weight-regular);
473
- --spectrum-body-serif-font-style: var(--spectrum-font-style-default);
474
- --spectrum-body-cjk-font-weight: var(--spectrum-font-weight-regular);
475
- --spectrum-body-cjk-font-style: var(--spectrum-font-style-default);
490
+ --spectrum-sans-serif-font-family
491
+ );
492
+ --spectrum-body-serif-font-family: var(--spectrum-serif-font-family);
493
+ --spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family);
494
+ --spectrum-body-sans-serif-font-weight: var(--spectrum-regular-font-weight);
495
+ --spectrum-body-sans-serif-font-style: var(--spectrum-default-font-style);
496
+ --spectrum-body-serif-font-weight: var(--spectrum-regular-font-weight);
497
+ --spectrum-body-serif-font-style: var(--spectrum-default-font-style);
498
+ --spectrum-body-cjk-font-weight: var(--spectrum-regular-font-weight);
499
+ --spectrum-body-cjk-font-style: var(--spectrum-default-font-style);
476
500
  --spectrum-body-sans-serif-strong-font-weight: var(
477
- --spectrum-font-weight-bold
501
+ --spectrum-bold-font-weight
478
502
  );
479
503
  --spectrum-body-sans-serif-strong-font-style: var(
480
- --spectrum-font-style-default
504
+ --spectrum-default-font-style
481
505
  );
482
- --spectrum-body-serif-strong-font-weight: var(--spectrum-font-weight-bold);
483
- --spectrum-body-serif-strong-font-style: var(--spectrum-font-style-default);
484
- --spectrum-body-cjk-strong-font-weight: var(--spectrum-font-weight-black);
485
- --spectrum-body-cjk-strong-font-style: var(--spectrum-font-style-default);
506
+ --spectrum-body-serif-strong-font-weight: var(--spectrum-bold-font-weight);
507
+ --spectrum-body-serif-strong-font-style: var(--spectrum-default-font-style);
508
+ --spectrum-body-cjk-strong-font-weight: var(--spectrum-black-font-weight);
509
+ --spectrum-body-cjk-strong-font-style: var(--spectrum-default-font-style);
486
510
  --spectrum-body-sans-serif-emphasized-font-weight: var(
487
- --spectrum-font-weight-regular
511
+ --spectrum-regular-font-weight
488
512
  );
489
513
  --spectrum-body-sans-serif-emphasized-font-style: var(
490
- --spectrum-font-style-italic
514
+ --spectrum-italic-font-style
491
515
  );
492
516
  --spectrum-body-serif-emphasized-font-weight: var(
493
- --spectrum-font-weight-regular
517
+ --spectrum-regular-font-weight
494
518
  );
495
519
  --spectrum-body-serif-emphasized-font-style: var(
496
- --spectrum-font-style-italic
520
+ --spectrum-italic-font-style
497
521
  );
498
522
  --spectrum-body-cjk-emphasized-font-weight: var(
499
- --spectrum-font-weight-extra-bold
523
+ --spectrum-extra-bold-font-weight
500
524
  );
501
525
  --spectrum-body-cjk-emphasized-font-style: var(
502
- --spectrum-font-style-default
526
+ --spectrum-default-font-style
503
527
  );
504
528
  --spectrum-body-sans-serif-strong-emphasized-font-weight: var(
505
- --spectrum-font-weight-bold
529
+ --spectrum-bold-font-weight
506
530
  );
507
531
  --spectrum-body-sans-serif-strong-emphasized-font-style: var(
508
- --spectrum-font-style-italic
532
+ --spectrum-italic-font-style
509
533
  );
510
534
  --spectrum-body-serif-strong-emphasized-font-weight: var(
511
- --spectrum-font-weight-bold
535
+ --spectrum-bold-font-weight
512
536
  );
513
537
  --spectrum-body-serif-strong-emphasized-font-style: var(
514
- --spectrum-font-style-italic
538
+ --spectrum-italic-font-style
515
539
  );
516
540
  --spectrum-body-cjk-strong-emphasized-font-weight: var(
517
- --spectrum-font-weight-black
541
+ --spectrum-black-font-weight
518
542
  );
519
543
  --spectrum-body-cjk-strong-emphasized-font-style: var(
520
- --spectrum-font-style-default
544
+ --spectrum-default-font-style
521
545
  );
522
546
  --spectrum-body-size-xxxl: var(--spectrum-font-size-600);
523
547
  --spectrum-body-size-xxl: var(--spectrum-font-size-500);
@@ -527,175 +551,175 @@ governing permissions and limitations under the License.
527
551
  --spectrum-body-size-s: var(--spectrum-font-size-100);
528
552
  --spectrum-body-size-xs: var(--spectrum-font-size-75);
529
553
  --spectrum-body-line-height: var(--spectrum-line-height-200);
530
- --spectrum-body-line-height-cjk: var(--spectrum-line-height-cjk-200);
554
+ --spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-200);
531
555
  --spectrum-body-margin-multiplier: 0.75;
532
556
  --spectrum-detail-sans-serif-font-family: var(
533
- --spectrum-font-family-sans-serif
534
- );
535
- --spectrum-detail-sans-serif-font-weight: var(--spectrum-font-weight-bold);
536
- --spectrum-detail-sans-serif-font-style: var(--spectrum-font-style-default);
537
- --spectrum-detail-serif-font-family: var(--spectrum-font-family-serif);
538
- --spectrum-detail-serif-font-weight: var(--spectrum-font-weight-bold);
539
- --spectrum-detail-serif-font-style: var(--spectrum-font-style-default);
540
- --spectrum-detail-cjk-font-family: var(--spectrum-font-family-cjk);
541
- --spectrum-detail-cjk-font-weight: var(--spectrum-font-weight-extra-bold);
542
- --spectrum-detail-cjk-font-style: var(--spectrum-font-style-default);
557
+ --spectrum-sans-serif-font-family
558
+ );
559
+ --spectrum-detail-serif-font-family: var(--spectrum-serif-font-family);
560
+ --spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family);
561
+ --spectrum-detail-sans-serif-font-weight: var(--spectrum-bold-font-weight);
562
+ --spectrum-detail-sans-serif-font-style: var(--spectrum-default-font-style);
563
+ --spectrum-detail-serif-font-weight: var(--spectrum-bold-font-weight);
564
+ --spectrum-detail-serif-font-style: var(--spectrum-default-font-style);
565
+ --spectrum-detail-cjk-font-weight: var(--spectrum-extra-bold-font-weight);
566
+ --spectrum-detail-cjk-font-style: var(--spectrum-default-font-style);
543
567
  --spectrum-detail-sans-serif-light-font-weight: var(
544
- --spectrum-font-weight-regular
568
+ --spectrum-regular-font-weight
545
569
  );
546
570
  --spectrum-detail-sans-serif-light-font-style: var(
547
- --spectrum-font-style-default
571
+ --spectrum-default-font-style
548
572
  );
549
573
  --spectrum-detail-serif-light-font-weight: var(
550
- --spectrum-font-weight-regular
574
+ --spectrum-regular-font-weight
551
575
  );
552
576
  --spectrum-detail-serif-light-font-style: var(
553
- --spectrum-font-style-default
577
+ --spectrum-default-font-style
554
578
  );
555
- --spectrum-detail-cjk-light-font-weight: var(--spectrum-font-weight-light);
556
- --spectrum-detail-cjk-light-font-style: var(--spectrum-font-style-default);
579
+ --spectrum-detail-cjk-light-font-weight: var(--spectrum-light-font-weight);
580
+ --spectrum-detail-cjk-light-font-style: var(--spectrum-default-font-style);
557
581
  --spectrum-detail-sans-serif-strong-font-weight: var(
558
- --spectrum-font-weight-bold
582
+ --spectrum-bold-font-weight
559
583
  );
560
584
  --spectrum-detail-sans-serif-strong-font-style: var(
561
- --spectrum-font-style-default
585
+ --spectrum-default-font-style
562
586
  );
563
587
  --spectrum-detail-serif-strong-font-weight: var(
564
- --spectrum-font-weight-bold
588
+ --spectrum-bold-font-weight
565
589
  );
566
590
  --spectrum-detail-serif-strong-font-style: var(
567
- --spectrum-font-style-default
591
+ --spectrum-default-font-style
568
592
  );
569
- --spectrum-detail-cjk-strong-font-weight: var(--spectrum-font-weight-black);
570
- --spectrum-detail-cjk-strong-font-style: var(--spectrum-font-style-default);
593
+ --spectrum-detail-cjk-strong-font-weight: var(--spectrum-black-font-weight);
594
+ --spectrum-detail-cjk-strong-font-style: var(--spectrum-default-font-style);
571
595
  --spectrum-detail-sans-serif-light-strong-font-weight: var(
572
- --spectrum-font-weight-regular
596
+ --spectrum-regular-font-weight
573
597
  );
574
598
  --spectrum-detail-sans-serif-light-strong-font-style: var(
575
- --spectrum-font-style-default
599
+ --spectrum-default-font-style
576
600
  );
577
601
  --spectrum-detail-serif-light-strong-font-weight: var(
578
- --spectrum-font-weight-regular
602
+ --spectrum-regular-font-weight
579
603
  );
580
604
  --spectrum-detail-serif-light-strong-font-style: var(
581
- --spectrum-font-style-default
605
+ --spectrum-default-font-style
582
606
  );
583
607
  --spectrum-detail-cjk-light-strong-font-weight: var(
584
- --spectrum-font-weight-extra-bold
608
+ --spectrum-extra-bold-font-weight
585
609
  );
586
610
  --spectrum-detail-cjk-light-strong-font-style: var(
587
- --spectrum-font-style-default
611
+ --spectrum-default-font-style
588
612
  );
589
613
  --spectrum-detail-sans-serif-emphasized-font-weight: var(
590
- --spectrum-font-weight-bold
614
+ --spectrum-bold-font-weight
591
615
  );
592
616
  --spectrum-detail-sans-serif-emphasized-font-style: var(
593
- --spectrum-font-style-italic
617
+ --spectrum-italic-font-style
594
618
  );
595
619
  --spectrum-detail-serif-emphasized-font-weight: var(
596
- --spectrum-font-weight-bold
620
+ --spectrum-bold-font-weight
597
621
  );
598
622
  --spectrum-detail-serif-emphasized-font-style: var(
599
- --spectrum-font-style-italic
623
+ --spectrum-italic-font-style
600
624
  );
601
625
  --spectrum-detail-cjk-emphasized-font-weight: var(
602
- --spectrum-font-weight-black
626
+ --spectrum-black-font-weight
603
627
  );
604
628
  --spectrum-detail-cjk-emphasized-font-style: var(
605
- --spectrum-font-style-default
629
+ --spectrum-default-font-style
606
630
  );
607
631
  --spectrum-detail-sans-serif-light-emphasized-font-weight: var(
608
- --spectrum-font-weight-regular
632
+ --spectrum-regular-font-weight
609
633
  );
610
634
  --spectrum-detail-sans-serif-light-emphasized-font-style: var(
611
- --spectrum-font-style-italic
635
+ --spectrum-italic-font-style
612
636
  );
613
637
  --spectrum-detail-serif-light-emphasized-font-weight: var(
614
- --spectrum-font-weight-regular
638
+ --spectrum-regular-font-weight
615
639
  );
616
640
  --spectrum-detail-serif-light-emphasized-font-style: var(
617
- --spectrum-font-style-italic
641
+ --spectrum-italic-font-style
618
642
  );
619
643
  --spectrum-detail-cjk-light-emphasized-font-weight: var(
620
- --spectrum-font-weight-regular
644
+ --spectrum-regular-font-weight
621
645
  );
622
646
  --spectrum-detail-cjk-light-emphasized-font-style: var(
623
- --spectrum-font-style-default
647
+ --spectrum-default-font-style
624
648
  );
625
649
  --spectrum-detail-sans-serif-strong-emphasized-font-weight: var(
626
- --spectrum-font-weight-bold
650
+ --spectrum-bold-font-weight
627
651
  );
628
652
  --spectrum-detail-sans-serif-strong-emphasized-font-style: var(
629
- --spectrum-font-style-italic
653
+ --spectrum-italic-font-style
630
654
  );
631
655
  --spectrum-detail-serif-strong-emphasized-font-weight: var(
632
- --spectrum-font-weight-bold
656
+ --spectrum-bold-font-weight
633
657
  );
634
658
  --spectrum-detail-serif-strong-emphasized-font-style: var(
635
- --spectrum-font-style-italic
659
+ --spectrum-italic-font-style
636
660
  );
637
661
  --spectrum-detail-cjk-strong-emphasized-font-weight: var(
638
- --spectrum-font-weight-black
662
+ --spectrum-black-font-weight
639
663
  );
640
664
  --spectrum-detail-cjk-strong-emphasized-font-style: var(
641
- --spectrum-font-style-default
665
+ --spectrum-default-font-style
642
666
  );
643
667
  --spectrum-detail-sans-serif-light-strong-emphasized-font-weight: var(
644
- --spectrum-font-weight-regular
668
+ --spectrum-regular-font-weight
645
669
  );
646
670
  --spectrum-detail-sans-serif-light-strong-emphasized-font-style: var(
647
- --spectrum-font-style-italic
671
+ --spectrum-italic-font-style
648
672
  );
649
673
  --spectrum-detail-serif-light-strong-emphasized-font-weight: var(
650
- --spectrum-font-weight-regular
674
+ --spectrum-regular-font-weight
651
675
  );
652
676
  --spectrum-detail-serif-light-strong-emphasized-font-style: var(
653
- --spectrum-font-style-italic
677
+ --spectrum-italic-font-style
654
678
  );
655
679
  --spectrum-detail-cjk-light-strong-emphasized-font-weight: var(
656
- --spectrum-font-weight-extra-bold
680
+ --spectrum-extra-bold-font-weight
657
681
  );
658
682
  --spectrum-detail-cjk-light-strong-emphasized-font-style: var(
659
- --spectrum-font-style-default
683
+ --spectrum-default-font-style
660
684
  );
661
685
  --spectrum-detail-size-xl: var(--spectrum-font-size-200);
662
686
  --spectrum-detail-size-l: var(--spectrum-font-size-100);
663
687
  --spectrum-detail-size-m: var(--spectrum-font-size-75);
664
688
  --spectrum-detail-size-s: var(--spectrum-font-size-50);
665
689
  --spectrum-detail-line-height: var(--spectrum-line-height-100);
666
- --spectrum-detail-line-height-cjk: var(--spectrum-line-height-cjk-100);
667
- --spectrum-detail-margin-top-mulitplier: 0.88888889;
690
+ --spectrum-detail-cjk-line-height: var(--spectrum-cjk-line-height-100);
691
+ --spectrum-detail-margin-top-multiplier: 0.88888889;
668
692
  --spectrum-detail-margin-bottom-multiplier: 0.25;
669
693
  --spectrum-detail-letter-spacing: 0.06em;
670
- --spectrum-code-font-family: var(--spectrum-font-family-code);
671
- --spectrum-code-font-weight: var(--spectrum-font-weight-regular);
672
- --spectrum-code-font-style: var(--spectrum-font-style-default);
673
- --spectrum-code-cjk-font-family: var(--spectrum-font-family-code);
674
- --spectrum-code-cjk-font-weight: var(--spectrum-font-weight-regular);
675
- --spectrum-code-cjk-font-style: var(--spectrum-font-style-default);
676
- --spectrum-code-strong-font-weight: var(--spectrum-font-weight-bold);
677
- --spectrum-code-strong-font-style: var(--spectrum-font-style-default);
678
- --spectrum-code-cjk-strong-font-weight: var(--spectrum-font-weight-black);
679
- --spectrum-code-cjk-strong-font-style: var(--spectrum-font-style-default);
680
- --spectrum-code-emphasized-font-weight: var(--spectrum-font-weight-regular);
681
- --spectrum-code-emphasized-font-style: var(--spectrum-font-style-italic);
694
+ --spectrum-code-font-family: Source Code Pro;
695
+ --spectrum-code-cjk-font-family: var(--spectrum-code-font-family);
696
+ --spectrum-code-font-weight: var(--spectrum-regular-font-weight);
697
+ --spectrum-code-font-style: var(--spectrum-default-font-style);
698
+ --spectrum-code-cjk-font-weight: var(--spectrum-regular-font-weight);
699
+ --spectrum-code-cjk-font-style: var(--spectrum-default-font-style);
700
+ --spectrum-code-strong-font-weight: var(--spectrum-bold-font-weight);
701
+ --spectrum-code-strong-font-style: var(--spectrum-default-font-style);
702
+ --spectrum-code-cjk-strong-font-weight: var(--spectrum-black-font-weight);
703
+ --spectrum-code-cjk-strong-font-style: var(--spectrum-default-font-style);
704
+ --spectrum-code-emphasized-font-weight: var(--spectrum-regular-font-weight);
705
+ --spectrum-code-emphasized-font-style: var(--spectrum-italic-font-style);
682
706
  --spectrum-code-cjk-emphasized-font-weight: var(
683
- --spectrum-font-weight-bold
707
+ --spectrum-bold-font-weight
684
708
  );
685
709
  --spectrum-code-cjk-emphasized-font-style: var(
686
- --spectrum-font-style-default
710
+ --spectrum-default-font-style
687
711
  );
688
712
  --spectrum-code-strong-emphasized-font-weight: var(
689
- --spectrum-font-weight-bold
713
+ --spectrum-bold-font-weight
690
714
  );
691
715
  --spectrum-code-strong-emphasized-font-style: var(
692
- --spectrum-font-style-italic
716
+ --spectrum-italic-font-style
693
717
  );
694
718
  --spectrum-code-cjk-strong-emphasized-font-weight: var(
695
- --spectrum-font-weight-black
719
+ --spectrum-black-font-weight
696
720
  );
697
721
  --spectrum-code-cjk-strong-emphasized-font-style: var(
698
- --spectrum-font-style-default
722
+ --spectrum-default-font-style
699
723
  );
700
724
  --spectrum-code-size-xl: var(--spectrum-font-size-400);
701
725
  --spectrum-code-size-l: var(--spectrum-font-size-300);
@@ -703,5 +727,5 @@ governing permissions and limitations under the License.
703
727
  --spectrum-code-size-s: var(--spectrum-font-size-100);
704
728
  --spectrum-code-size-xs: var(--spectrum-font-size-75);
705
729
  --spectrum-code-line-height: var(--spectrum-line-height-200);
706
- --spectrum-code-line-height-cjk: var(--spectrum-line-height-cjk-200);
730
+ --spectrum-code-cjk-line-height: var(--spectrum-cjk-line-height-200);
707
731
  }