@adobe/spectrum-tokens 14.5.0 → 14.6.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 (15) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/json/drover.json +308 -0
  3. package/dist/json/variables.json +4031 -448
  4. package/naming-exceptions.json +3539 -628
  5. package/package.json +1 -1
  6. package/schemas/token-types/typography-scale.json +82 -0
  7. package/snapshots/validation-snapshot.json +175 -0
  8. package/src/color-aliases.json +262 -22
  9. package/src/color-component.json +159 -15
  10. package/src/icons.json +454 -23
  11. package/src/layout-component.json +1209 -248
  12. package/src/layout.json +133 -34
  13. package/src/semantic-color-palette.json +45 -5
  14. package/src/typography.json +734 -36
  15. package/test/checkComponentProps.js +6 -4
package/src/color-component.json CHANGED
@@ -222,7 +222,7 @@
222
222
  "floating-action-button-drop-shadow-color": {
223
223
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
224
224
  "component": "floating-action-button",
225
- "uuid": "d66d3a56-1ba0-4ce7-a263-eb46a4d17af0",
225
+ "uuid": "fcbb6fca-9623-4b0a-8eee-5ab8b32aa7fc",
226
226
  "value": "{transparent-black-300}"
227
227
  },
228
228
  "floating-action-button-shadow-color": {
@@ -416,11 +416,26 @@
416
416
  },
417
417
  "uuid": "d34281bc-ac57-407a-b8e5-1dbdedd45797"
418
418
  },
419
+ "select-box-border-color-selected": {
420
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
421
+ "component": "select-box",
422
+ "uuid": "1037e6a3-72a3-4b74-a50b-059d341541ef",
423
+ "value": "{gray-800}"
424
+ },
419
425
  "select-box-selected-border-color": {
420
426
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
421
427
  "component": "select-box",
422
428
  "uuid": "4bbb81b1-09fb-4ebe-80b5-cebb75c13839",
423
- "value": "{gray-800}"
429
+ "value": "{gray-800}",
430
+ "deprecated": true,
431
+ "deprecated_comment": "Renamed to spec-order name. Use `select-box-border-color-selected` instead.",
432
+ "renamed": "select-box-border-color-selected"
433
+ },
434
+ "stack-item-background-color-default-selected": {
435
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
436
+ "component": "stack-item",
437
+ "uuid": "4d9100d7-894e-4a60-afda-ea9cdeb7f035",
438
+ "value": "{gray-100}"
424
439
  },
425
440
  "stack-item-background-color-down": {
426
441
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -428,29 +443,62 @@
428
443
  "uuid": "c99360a4-de28-48e6-80ad-93adb714d388",
429
444
  "value": "{gray-100}"
430
445
  },
446
+ "stack-item-background-color-down-selected": {
447
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
448
+ "component": "stack-item",
449
+ "uuid": "e1a45809-1462-4963-a987-0808c64394d1",
450
+ "value": "{gray-200}"
451
+ },
431
452
  "stack-item-background-color-hover": {
432
453
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
433
454
  "component": "stack-item",
434
455
  "uuid": "022a6244-ce6c-4c3f-82a1-e2f5118d3c5e",
435
456
  "value": "{gray-100}"
436
457
  },
458
+ "stack-item-background-color-hover-selected": {
459
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
460
+ "component": "stack-item",
461
+ "uuid": "e976db05-0f29-46af-acf0-6155543ce8ed",
462
+ "value": "{gray-200}"
463
+ },
437
464
  "stack-item-background-color-key-focus": {
438
465
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
439
466
  "component": "stack-item",
440
467
  "uuid": "a0251da6-7517-4712-85a1-29ca7f16ef91",
468
+ "value": "{gray-100}",
469
+ "deprecated": true,
470
+ "deprecated_comment": "Renamed to spec-order name. Use `stack-item-background-color-keyboard-focus` instead.",
471
+ "renamed": "stack-item-background-color-keyboard-focus"
472
+ },
473
+ "stack-item-background-color-keyboard-focus": {
474
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
475
+ "component": "stack-item",
476
+ "uuid": "55182ee4-3126-49da-8936-86989ae2eef7",
441
477
  "value": "{gray-100}"
442
478
  },
479
+ "stack-item-background-selected-color-keyboard-focus": {
480
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
481
+ "component": "stack-item",
482
+ "uuid": "55775c6a-d1f5-4b83-a78b-11c500997ea4",
483
+ "value": "{gray-200}"
484
+ },
443
485
  "stack-item-selected-background-color-default": {
444
486
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
445
487
  "component": "stack-item",
446
488
  "uuid": "128c4963-471a-44e3-9fb5-328d92d0266d",
447
- "value": "{gray-100}"
489
+ "value": "{gray-100}",
490
+ "deprecated": true,
491
+ "deprecated_comment": "Renamed to spec-order name. Use `stack-item-background-color-default-selected` instead.",
492
+ "renamed": "stack-item-background-color-default-selected"
448
493
  },
