@adobe/spectrum-tokens 12.0.0-beta.26 → 12.0.0-beta.27
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 +144 -0
- package/package.json +1 -1
- package/src/color-alias.json +48 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
1
|
+
# [12.0.0-beta.27](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.26...v12.0.0-beta.27) (2022-06-01)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Features
|
|
5
5
|
|
|
6
|
-
* adding
|
|
6
|
+
* adding tokens for 3 backgrounds ([#38](https://github.com/adobe/spectrum-tokens/issues/38)) ([cf839d3](https://github.com/adobe/spectrum-tokens/commit/cf839d37658b60251db71596da0f4ad91567d5f2))
|
package/dist/json/variables.json
CHANGED
|
@@ -2600,6 +2600,150 @@
|
|
|
2600
2600
|
}
|
|
2601
2601
|
}
|
|
2602
2602
|
},
|
|
2603
|
+
"background-base-color": {
|
|
2604
|
+
"sets": {
|
|
2605
|
+
"light": {
|
|
2606
|
+
"ref": "{gray-50}",
|
|
2607
|
+
"sets": {
|
|
2608
|
+
"light": {
|
|
2609
|
+
"value": "rgb(255, 255, 255)"
|
|
2610
|
+
},
|
|
2611
|
+
"dark": {
|
|
2612
|
+
"value": "rgb(29, 29, 29)"
|
|
2613
|
+
},
|
|
2614
|
+
"darkest": {
|
|
2615
|
+
"value": "rgb(0, 0, 0)"
|
|
2616
|
+
},
|
|
2617
|
+
"wireframe": {
|
|
2618
|
+
"value": "rgb(255, 255, 255)"
|
|
2619
|
+
}
|
|
2620
|
+
}
|
|
2621
|
+
},
|
|
2622
|
+
"dark": {
|
|
2623
|
+
"ref": "{gray-100}",
|
|
2624
|
+
"sets": {
|
|
2625
|
+
"light": {
|
|
2626
|
+
"value": "rgb(248, 248, 248)"
|
|
2627
|
+
},
|
|
2628
|
+
"dark": {
|
|
2629
|
+
"value": "rgb(50, 50, 50)"
|
|
2630
|
+
},
|
|
2631
|
+
"darkest": {
|
|
2632
|
+
"value": "rgb(29, 29, 29)"
|
|
2633
|
+
},
|
|
2634
|
+
"wireframe": {
|
|
2635
|
+
"value": "rgb(244, 246, 252)"
|
|
2636
|
+
}
|
|
2637
|
+
}
|
|
2638
|
+
},
|
|
2639
|
+
"darkest": {
|
|
2640
|
+
"ref": "{gray-100}",
|
|
2641
|
+
"sets": {
|
|
2642
|
+
"light": {
|
|
2643
|
+
"value": "rgb(248, 248, 248)"
|
|
2644
|
+
},
|
|
2645
|
+
"dark": {
|
|
2646
|
+
"value": "rgb(50, 50, 50)"
|
|
2647
|
+
},
|
|
2648
|
+
"darkest": {
|
|
2649
|
+
"value": "rgb(29, 29, 29)"
|
|
2650
|
+
},
|
|
2651
|
+
"wireframe": {
|
|
2652
|
+
"value": "rgb(244, 246, 252)"
|
|
2653
|
+
}
|
|
2654
|
+
}
|
|
2655
|
+
},
|
|
2656
|
+
"wireframe": {
|
|
2657
|
+
"ref": "{gray-50}",
|
|
2658
|
+
"sets": {
|
|
2659
|
+
"light": {
|
|
2660
|
+
"value": "rgb(255, 255, 255)"
|
|
2661
|
+
},
|
|
2662
|
+
"dark": {
|
|
2663
|
+
"value": "rgb(29, 29, 29)"
|
|
2664
|
+
},
|
|
2665
|
+
"darkest": {
|
|
2666
|
+
"value": "rgb(0, 0, 0)"
|
|
2667
|
+
},
|
|
2668
|
+
"wireframe": {
|
|
2669
|
+
"value": "rgb(255, 255, 255)"
|
|
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
|
+
},
|
|
2603
2747
|
"accent-color-100": {
|
|
2604
2748
|
"sets": {
|
|
2605
2749
|
"spectrum": {
|
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-base-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
|
}
|