@adobe/spectrum-tokens 12.0.0-beta.25 → 12.0.0-beta.28
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.
- package/CHANGELOG.md +2 -2
- package/dist/json/variables.json +236 -0
- package/package.json +1 -1
- package/src/color-alias.json +48 -0
- package/src/component-layout.json +21 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
1
|
+
# [12.0.0-beta.28](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.27...v12.0.0-beta.28) (2022-06-01)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Features
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* adding tokens for 3 backgrounds ([f31a0db](https://github.com/adobe/spectrum-tokens/commit/f31a0db3c88a1d82cef20e2e1f6a99562c371bc2))
|
package/dist/json/variables.json
CHANGED
|
@@ -2600,6 +2600,222 @@
|
|
|
2600
2600
|
}
|
|
2601
2601
|
}
|
|
2602
2602
|
},
|
|
2603
|
+
"background-base-color": {
|
|
2604
|
+
"sets": {
|
|
2605
|
+
"light": {
|
|
2606
|
+
"ref": "{gray-200}",
|
|
2607
|
+
"sets": {
|
|
2608
|
+
"light": {
|
|
2609
|
+
"value": "rgb(230, 230, 230)"
|
|
2610
|
+
},
|
|
2611
|
+
"dark": {
|
|
2612
|
+
"value": "rgb(63, 63, 63)"
|
|
2613
|
+
},
|
|
2614
|
+
"darkest": {
|
|
2615
|
+
"value": "rgb(48, 48, 48)"
|
|
2616
|
+
},
|
|
2617
|
+
"wireframe": {
|
|
2618
|
+
"value": "rgb(230, 236, 248)"
|
|
2619
|
+
}
|
|
2620
|
+
}
|
|
2621
|
+
},
|
|
2622
|
+
"dark": {
|
|
2623
|
+
"ref": "{gray-50}",
|
|
2624
|
+
"sets": {
|
|
2625
|
+
"light": {
|
|
2626
|
+
"value": "rgb(255, 255, 255)"
|
|
2627
|
+
},
|
|
2628
|
+
"dark": {
|
|
2629
|
+
"value": "rgb(29, 29, 29)"
|
|
2630
|
+
},
|
|
2631
|
+
"darkest": {
|
|
2632
|
+
"value": "rgb(0, 0, 0)"
|
|
2633
|
+
},
|
|
2634
|
+
"wireframe": {
|
|
2635
|
+
"value": "rgb(255, 255, 255)"
|
|
2636
|
+
}
|
|
2637
|
+
}
|
|
2638
|
+
},
|
|
2639
|
+
"darkest": {
|
|
2640
|
+
"ref": "{gray-50}",
|
|
2641
|
+
"sets": {
|
|
2642
|
+
"light": {
|
|
2643
|
+
"value": "rgb(255, 255, 255)"
|
|
2644
|
+
},
|
|
2645
|
+
"dark": {
|
|
2646
|
+
"value": "rgb(29, 29, 29)"
|
|
2647
|
+
},
|
|
2648
|
+
"darkest": {
|
|
2649
|
+
"value": "rgb(0, 0, 0)"
|
|
2650
|
+
},
|
|
2651
|
+
"wireframe": {
|
|
2652
|
+
"value": "rgb(255, 255, 255)"
|
|
2653
|
+
}
|
|
2654
|
+
}
|
|
2655
|
+
},
|
|
2656
|
+
"wireframe": {
|
|
2657
|
+
"ref": "{gray-200}",
|
|
2658
|
+
"sets": {
|
|
2659
|
+
"light": {
|
|
2660
|
+
"value": "rgb(230, 230, 230)"
|
|
2661
|
+
},
|
|
2662
|
+
"dark": {
|
|
2663
|
+
"value": "rgb(63, 63, 63)"
|
|
2664
|
+
},
|
|
2665
|
+
"darkest": {
|
|
2666
|
+
"value": "rgb(48, 48, 48)"
|
|
2667
|
+
},
|
|
2668
|
+
"wireframe": {
|
|
2669
|
+
"value": "rgb(230, 236, 248)"
|
|
2670
|
+
}
|
|
2671
|
+
}
|
|
2672
|
+
}
|
|
2673
|
+
}
|
|
2674
|
+
},
|
|
2675
|
+
"background-layer-1-color": {
|
|
2676
|
+
"sets": {
|
|
2677
|
+
"light": {
|
|
2678
|
+
"ref": "{gray-100}",
|
|
2679
|
+
"sets": {
|
|
2680
|
+
"light": {
|
|
2681
|
+
"value": "rgb(248, 248, 248)"
|
|
2682
|
+
},
|
|
2683
|
+
"dark": {
|
|
2684
|
+
"value": "rgb(50, 50, 50)"
|
|
2685
|
+
},
|
|
2686
|
+
"darkest": {
|
|
2687
|
+
"value": "rgb(29, 29, 29)"
|
|
2688
|
+
},
|
|
2689
|
+
"wireframe": {
|
|
2690
|
+
"value": "rgb(244, 246, 252)"
|
|
2691
|
+
}
|
|
2692
|
+
}
|
|
2693
|
+
},
|
|
2694
|
+
"dark": {
|
|
2695
|
+
"ref": "{gray-75}",
|
|
2696
|
+
"sets": {
|
|
2697
|
+
"light": {
|
|
2698
|
+
"value": "rgb(253, 253, 253)"
|
|
2699
|
+
},
|
|
2700
|
+
"dark": {
|
|
2701
|
+
"value": "rgb(38, 38, 38)"
|
|
2702
|
+
},
|
|
2703
|
+
"darkest": {
|
|
2704
|
+
"value": "rgb(14, 14, 14)"
|
|
2705
|
+
},
|
|
2706
|
+
"wireframe": {
|
|
2707
|
+
"value": "rgb(253, 253, 254)"
|
|
2708
|
+
}
|
|
2709
|
+
}
|
|
2710
|
+
},
|
|
2711
|
+
"darkest": {
|
|
2712
|
+
"ref": "{gray-75}",
|
|
2713
|
+
"sets": {
|
|
2714
|
+
"light": {
|
|
2715
|
+
"value": "rgb(253, 253, 253)"
|
|
2716
|
+
},
|
|
2717
|
+
"dark": {
|
|
2718
|
+
"value": "rgb(38, 38, 38)"
|
|
2719
|
+
},
|
|
2720
|
+
"darkest": {
|
|
2721
|
+
"value": "rgb(14, 14, 14)"
|
|
2722
|
+
},
|
|
2723
|
+
"wireframe": {
|
|
2724
|
+
"value": "rgb(253, 253, 254)"
|
|
2725
|
+
}
|
|
2726
|
+
}
|
|
2727
|
+
},
|
|
2728
|
+
"wireframe": {
|
|
2729
|
+
"ref": "{gray-100}",
|
|
2730
|
+
"sets": {
|
|
2731
|
+
"light": {
|
|
2732
|
+
"value": "rgb(248, 248, 248)"
|
|
2733
|
+
},
|
|
2734
|
+
"dark": {
|
|
2735
|
+
"value": "rgb(50, 50, 50)"
|
|
2736
|
+
},
|
|
2737
|
+
"darkest": {
|
|
2738
|
+
"value": "rgb(29, 29, 29)"
|
|
2739
|
+
},
|
|
2740
|
+
"wireframe": {
|
|
2741
|
+
"value": "rgb(244, 246, 252)"
|
|
2742
|
+
}
|
|
2743
|
+
}
|
|
2744
|
+
}
|
|
2745
|
+
}
|
|
2746
|
+
},
|
|
2747
|
+
"background-layer-2-color": {
|
|
2748
|
+
"sets": {
|
|
2749
|
+
"light": {
|
|
2750
|
+
"ref": "{gray-50}",
|
|
2751
|
+
"sets": {
|
|
2752
|
+
"light": {
|
|
2753
|
+
"value": "rgb(255, 255, 255)"
|
|
2754
|
+
},
|
|
2755
|
+
"dark": {
|
|
2756
|
+
"value": "rgb(29, 29, 29)"
|
|
2757
|
+
},
|
|
2758
|
+
"darkest": {
|
|
2759
|
+
"value": "rgb(0, 0, 0)"
|
|
2760
|
+
},
|
|
2761
|
+
"wireframe": {
|
|
2762
|
+
"value": "rgb(255, 255, 255)"
|
|
2763
|
+
}
|
|
2764
|
+
}
|
|
2765
|
+
},
|
|
2766
|
+
"dark": {
|
|
2767
|
+
"ref": "{gray-100}",
|
|
2768
|
+
"sets": {
|
|
2769
|
+
"light": {
|
|
2770
|
+
"value": "rgb(248, 248, 248)"
|
|
2771
|
+
},
|
|
2772
|
+
"dark": {
|
|
2773
|
+
"value": "rgb(50, 50, 50)"
|
|
2774
|
+
},
|
|
2775
|
+
"darkest": {
|
|
2776
|
+
"value": "rgb(29, 29, 29)"
|
|
2777
|
+
},
|
|
2778
|
+
"wireframe": {
|
|
2779
|
+
"value": "rgb(244, 246, 252)"
|
|
2780
|
+
}
|
|
2781
|
+
}
|
|
2782
|
+
},
|
|
2783
|
+
"darkest": {
|
|
2784
|
+
"ref": "{gray-100}",
|
|
2785
|
+
"sets": {
|
|
2786
|
+
"light": {
|
|
2787
|
+
"value": "rgb(248, 248, 248)"
|
|
2788
|
+
},
|
|
2789
|
+
"dark": {
|
|
2790
|
+
"value": "rgb(50, 50, 50)"
|
|
2791
|
+
},
|
|
2792
|
+
"darkest": {
|
|
2793
|
+
"value": "rgb(29, 29, 29)"
|
|
2794
|
+
},
|
|
2795
|
+
"wireframe": {
|
|
2796
|
+
"value": "rgb(244, 246, 252)"
|
|
2797
|
+
}
|
|
2798
|
+
}
|
|
2799
|
+
},
|
|
2800
|
+
"wireframe": {
|
|
2801
|
+
"ref": "{gray-50}",
|
|
2802
|
+
"sets": {
|
|
2803
|
+
"light": {
|
|
2804
|
+
"value": "rgb(255, 255, 255)"
|
|
2805
|
+
},
|
|
2806
|
+
"dark": {
|
|
2807
|
+
"value": "rgb(29, 29, 29)"
|
|
2808
|
+
},
|
|
2809
|
+
"darkest": {
|
|
2810
|
+
"value": "rgb(0, 0, 0)"
|
|
2811
|
+
},
|
|
2812
|
+
"wireframe": {
|
|
2813
|
+
"value": "rgb(255, 255, 255)"
|
|
2814
|
+
}
|
|
2815
|
+
}
|
|
2816
|
+
}
|
|
2817
|
+
}
|
|
2818
|
+
},
|
|
2603
2819
|
"accent-color-100": {
|
|
2604
2820
|
"sets": {
|
|
2605
2821
|
"spectrum": {
|
|
@@ -7648,6 +7864,26 @@
|
|
|
7648
7864
|
}
|
|
7649
7865
|
}
|
|
7650
7866
|
},
|
|
7867
|
+
"action-bar-height": {
|
|
7868
|
+
"sets": {
|
|
7869
|
+
"desktop": {
|
|
7870
|
+
"value": "48px"
|
|
7871
|
+
},
|
|
7872
|
+
"mobile": {
|
|
7873
|
+
"value": "56px"
|
|
7874
|
+
}
|
|
7875
|
+
}
|
|
7876
|
+
},
|
|
7877
|
+
"action-bar-top-to-item-counter": {
|
|
7878
|
+
"sets": {
|
|
7879
|
+
"desktop": {
|
|
7880
|
+
"value": "14px"
|
|
7881
|
+
},
|
|
7882
|
+
"mobile": {
|
|
7883
|
+
"value": "16px"
|
|
7884
|
+
}
|
|
7885
|
+
}
|
|
7886
|
+
},
|
|
7651
7887
|
"action-button-edge-to-hold-icon-small": {
|
|
7652
7888
|
"sets": {
|
|
7653
7889
|
"desktop": {
|
package/package.json
CHANGED
package/src/color-alias.json
CHANGED
|
@@ -542,5 +542,53 @@
|
|
|
542
542
|
"value": "rgba(0, 0, 0, 0.80)"
|
|
543
543
|
}
|
|
544
544
|
}
|
|
545
|
+
},
|
|
546
|
+
"background-base-color": {
|
|
547
|
+
"sets": {
|
|
548
|
+
"light": {
|
|
549
|
+
"value": "{gray-200}"
|
|
550
|
+
},
|
|
551
|
+
"dark": {
|
|
552
|
+
"value": "{gray-50}"
|
|
553
|
+
},
|
|
554
|
+
"darkest": {
|
|
555
|
+
"value": "{gray-50}"
|
|
556
|
+
},
|
|
557
|
+
"wireframe": {
|
|
558
|
+
"value": "{gray-200}"
|
|
559
|
+
}
|
|
560
|
+
}
|
|
561
|
+
},
|
|
562
|
+
"background-layer-1-color": {
|
|
563
|
+
"sets": {
|
|
564
|
+
"light": {
|
|
565
|
+
"value": "{gray-100}"
|
|
566
|
+
},
|
|
567
|
+
"dark": {
|
|
568
|
+
"value": "{gray-75}"
|
|
569
|
+
},
|
|
570
|
+
"darkest": {
|
|
571
|
+
"value": "{gray-75}"
|
|
572
|
+
},
|
|
573
|
+
"wireframe": {
|
|
574
|
+
"value": "{gray-100}"
|
|
575
|
+
}
|
|
576
|
+
}
|
|
577
|
+
},
|
|
578
|
+
"background-layer-2-color": {
|
|
579
|
+
"sets": {
|
|
580
|
+
"light": {
|
|
581
|
+
"value": "{gray-50}"
|
|
582
|
+
},
|
|
583
|
+
"dark": {
|
|
584
|
+
"value": "{gray-100}"
|
|
585
|
+
},
|
|
586
|
+
"darkest": {
|
|
587
|
+
"value": "{gray-100}"
|
|
588
|
+
},
|
|
589
|
+
"wireframe": {
|
|
590
|
+
"value": "{gray-50}"
|
|
591
|
+
}
|
|
592
|
+
}
|
|
545
593
|
}
|
|
546
594
|
}
|
|
@@ -473,6 +473,27 @@
|
|
|
473
473
|
}
|
|
474
474
|
},
|
|
475
475
|
|
|
476
|
+
"action-bar-height": {
|
|
477
|
+
"sets": {
|
|
478
|
+
"desktop": {
|
|
479
|
+
"value": "48px"
|
|
480
|
+
},
|
|
481
|
+
"mobile": {
|
|
482
|
+
"value": "56px"
|
|
483
|
+
}
|
|
484
|
+
}
|
|
485
|
+
},
|
|
486
|
+
"action-bar-top-to-item-counter":{
|
|
487
|
+
"sets": {
|
|
488
|
+
"desktop": {
|
|
489
|
+
"value": "14px"
|
|
490
|
+
},
|
|
491
|
+
"mobile": {
|
|
492
|
+
"value": "16px"
|
|
493
|
+
}
|
|
494
|
+
}
|
|
495
|
+
},
|
|
496
|
+
|
|
476
497
|
"action-button-edge-to-hold-icon-small": {
|
|
477
498
|
"sets": {
|
|
478
499
|
"desktop": {
|