449
494
  "stack-item-selected-background-color-down": {
450
495
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
451
496
  "component": "stack-item",
452
497
  "uuid": "1ad58d16-66da-44ae-829e-9ee1ff56a857",
453
- "value": "{gray-200}"
498
+ "value": "{gray-200}",
499
+ "deprecated": true,
500
+ "deprecated_comment": "Renamed to spec-order name. Use `stack-item-background-color-down-selected` instead.",
501
+ "renamed": "stack-item-background-color-down-selected"
454
502
  },
455
503
  "stack-item-selected-background-color-emphasized": {
456
504
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -462,13 +510,19 @@
462
510
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
463
511
  "component": "stack-item",
464
512
  "uuid": "a1bcd6c6-ef3e-42e4-8d88-2fafe2b318da",
465
- "value": "{gray-200}"
513
+ "value": "{gray-200}",
514
+ "deprecated": true,
515
+ "deprecated_comment": "Renamed to spec-order name. Use `stack-item-background-color-hover-selected` instead.",
516
+ "renamed": "stack-item-background-color-hover-selected"
466
517
  },
467
518
  "stack-item-selected-background-color-key-focus": {
468
519
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
469
520
  "component": "stack-item",
470
521
  "uuid": "93f433f2-2d0b-4225-8b39-b10000808360",
471
- "value": "{gray-200}"
522
+ "value": "{gray-200}",
523
+ "deprecated": true,
524
+ "deprecated_comment": "Renamed to spec-order name. Use `stack-item-background-selected-color-keyboard-focus` instead.",
525
+ "renamed": "stack-item-background-selected-color-keyboard-focus"
472
526
  },
473
527
  "standard-panel-gripper-color": {
474
528
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -498,13 +552,19 @@
498
552
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
499
553
  "component": "swatch",
500
554
  "uuid": "c49cd7ae-7657-458b-871a-6b4f28bca535",
501
- "value": "{black}"
555
+ "value": "{black}",
556
+ "deprecated": true,
557
+ "deprecated_comment": "Renamed to spec-order name. Use `swatch-icon-border-color-disabled` instead.",
558
+ "renamed": "swatch-icon-border-color-disabled"
502
559
  },
503
560
  "swatch-disabled-icon-border-opacity": {
504
561
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
505
562
  "component": "swatch",
506
563
  "uuid": "cdbba3b6-cb51-4fec-88f0-273d4bb59a18",
507
- "value": "0.42"
564
+ "value": "0.42",
565
+ "deprecated": true,
566
+ "deprecated_comment": "Renamed to spec-order name. Use `swatch-icon-border-opacity-disabled` instead.",
567
+ "renamed": "swatch-icon-border-opacity-disabled"
508
568
  },
509
569
  "swatch-group-border-color": {
510
570
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -512,29 +572,89 @@
512
572
  "uuid": "08b8d06a-5475-47bf-ad2e-9f52ee07345a",
513
573
  "value": "{gray-1000}"
514
574
  },
575
+ "swatch-icon-border-color-disabled": {
576
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
577
+ "component": "swatch",
578
+ "uuid": "baf5681d-9262-4a4a-9fcb-50c8e18aeb77",
579
+ "value": "{black}"
580
+ },
581
+ "swatch-icon-border-opacity-disabled": {
582
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
583
+ "component": "swatch",
584
+ "uuid": "0611023f-1657-4c07-9dac-b3351f68668b",
585
+ "value": "0.42"
586
+ },
587
+ "table-row-background-color-selected": {
588
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
589
+ "component": "table",
590
+ "uuid": "b70d4d2a-55ec-4225-87c7-111ab24cc15e",
591
+ "value": "{informative-background-color-default}"
592
+ },
593
+ "table-row-background-opacity-hover-selected": {
594
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
595
+ "component": "table",
596
+ "uuid": "d4c78211-a97a-4f31-9105-976c91521934",
597
+ "value": "0.15"
598
+ },
599
+ "table-row-background-opacity-selected": {
600
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
601
+ "component": "table",
602
+ "uuid": "6b483c73-fc70-448a-95fa-d9ffbac0e6c7",
603
+ "value": "0.1"
604
+ },
605
+ "table-row-color-hover": {
606
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
607
+ "component": "table",
608
+ "uuid": "5b5933de-fcb5-41e4-9854-cf21e3f48803",
609
+ "value": "{gray-900}"
610
+ },
515
611
  "table-row-down-opacity": {
516
612
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
517
613
  "component": "table",
518
614
  "uuid": "75ae742c-e96e-494f-9880-746bb2849575",
519
- "value": "0.1"
615
+ "value": "0.1",
616
+ "deprecated": true,
617
+ "deprecated_comment": "Renamed to spec-order name. Use `table-row-opacity-down` instead.",
618
+ "renamed": "table-row-opacity-down"
520
619
  },
