@adobe/spectrum-tokens 12.0.0-beta.26 → 12.0.0-beta.29
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 +432 -48
- package/package.json +1 -1
- package/src/color-alias.json +48 -0
- package/src/component-layout.json +217 -56
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
1
|
+
# [12.0.0-beta.29](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.28...v12.0.0-beta.29) (2022-06-08)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Features
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* added express sizes to switch tokens ([#40](https://github.com/adobe/spectrum-tokens/issues/40)) ([cac6684](https://github.com/adobe/spectrum-tokens/commit/cac668452b70697ee8fbfb24b050915e9eea44d8))
|
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": {
|
|
@@ -8297,121 +8513,289 @@
|
|
|
8297
8513
|
},
|
|
8298
8514
|
"switch-control-width-small": {
|
|
8299
8515
|
"sets": {
|
|
8300
|
-
"
|
|
8301
|
-
"
|
|
8516
|
+
"spectrum": {
|
|
8517
|
+
"sets": {
|
|
8518
|
+
"desktop": {
|
|
8519
|
+
"value": "23px"
|
|
8520
|
+
},
|
|
8521
|
+
"mobile": {
|
|
8522
|
+
"value": "32px"
|
|
8523
|
+
}
|
|
8524
|
+
}
|
|
8302
8525
|
},
|
|
8303
|
-
"
|
|
8304
|
-
"
|
|
8526
|
+
"express": {
|
|
8527
|
+
"sets": {
|
|
8528
|
+
"desktop": {
|
|
8529
|
+
"value": "25px"
|
|
8530
|
+
},
|
|
8531
|
+
"mobile": {
|
|
8532
|
+
"value": "32px"
|
|
8533
|
+
}
|
|
8534
|
+
}
|
|
8305
8535
|
}
|
|
8306
8536
|
}
|
|
8307
8537
|
},
|
|
8308
8538
|
"switch-control-width-medium": {
|
|
8309
8539
|
"sets": {
|
|
8310
|
-
"
|
|
8311
|
-
"
|
|
8540
|
+
"spectrum": {
|
|
8541
|
+
"sets": {
|
|
8542
|
+
"desktop": {
|
|
8543
|
+
"value": "26px"
|
|
8544
|
+
},
|
|
8545
|
+
"mobile": {
|
|
8546
|
+
"value": "36px"
|
|
8547
|
+
}
|
|
8548
|
+
}
|
|
8312
8549
|
},
|
|
8313
|
-
"
|
|
8314
|
-
"
|
|
8550
|
+
"express": {
|
|
8551
|
+
"sets": {
|
|
8552
|
+
"desktop": {
|
|
8553
|
+
"value": "28px"
|
|
8554
|
+
},
|
|
8555
|
+
"mobile": {
|
|
8556
|
+
"value": "36px"
|
|
8557
|
+
}
|
|
8558
|
+
}
|
|
8315
8559
|
}
|
|
8316
8560
|
}
|
|
8317
8561
|
},
|
|
8318
8562
|
"switch-control-width-large": {
|
|
8319
8563
|
"sets": {
|
|
8320
|
-
"
|
|
8321
|
-
"
|
|
8564
|
+
"spectrum": {
|
|
8565
|
+
"sets": {
|
|
8566
|
+
"desktop": {
|
|
8567
|
+
"value": "29px"
|
|
8568
|
+
},
|
|
8569
|
+
"mobile": {
|
|
8570
|
+
"value": "41px"
|
|
8571
|
+
}
|
|
8572
|
+
}
|
|
8322
8573
|
},
|
|
8323
|
-
"
|
|
8324
|
-
"
|
|
8574
|
+
"express": {
|
|
8575
|
+
"sets": {
|
|
8576
|
+
"desktop": {
|
|
8577
|
+
"value": "32px"
|
|
8578
|
+
},
|
|
8579
|
+
"mobile": {
|
|
8580
|
+
"value": "41px"
|
|
8581
|
+
}
|
|
8582
|
+
}
|
|
8325
8583
|
}
|
|
8326
8584
|
}
|
|
8327
8585
|
},
|
|
8328
8586
|
"switch-control-width-extra-large": {
|
|
8329
8587
|
"sets": {
|
|
8330
|
-
"
|
|
8331
|
-
"
|
|
8588
|
+
"spectrum": {
|
|
8589
|
+
"sets": {
|
|
8590
|
+
"desktop": {
|
|
8591
|
+
"value": "33px"
|
|
8592
|
+
},
|
|
8593
|
+
"mobile": {
|
|
8594
|
+
"value": "46px"
|
|
8595
|
+
}
|
|
8596
|
+
}
|
|
8332
8597
|
},
|
|
8333
|
-
"
|
|
8334
|
-
"
|
|
8598
|
+
"express": {
|
|
8599
|
+
"sets": {
|
|
8600
|
+
"desktop": {
|
|
8601
|
+
"value": "35px"
|
|
8602
|
+
},
|
|
8603
|
+
"mobile": {
|
|
8604
|
+
"value": "46px"
|
|
8605
|
+
}
|
|
8606
|
+
}
|
|
8335
8607
|
}
|
|
8336
8608
|
}
|
|
8337
8609
|
},
|
|
8338
8610
|
"switch-control-height-small": {
|
|
8339
8611
|
"sets": {
|
|
8340
|
-
"
|
|
8341
|
-
"
|
|
8612
|
+
"spectrum": {
|
|
8613
|
+
"sets": {
|
|
8614
|
+
"desktop": {
|
|
8615
|
+
"value": "12px"
|
|
8616
|
+
},
|
|
8617
|
+
"mobile": {
|
|
8618
|
+
"value": "16px"
|
|
8619
|
+
}
|
|
8620
|
+
}
|
|
8342
8621
|
},
|
|
8343
|
-
"
|
|
8344
|
-
"
|
|
8622
|
+
"express": {
|
|
8623
|
+
"sets": {
|
|
8624
|
+
"desktop": {
|
|
8625
|
+
"value": "14px"
|
|
8626
|
+
},
|
|
8627
|
+
"mobile": {
|
|
8628
|
+
"value": "18px"
|
|
8629
|
+
}
|
|
8630
|
+
}
|
|
8345
8631
|
}
|
|
8346
8632
|
}
|
|
8347
8633
|
},
|
|
8348
8634
|
"switch-control-height-medium": {
|
|
8349
8635
|
"sets": {
|
|
8350
|
-
"
|
|
8351
|
-
"
|
|
8636
|
+
"spectrum": {
|
|
8637
|
+
"sets": {
|
|
8638
|
+
"desktop": {
|
|
8639
|
+
"value": "14px"
|
|
8640
|
+
},
|
|
8641
|
+
"mobile": {
|
|
8642
|
+
"value": "18px"
|
|
8643
|
+
}
|
|
8644
|
+
}
|
|
8352
8645
|
},
|
|
8353
|
-
"
|
|
8354
|
-
"
|
|
8646
|
+
"express": {
|
|
8647
|
+
"sets": {
|
|
8648
|
+
"desktop": {
|
|
8649
|
+
"value": "16px"
|
|
8650
|
+
},
|
|
8651
|
+
"mobile": {
|
|
8652
|
+
"value": "20px"
|
|
8653
|
+
}
|
|
8654
|
+
}
|
|
8355
8655
|
}
|
|
8356
8656
|
}
|
|
8357
8657
|
},
|
|
8358
8658
|
"switch-control-height-large": {
|
|
8359
8659
|
"sets": {
|
|
8360
|
-
"
|
|
8361
|
-
"
|
|
8660
|
+
"spectrum": {
|
|
8661
|
+
"sets": {
|
|
8662
|
+
"desktop": {
|
|
8663
|
+
"value": "16px"
|
|
8664
|
+
},
|
|
8665
|
+
"mobile": {
|
|
8666
|
+
"value": "20px"
|
|
8667
|
+
}
|
|
8668
|
+
}
|
|
8362
8669
|
},
|
|
8363
|
-
"
|
|
8364
|
-
"
|
|
8670
|
+
"express": {
|
|
8671
|
+
"sets": {
|
|
8672
|
+
"desktop": {
|
|
8673
|
+
"value": "18px"
|
|
8674
|
+
},
|
|
8675
|
+
"mobile": {
|
|
8676
|
+
"value": "22px"
|
|
8677
|
+
}
|
|
8678
|
+
}
|
|
8365
8679
|
}
|
|
8366
8680
|
}
|
|
8367
8681
|
},
|
|
8368
8682
|
"switch-control-height-extra-large": {
|
|
8369
8683
|
"sets": {
|
|
8370
|
-
"
|
|
8371
|
-
"
|
|
8684
|
+
"spectrum": {
|
|
8685
|
+
"sets": {
|
|
8686
|
+
"desktop": {
|
|
8687
|
+
"value": "18px"
|
|
8688
|
+
},
|
|
8689
|
+
"mobile": {
|
|
8690
|
+
"value": "22px"
|
|
8691
|
+
}
|
|
8692
|
+
}
|
|
8372
8693
|
},
|
|
8373
|
-
"
|
|
8374
|
-
"
|
|
8694
|
+
"express": {
|
|
8695
|
+
"sets": {
|
|
8696
|
+
"desktop": {
|
|
8697
|
+
"value": "20px"
|
|
8698
|
+
},
|
|
8699
|
+
"mobile": {
|
|
8700
|
+
"value": "26px"
|
|
8701
|
+
}
|
|
8702
|
+
}
|
|
8375
8703
|
}
|
|
8376
8704
|
}
|
|
8377
8705
|
},
|
|
8378
8706
|
"switch-top-to-control-small": {
|
|
8379
8707
|
"sets": {
|
|
8380
|
-
"
|
|
8381
|
-
"
|
|
8708
|
+
"spectrum": {
|
|
8709
|
+
"sets": {
|
|
8710
|
+
"desktop": {
|
|
8711
|
+
"value": "6px"
|
|
8712
|
+
},
|
|
8713
|
+
"mobile": {
|
|
8714
|
+
"value": "7px"
|
|
8715
|
+
}
|
|
8716
|
+
}
|
|
8382
8717
|
},
|
|
8383
|
-
"
|
|
8384
|
-
"
|
|
8718
|
+
"express": {
|
|
8719
|
+
"sets": {
|
|
8720
|
+
"desktop": {
|
|
8721
|
+
"value": "5px"
|
|
8722
|
+
},
|
|
8723
|
+
"mobile": {
|
|
8724
|
+
"value": "6px"
|
|
8725
|
+
}
|
|
8726
|
+
}
|
|
8385
8727
|
}
|
|
8386
8728
|
}
|
|
8387
8729
|
},
|
|
8388
8730
|
"switch-top-to-control-medium": {
|
|
8389
8731
|
"sets": {
|
|
8390
|
-
"
|
|
8391
|
-
"
|
|
8732
|
+
"spectrum": {
|
|
8733
|
+
"sets": {
|
|
8734
|
+
"desktop": {
|
|
8735
|
+
"value": "9px"
|
|
8736
|
+
},
|
|
8737
|
+
"mobile": {
|
|
8738
|
+
"value": "11px"
|
|
8739
|
+
}
|
|
8740
|
+
}
|
|
8392
8741
|
},
|
|
8393
|
-
"
|
|
8394
|
-
"
|
|
8742
|
+
"express": {
|
|
8743
|
+
"sets": {
|
|
8744
|
+
"desktop": {
|
|
8745
|
+
"value": "8px"
|
|
8746
|
+
},
|
|
8747
|
+
"mobile": {
|
|
8748
|
+
"value": "10px"
|
|
8749
|
+
}
|
|
8750
|
+
}
|
|
8395
8751
|
}
|
|
8396
8752
|
}
|
|
8397
8753
|
},
|
|
8398
8754
|
"switch-top-to-control-large": {
|
|
8399
8755
|
"sets": {
|
|
8400
|
-
"
|
|
8401
|
-
"
|
|
8756
|
+
"spectrum": {
|
|
8757
|
+
"sets": {
|
|
8758
|
+
"desktop": {
|
|
8759
|
+
"value": "12px"
|
|
8760
|
+
},
|
|
8761
|
+
"mobile": {
|
|
8762
|
+
"value": "15px"
|
|
8763
|
+
}
|
|
8764
|
+
}
|
|
8402
8765
|
},
|
|
8403
|
-
"
|
|
8404
|
-
"
|
|
8766
|
+
"express": {
|
|
8767
|
+
"sets": {
|
|
8768
|
+
"desktop": {
|
|
8769
|
+
"value": "11px"
|
|
8770
|
+
},
|
|
8771
|
+
"mobile": {
|
|
8772
|
+
"value": "14px"
|
|
8773
|
+
}
|
|
8774
|
+
}
|
|
8405
8775
|
}
|
|
8406
8776
|
}
|
|
8407
8777
|
},
|
|
8408
8778
|
"switch-top-to-control-extra-large": {
|
|
8409
8779
|
"sets": {
|
|
8410
|
-
"
|
|
8411
|
-
"
|
|
8780
|
+
"spectrum": {
|
|
8781
|
+
"sets": {
|
|
8782
|
+
"desktop": {
|
|
8783
|
+
"value": "15px"
|
|
8784
|
+
},
|
|
8785
|
+
"mobile": {
|
|
8786
|
+
"value": "19px"
|
|
8787
|
+
}
|
|
8788
|
+
}
|
|
8412
8789
|
},
|
|
8413
|
-
"
|
|
8414
|
-
"
|
|
8790
|
+
"express": {
|
|
8791
|
+
"sets": {
|
|
8792
|
+
"desktop": {
|
|
8793
|
+
"value": "14px"
|
|
8794
|
+
},
|
|
8795
|
+
"mobile": {
|
|
8796
|
+
"value": "17px"
|
|
8797
|
+
}
|
|
8798
|
+
}
|
|
8415
8799
|
}
|
|
8416
8800
|
}
|
|
8417
8801
|
},
|
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
|
}
|
|
@@ -119,7 +119,6 @@
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
},
|
|
122
|
-
|
|
123
122
|
"component-edge-to-visual-50": {
|
|
124
123
|
"sets": {
|
|
125
124
|
"desktop": {
|
|
@@ -170,7 +169,6 @@
|
|
|
170
169
|
}
|
|
171
170
|
}
|
|
172
171
|
},
|
|
173
|
-
|
|
174
172
|
"component-edge-to-visual-only-50": {
|
|
175
173
|
"sets": {
|
|
176
174
|
"desktop": {
|
|
@@ -483,7 +481,7 @@
|
|
|
483
481
|
}
|
|
484
482
|
}
|
|
485
483
|
},
|
|
486
|
-
"action-bar-top-to-item-counter":{
|
|
484
|
+
"action-bar-top-to-item-counter": {
|
|
487
485
|
"sets": {
|
|
488
486
|
"desktop": {
|
|
489
487
|
"value": "14px"
|
|
@@ -493,7 +491,6 @@
|
|
|
493
491
|
}
|
|
494
492
|
}
|
|
495
493
|
},
|
|
496
|
-
|
|
497
494
|
"action-button-edge-to-hold-icon-small": {
|
|
498
495
|
"sets": {
|
|
499
496
|
"desktop": {
|
|
@@ -1041,11 +1038,9 @@
|
|
|
1041
1038
|
}
|
|
1042
1039
|
}
|
|
1043
1040
|
},
|
|
1044
|
-
|
|
1045
1041
|
"radio-button-selection-indicator": {
|
|
1046
1042
|
"value": "4px"
|
|
1047
1043
|
},
|
|
1048
|
-
|
|
1049
1044
|
"status-light-dot-size-small": {
|
|
1050
1045
|
"sets": {
|
|
1051
1046
|
"desktop": {
|
|
@@ -1128,125 +1123,292 @@
|
|
|
1128
1123
|
},
|
|
1129
1124
|
"switch-control-width-small": {
|
|
1130
1125
|
"sets": {
|
|
1131
|
-
"
|
|
1132
|
-
"
|
|
1126
|
+
"spectrum": {
|
|
1127
|
+
"sets": {
|
|
1128
|
+
"desktop": {
|
|
1129
|
+
"value": "23px"
|
|
1130
|
+
},
|
|
1131
|
+
"mobile": {
|
|
1132
|
+
"value": "32px"
|
|
1133
|
+
}
|
|
1134
|
+
}
|
|
1133
1135
|
},
|
|
1134
|
-
"
|
|
1135
|
-
"
|
|
1136
|
+
"express": {
|
|
1137
|
+
"sets": {
|
|
1138
|
+
"desktop": {
|
|
1139
|
+
"value": "25px"
|
|
1140
|
+
},
|
|
1141
|
+
"mobile": {
|
|
1142
|
+
"value": "32px"
|
|
1143
|
+
}
|
|
1144
|
+
}
|
|
1136
1145
|
}
|
|
1137
1146
|
}
|
|
1138
1147
|
},
|
|
1139
1148
|
"switch-control-width-medium": {
|
|
1140
1149
|
"sets": {
|
|
1141
|
-
"
|
|
1142
|
-
"
|
|
1150
|
+
"spectrum": {
|
|
1151
|
+
"sets": {
|
|
1152
|
+
"desktop": {
|
|
1153
|
+
"value": "26px"
|
|
1154
|
+
},
|
|
1155
|
+
"mobile": {
|
|
1156
|
+
"value": "36px"
|
|
1157
|
+
}
|
|
1158
|
+
}
|
|
1143
1159
|
},
|
|
1144
|
-
"
|
|
1145
|
-
"
|
|
1160
|
+
"express": {
|
|
1161
|
+
"sets": {
|
|
1162
|
+
"desktop": {
|
|
1163
|
+
"value": "28px"
|
|
1164
|
+
},
|
|
1165
|
+
"mobile": {
|
|
1166
|
+
"value": "36px"
|
|
1167
|
+
}
|
|
1168
|
+
}
|
|
1146
1169
|
}
|
|
1147
1170
|
}
|
|
1148
1171
|
},
|
|
1149
1172
|
"switch-control-width-large": {
|
|
1150
1173
|
"sets": {
|
|
1151
|
-
"
|
|
1152
|
-
"
|
|
1174
|
+
"spectrum": {
|
|
1175
|
+
"sets": {
|
|
1176
|
+
"desktop": {
|
|
1177
|
+
"value": "29px"
|
|
1178
|
+
},
|
|
1179
|
+
"mobile": {
|
|
1180
|
+
"value": "41px"
|
|
1181
|
+
}
|
|
1182
|
+
}
|
|
1153
1183
|
},
|
|
1154
|
-
"
|
|
1155
|
-
"
|
|
1184
|
+
"express": {
|
|
1185
|
+
"sets": {
|
|
1186
|
+
"desktop": {
|
|
1187
|
+
"value": "32px"
|
|
1188
|
+
},
|
|
1189
|
+
"mobile": {
|
|
1190
|
+
"value": "41px"
|
|
1191
|
+
}
|
|
1192
|
+
}
|
|
1156
1193
|
}
|
|
1157
1194
|
}
|
|
1158
1195
|
},
|
|
1159
1196
|
"switch-control-width-extra-large": {
|
|
1160
1197
|
"sets": {
|
|
1161
|
-
"
|
|
1162
|
-
"
|
|
1198
|
+
"spectrum": {
|
|
1199
|
+
"sets": {
|
|
1200
|
+
"desktop": {
|
|
1201
|
+
"value": "33px"
|
|
1202
|
+
},
|
|
1203
|
+
"mobile": {
|
|
1204
|
+
"value": "46px"
|
|
1205
|
+
}
|
|
1206
|
+
}
|
|
1163
1207
|
},
|
|
1164
|
-
"
|
|
1165
|
-
"
|
|
1208
|
+
"express": {
|
|
1209
|
+
"sets": {
|
|
1210
|
+
"desktop": {
|
|
1211
|
+
"value": "35px"
|
|
1212
|
+
},
|
|
1213
|
+
"mobile": {
|
|
1214
|
+
"value": "46px"
|
|
1215
|
+
}
|
|
1216
|
+
}
|
|
1166
1217
|
}
|
|
1167
1218
|
}
|
|
1168
1219
|
},
|
|
1169
1220
|
"switch-control-height-small": {
|
|
1170
1221
|
"sets": {
|
|
1171
|
-
"
|
|
1172
|
-
"
|
|
1222
|
+
"spectrum": {
|
|
1223
|
+
"sets": {
|
|
1224
|
+
"desktop": {
|
|
1225
|
+
"value": "12px"
|
|
1226
|
+
},
|
|
1227
|
+
"mobile": {
|
|
1228
|
+
"value": "16px"
|
|
1229
|
+
}
|
|
1230
|
+
}
|
|
1173
1231
|
},
|
|
1174
|
-
"
|
|
1175
|
-
"
|
|
1232
|
+
"express": {
|
|
1233
|
+
"sets": {
|
|
1234
|
+
"desktop": {
|
|
1235
|
+
"value": "14px"
|
|
1236
|
+
},
|
|
1237
|
+
"mobile": {
|
|
1238
|
+
"value": "18px"
|
|
1239
|
+
}
|
|
1240
|
+
}
|
|
1176
1241
|
}
|
|
1177
1242
|
}
|
|
1178
1243
|
},
|
|
1179
1244
|
"switch-control-height-medium": {
|
|
1180
1245
|
"sets": {
|
|
1181
|
-
"
|
|
1182
|
-
"
|
|
1246
|
+
"spectrum": {
|
|
1247
|
+
"sets": {
|
|
1248
|
+
"desktop": {
|
|
1249
|
+
"value": "14px"
|
|
1250
|
+
},
|
|
1251
|
+
"mobile": {
|
|
1252
|
+
"value": "18px"
|
|
1253
|
+
}
|
|
1254
|
+
}
|
|
1183
1255
|
},
|
|
1184
|
-
"
|
|
1185
|
-
"
|
|
1256
|
+
"express": {
|
|
1257
|
+
"sets": {
|
|
1258
|
+
"desktop": {
|
|
1259
|
+
"value": "16px"
|
|
1260
|
+
},
|
|
1261
|
+
"mobile": {
|
|
1262
|
+
"value": "20px"
|
|
1263
|
+
}
|
|
1264
|
+
}
|
|
1186
1265
|
}
|
|
1187
1266
|
}
|
|
1188
1267
|
},
|
|
1189
1268
|
"switch-control-height-large": {
|
|
1190
1269
|
"sets": {
|
|
1191
|
-
"
|
|
1192
|
-
"
|
|
1270
|
+
"spectrum": {
|
|
1271
|
+
"sets": {
|
|
1272
|
+
"desktop": {
|
|
1273
|
+
"value": "16px"
|
|
1274
|
+
},
|
|
1275
|
+
"mobile": {
|
|
1276
|
+
"value": "20px"
|
|
1277
|
+
}
|
|
1278
|
+
}
|
|
1193
1279
|
},
|
|
1194
|
-
"
|
|
1195
|
-
"
|
|
1280
|
+
"express": {
|
|
1281
|
+
"sets": {
|
|
1282
|
+
"desktop": {
|
|
1283
|
+
"value": "18px"
|
|
1284
|
+
},
|
|
1285
|
+
"mobile": {
|
|
1286
|
+
"value": "22px"
|
|
1287
|
+
}
|
|
1288
|
+
}
|
|
1196
1289
|
}
|
|
1197
1290
|
}
|
|
1198
1291
|
},
|
|
1199
1292
|
"switch-control-height-extra-large": {
|
|
1200
1293
|
"sets": {
|
|
1201
|
-
"
|
|
1202
|
-
"
|
|
1294
|
+
"spectrum": {
|
|
1295
|
+
"sets": {
|
|
1296
|
+
"desktop": {
|
|
1297
|
+
"value": "18px"
|
|
1298
|
+
},
|
|
1299
|
+
"mobile": {
|
|
1300
|
+
"value": "22px"
|
|
1301
|
+
}
|
|
1302
|
+
}
|
|
1203
1303
|
},
|
|
1204
|
-
"
|
|
1205
|
-
"
|
|
1304
|
+
"express": {
|
|
1305
|
+
"sets": {
|
|
1306
|
+
"desktop": {
|
|
1307
|
+
"value": "20px"
|
|
1308
|
+
},
|
|
1309
|
+
"mobile": {
|
|
1310
|
+
"value": "26px"
|
|
1311
|
+
}
|
|
1312
|
+
}
|
|
1206
1313
|
}
|
|
1207
1314
|
}
|
|
1208
1315
|
},
|
|
1209
1316
|
"switch-top-to-control-small": {
|
|
1210
1317
|
"sets": {
|
|
1211
|
-
"
|
|
1212
|
-
"
|
|
1318
|
+
"spectrum": {
|
|
1319
|
+
"sets": {
|
|
1320
|
+
"desktop": {
|
|
1321
|
+
"value": "6px"
|
|
1322
|
+
},
|
|
1323
|
+
"mobile": {
|
|
1324
|
+
"value": "7px"
|
|
1325
|
+
}
|
|
1326
|
+
}
|
|
1213
1327
|
},
|
|
1214
|
-
"
|
|
1215
|
-
"
|
|
1328
|
+
"express": {
|
|
1329
|
+
"sets": {
|
|
1330
|
+
"desktop": {
|
|
1331
|
+
"value": "5px"
|
|
1332
|
+
},
|
|
1333
|
+
"mobile": {
|
|
1334
|
+
"value": "6px"
|
|
1335
|
+
}
|
|
1336
|
+
}
|
|
1216
1337
|
}
|
|
1217
1338
|
}
|
|
1218
1339
|
},
|
|
1219
1340
|
"switch-top-to-control-medium": {
|
|
1220
1341
|
"sets": {
|
|
1221
|
-
"
|
|
1222
|
-
"
|
|
1342
|
+
"spectrum": {
|
|
1343
|
+
"sets": {
|
|
1344
|
+
"desktop": {
|
|
1345
|
+
"value": "9px"
|
|
1346
|
+
},
|
|
1347
|
+
"mobile": {
|
|
1348
|
+
"value": "11px"
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1223
1351
|
},
|
|
1224
|
-
"
|
|
1225
|
-
"
|
|
1352
|
+
"express": {
|
|
1353
|
+
"sets": {
|
|
1354
|
+
"desktop": {
|
|
1355
|
+
"value": "8px"
|
|
1356
|
+
},
|
|
1357
|
+
"mobile": {
|
|
1358
|
+
"value": "10px"
|
|
1359
|
+
}
|
|
1360
|
+
}
|
|
1226
1361
|
}
|
|
1227
1362
|
}
|
|
1228
1363
|
},
|
|
1229
1364
|
"switch-top-to-control-large": {
|
|
1230
1365
|
"sets": {
|
|
1231
|
-
"
|
|
1232
|
-
"
|
|
1366
|
+
"spectrum": {
|
|
1367
|
+
"sets": {
|
|
1368
|
+
"desktop": {
|
|
1369
|
+
"value": "12px"
|
|
1370
|
+
},
|
|
1371
|
+
"mobile": {
|
|
1372
|
+
"value": "15px"
|
|
1373
|
+
}
|
|
1374
|
+
}
|
|
1233
1375
|
},
|
|
1234
|
-
"
|
|
1235
|
-
"
|
|
1376
|
+
"express": {
|
|
1377
|
+
"sets": {
|
|
1378
|
+
"desktop": {
|
|
1379
|
+
"value": "11px"
|
|
1380
|
+
},
|
|
1381
|
+
"mobile": {
|
|
1382
|
+
"value": "14px"
|
|
1383
|
+
}
|
|
1384
|
+
}
|
|
1236
1385
|
}
|
|
1237
1386
|
}
|
|
1238
1387
|
},
|
|
1239
1388
|
"switch-top-to-control-extra-large": {
|
|
1240
1389
|
"sets": {
|
|
1241
|
-
"
|
|
1242
|
-
"
|
|
1390
|
+
"spectrum": {
|
|
1391
|
+
"sets": {
|
|
1392
|
+
"desktop": {
|
|
1393
|
+
"value": "15px"
|
|
1394
|
+
},
|
|
1395
|
+
"mobile": {
|
|
1396
|
+
"value": "19px"
|
|
1397
|
+
}
|
|
1398
|
+
}
|
|
1243
1399
|
},
|
|
1244
|
-
"
|
|
1245
|
-
"
|
|
1400
|
+
"express": {
|
|
1401
|
+
"sets": {
|
|
1402
|
+
"desktop": {
|
|
1403
|
+
"value": "14px"
|
|
1404
|
+
},
|
|
1405
|
+
"mobile": {
|
|
1406
|
+
"value": "17px"
|
|
1407
|
+
}
|
|
1408
|
+
}
|
|
1246
1409
|
}
|
|
1247
1410
|
}
|
|
1248
1411
|
},
|
|
1249
|
-
|
|
1250
1412
|
"toast-height": {
|
|
1251
1413
|
"sets": {
|
|
1252
1414
|
"desktop": {
|
|
@@ -1287,7 +1449,6 @@
|
|
|
1287
1449
|
}
|
|
1288
1450
|
}
|
|
1289
1451
|
},
|
|
1290
|
-
|
|
1291
1452
|
"tooltip-width": {
|
|
1292
1453
|
"sets": {
|
|
1293
1454
|
"desktop": {
|