521
620
  "table-row-hover-color": {
522
621
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
523
622
  "component": "table",
524
623
  "uuid": "44aedb76-5483-4ac3-a6f5-8cf71c2bd376",
525
- "value": "{gray-900}"
624
+ "value": "{gray-900}",
625
+ "deprecated": true,
626
+ "deprecated_comment": "Renamed to spec-order name. Use `table-row-color-hover` instead.",
627
+ "renamed": "table-row-color-hover"
526
628
  },
527
629
  "table-row-hover-opacity": {
528
630
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
529
631
  "component": "table",
530
632
  "uuid": "e287d553-3712-4d6e-98f0-6075107e85fe",
633
+ "value": "0.07",
634
+ "deprecated": true,
635
+ "deprecated_comment": "Renamed to spec-order name. Use `table-row-opacity-hover` instead.",
636
+ "renamed": "table-row-opacity-hover"
637
+ },
638
+ "table-row-opacity-down": {
639
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
640
+ "component": "table",
641
+ "uuid": "97c86246-81e3-4719-a9bf-6920f42d2c51",
642
+ "value": "0.1"
643
+ },
644
+ "table-row-opacity-hover": {
645
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
646
+ "component": "table",
647
+ "uuid": "c6a8d500-ba21-4e62-9ee1-945c6ca60174",
531
648
  "value": "0.07"
532
649
  },
533
650
  "table-selected-row-background-color": {
534
651
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
535
652
  "component": "table",
536
653
  "uuid": "b7537f50-bd49-44b6-a171-19943d443d24",
537
- "value": "{informative-background-color-default}"
654
+ "value": "{informative-background-color-default}",
655
+ "deprecated": true,
656
+ "deprecated_comment": "Renamed to spec-order name. Use `table-row-background-color-selected` instead.",
657
+ "renamed": "table-row-background-color-selected"
538
658
  },
539
659
  "table-selected-row-background-color-non-emphasized": {
540
660
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
@@ -546,13 +666,19 @@
546
666
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
547
667
  "component": "table",
548
668
  "uuid": "61b3aa04-0e7e-44b8-a4c8-8442a4ebf549",
549
- "value": "0.1"
669
+ "value": "0.1",
670
+ "deprecated": true,
671
+ "deprecated_comment": "Renamed to spec-order name. Use `table-row-background-opacity-selected` instead.",
672
+ "renamed": "table-row-background-opacity-selected"
550
673
  },
551
674
  "table-selected-row-background-opacity-hover": {
552
675
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
553
676
  "component": "table",
554
677
  "uuid": "ce2851bc-8ae1-4b27-8cd6-f191c9cd7fe9",
555
- "value": "0.15"
678
+ "value": "0.15",
679
+ "deprecated": true,
680
+ "deprecated_comment": "Renamed to spec-order name. Use `table-row-background-opacity-hover-selected` instead.",
681
+ "renamed": "table-row-background-opacity-hover-selected"
556
682
  },
557
683
  "table-selected-row-background-opacity-non-emphasized": {
558
684
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/opacity.json",
@@ -584,12 +710,24 @@
584
710
  "uuid": "92418bcd-5f0f-4f26-9a96-51f8c9e871bf",
585
711
  "value": "{opacity-disabled}"
586
712
  },
713
+ "tree-view-row-background-default-selected": {
714
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
715
+ "component": "tree-view",
716
+ "uuid": "e3a2d117-ef07-4a09-bfd8-e3f566d34f68",
717
+ "value": "{gray-100}"
718
+ },
587
719
  "tree-view-row-background-hover": {
588
720
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
589
721
  "component": "tree-view",
590
722
  "uuid": "39d26185-da40-47b5-b4b3-e47689129256",
591
723
  "value": "{gray-100}"
592
724
  },
725
+ "tree-view-row-background-hover-selected": {
726
+ "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
727
+ "component": "tree-view",
728
+ "uuid": "0a6a86bb-abf5-4e7b-919d-8e65824e10c0",
729
+ "value": "{gray-100}"
730
+ },
593
731
  "tree-view-selected-row-background-color-emphasized": {
594
732
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
595
733
  "component": "tree-view",
@@ -600,12 +738,18 @@
600
738
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
601
739
  "component": "tree-view",
602
740
  "uuid": "8f19994d-f49a-42ea-97bd-98ab1d76d02d",
603
- "value": "{gray-100}"
741
+ "value": "{gray-100}",
742
+ "deprecated": true,
743
+ "deprecated_comment": "Renamed to spec-order name. Use `tree-view-row-background-default-selected` instead.",
744
+ "renamed": "tree-view-row-background-default-selected"
604
745
  },
605
746
  "tree-view-selected-row-background-hover": {
606
747
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
607
748
  "component": "tree-view",
608
749
  "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24",
609
- "value": "{gray-100}"
750
+ "value": "{gray-100}",
751
+ "deprecated": true,
752
+ "deprecated_comment": "Renamed to spec-order name. Use `tree-view-row-background-hover-selected` instead.",
753
+ "renamed": "tree-view-row-background-hover-selected"
610
754
  }
611
755
  }