@adobe/spectrum-tokens 12.0.0-beta.20 → 12.0.0-beta.23

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 (6) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/json/variables.json +153 -82
  3. package/package.json +1 -1
  4. package/src/color-alias.json +2 -2
  5. package/src/component-layout.json +125 -0
  6. package/src/layout.json +1 -80
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
- # [12.0.0-beta.20](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.19...v12.0.0-beta.20) (2022-04-27)
1
+ # [12.0.0-beta.23](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.22...v12.0.0-beta.23) (2022-05-19)
2
2
 
3
3
 
4
4
  ### Features
5
5
 
6
- * adds toast tokens for DNA-1154 ([3ff9ce7](https://github.com/adobe/spectrum-tokens/commit/3ff9ce768c5dcb48fd61cfa345df7d8da2a9504d))
6
+ * renamed pill tokens to component-pill ([33fd685](https://github.com/adobe/spectrum-tokens/commit/33fd685987041fc4ec711bc4a9962f537dffd7be))
package/dist/json/variables.json CHANGED
@@ -2316,7 +2316,21 @@
2316
2316
  }
2317
2317
  },
2318
2318
  "dark": {
2319
- "value": "positivee-color-400}"
2319
+ "ref": "{positive-color-400}",
2320
+ "sets": {
2321
+ "light": {
2322
+ "value": "rgb(103, 222, 168)"
2323
+ },
2324
+ "dark": {
2325
+ "value": "rgb(0, 108, 67)"
2326
+ },
2327
+ "darkest": {
2328
+ "value": "rgb(0, 93, 57)"
2329
+ },
2330
+ "wireframe": {
2331
+ "value": "rgb(226, 232, 247)"
2332
+ }
2333
+ }
2320
2334
  },
2321
2335
  "darkest": {
2322
2336
  "ref": "{positive-color-500}",
@@ -2391,7 +2405,21 @@
2391
2405
  }
2392
2406
  },
2393
2407
  "darkest": {
2394
- "value": "positivee-color-400}"
2408
+ "ref": "{positive-color-400}",
2409
+ "sets": {
2410
+ "light": {
2411
+ "value": "rgb(103, 222, 168)"
2412
+ },
2413
+ "dark": {
2414
+ "value": "rgb(0, 108, 67)"
2415
+ },
2416
+ "darkest": {
2417
+ "value": "rgb(0, 93, 57)"
2418
+ },
2419
+ "wireframe": {
2420
+ "value": "rgb(226, 232, 247)"
2421
+ }
2422
+ }
2395
2423
  },
2396
2424
  "wireframe": {
2397
2425
  "ref": "{positive-color-1100}",
@@ -7150,6 +7178,126 @@
7150
7178
  }
7151
7179
  }
7152
7180
  },
7181
+ "component-pill-edge-to-visual-75": {
7182
+ "sets": {
7183
+ "desktop": {
7184
+ "value": "10px"
7185
+ },
7186
+ "mobile": {
7187
+ "value": "13px"
7188
+ }
7189
+ }
7190
+ },
7191
+ "component-pill-edge-to-visual-100": {
7192
+ "sets": {
7193
+ "desktop": {
7194
+ "value": "17px"
7195
+ },
7196
+ "mobile": {
7197
+ "value": "17px"
7198
+ }
7199
+ }
7200
+ },
7201
+ "component-pill-edge-to-visual-200": {
7202
+ "sets": {
7203
+ "desktop": {
7204
+ "value": "18px"
7205
+ },
7206
+ "mobile": {
7207
+ "value": "22px"
7208
+ }
7209
+ }
7210
+ },
7211
+ "component-pill-edge-to-visual-300": {
7212
+ "sets": {
7213
+ "desktop": {
7214
+ "value": "21px"
7215
+ },
7216
+ "mobile": {
7217
+ "value": "27px"
7218
+ }
7219
+ }
7220
+ },
7221
+ "component-pill-edge-to-visual-only-75": {
7222
+ "sets": {
7223
+ "desktop": {
7224
+ "value": "4px"
7225
+ },
7226
+ "mobile": {
7227
+ "value": "5px"
7228
+ }
7229
+ }
7230
+ },
7231
+ "component-pill-edge-to-visual-only-100": {
7232
+ "sets": {
7233
+ "desktop": {
7234
+ "value": "7px"
7235
+ },
7236
+ "mobile": {
7237
+ "value": "9px"
7238
+ }
7239
+ }
7240
+ },
7241
+ "component-pill-edge-to-visual-only-200": {
7242
+ "sets": {
7243
+ "desktop": {
7244
+ "value": "10px"
7245
+ },
7246
+ "mobile": {
7247
+ "value": "13px"
7248
+ }
7249
+ }
7250
+ },
7251
+ "component-pill-edge-to-visual-only-300": {
7252
+ "sets": {
7253
+ "desktop": {
7254
+ "value": "13px"
7255
+ },
7256
+ "mobile": {
7257
+ "value": "16px"
7258
+ }
7259
+ }
7260
+ },
7261
+ "component-pill-edge-to-text-75": {
7262
+ "sets": {
7263
+ "desktop": {
7264
+ "value": "12px"
7265
+ },
7266
+ "mobile": {
7267
+ "value": "15px"
7268
+ }
7269
+ }
7270
+ },
7271
+ "component-pill-edge-to-text-100": {
7272
+ "sets": {
7273
+ "desktop": {
7274
+ "value": "16px"
7275
+ },
7276
+ "mobile": {
7277
+ "value": "20px"
7278
+ }
7279
+ }
7280
+ },
7281
+ "component-pill-edge-to-text-200": {
7282
+ "sets": {
7283
+ "desktop": {
7284
+ "value": "20px"
7285
+ },
7286
+ "mobile": {
7287
+ "value": "25px"
7288
+ }
7289
+ }
7290
+ },
7291
+ "component-pill-edge-to-text-300": {
7292
+ "sets": {
7293
+ "desktop": {
7294
+ "value": "24px"
7295
+ },
7296
+ "mobile": {
7297
+ "value": "30px"
7298
+ }
7299
+ }
7300
+ },
7153
7301
  "action-button-edge-to-hold-icon-small": {
7154
7302
  "sets": {
7155
7303
  "desktop": {
@@ -7694,6 +7842,9 @@
7694
7842
  }
7695
7843
  }
7696
7844
  },
7845
+ "radio-button-selection-indicator": {
7846
+ "value": "4px"
7847
+ },
7697
7848
  "status-light-dot-size-small": {
7698
7849
  "sets": {
7699
7850
  "desktop": {
@@ -8718,86 +8869,6 @@
8718
8869
  }
8719
8870
  }
8720
8871
  },
8721
- "pill-edge-to-visual-75": {
8722
- "sets": {
8723
- "desktop": {
8724
- "value": "10px"
8725
- },
8726
- "mobile": {
8727
- "value": "13px"
8728
- }
8729
- }
8730
- },
8731
- "pill-edge-to-visual-100": {
8732
- "sets": {
8733
- "desktop": {
8734
- "value": "17px"
8735
- },
8736
- "mobile": {
8737
- "value": "17px"
8738
- }
8739
- }
8740
- },
8741
- "pill-edge-to-visual-200": {
8742
- "sets": {
8743
- "desktop": {
8744
- "value": "18px"
8745
- },
8746
- "mobile": {
8747
- "value": "22px"
8748
- }
8749
- }
8750
- },
8751
- "pill-edge-to-visual-300": {
8752
- "sets": {
8753
- "desktop": {
8754
- "value": "21px"
8755
- },
8756
- "mobile": {
8757
- "value": "27px"
8758
- }
8759
- }
8760
- },
8761
- "pill-edge-to-text-75": {
8762
- "sets": {
8763
- "desktop": {
8764
- "value": "12px"
8765
- },
8766
- "mobile": {
8767
- "value": "15px"
8768
- }
8769
- }
8770
- },
8771
- "pill-edge-to-text-100": {
8772
- "sets": {
8773
- "desktop": {
8774
- "value": "16px"
8775
- },
8776
- "mobile": {
8777
- "value": "20px"
8778
- }
8779
- }
8780
- },
8781
- "pill-edge-to-text-200": {
8782
- "sets": {
8783
- "desktop": {
8784
- "value": "20px"
8785
- },
8786
- "mobile": {
8787
- "value": "25px"
8788
- }
8789
- }
8790
- },
8791
- "pill-edge-to-text-300": {
8792
- "sets": {
8793
- "desktop": {
8794
- "value": "24px"
8795
- },
8796
- "mobile": {
8797
- "value": "30px"
8798
- }
8799
- }
8800
- },
8801
8872
  "edge-to-visual-50": {
8802
8873
  "sets": {
8803
8874
  "desktop": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.20",
3
+ "version": "12.0.0-beta.23",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
package/src/color-alias.json CHANGED
@@ -457,7 +457,7 @@
457
457
  "value": "{positive-color-1000}"
458
458
  },
459
459
  "dark": {
460
- "value": "positivee-color-400}"
460
+ "value": "{positive-color-400}"
461
461
  },
462
462
  "darkest": {
463
463
  "value": "{positive-color-500}"
@@ -476,7 +476,7 @@
476
476
  "value": "{positive-color-300}"
477
477
  },
478
478
  "darkest": {
479
- "value": "positivee-color-400}"
479
+ "value": "{positive-color-400}"
480
480
  },
481
481
  "wireframe": {
482
482
  "value": "{positive-color-1100}"
package/src/component-layout.json CHANGED
@@ -1,4 +1,125 @@
1
1
  {
2
+ "component-pill-edge-to-visual-75": {
3
+ "sets": {
4
+ "desktop": {
5
+ "value": "10px"
6
+ },
7
+ "mobile": {
8
+ "value": "13px"
9
+ }
10
+ }
11
+ },
12
+ "component-pill-edge-to-visual-100": {
13
+ "sets": {
14
+ "desktop": {
15
+ "value": "17px"
16
+ },
17
+ "mobile": {
18
+ "value": "17px"
19
+ }
20
+ }
21
+ },
22
+ "component-pill-edge-to-visual-200": {
23
+ "sets": {
24
+ "desktop": {
25
+ "value": "18px"
26
+ },
27
+ "mobile": {
28
+ "value": "22px"
29
+ }
30
+ }
31
+ },
32
+ "component-pill-edge-to-visual-300": {
33
+ "sets": {
34
+ "desktop": {
35
+ "value": "21px"
36
+ },
37
+ "mobile": {
38
+ "value": "27px"
39
+ }
40
+ }
41
+ },
42
+ "component-pill-edge-to-visual-only-75": {
43
+ "sets": {
44
+ "desktop": {
45
+ "value": "4px"
46
+ },
47
+ "mobile": {
48
+ "value": "5px"
49
+ }
50
+ }
51
+ },
52
+ "component-pill-edge-to-visual-only-100": {
53
+ "sets": {
54
+ "desktop": {
55
+ "value": "7px"
56
+ },
57
+ "mobile": {
58
+ "value": "9px"
59
+ }
60
+ }
61
+ },
62
+ "component-pill-edge-to-visual-only-200": {
63
+ "sets": {
64
+ "desktop": {
65
+ "value": "10px"
66
+ },
67
+ "mobile": {
68
+ "value": "13px"
69
+ }
70
+ }
71
+ },
72
+ "component-pill-edge-to-visual-only-300": {
73
+ "sets": {
74
+ "desktop": {
75
+ "value": "13px"
76
+ },
77
+ "mobile": {
78
+ "value": "16px"
79
+ }
80
+ }
81
+ },
82
+ "component-pill-edge-to-text-75": {
83
+ "sets": {
84
+ "desktop": {
85
+ "value": "12px"
86
+ },
87
+ "mobile": {
88
+ "value": "15px"
89
+ }
90
+ }
91
+ },
92
+ "component-pill-edge-to-text-100": {
93
+ "sets": {
94
+ "desktop": {
95
+ "value": "16px"
96
+ },
97
+ "mobile": {
98
+ "value": "20px"
99
+ }
100
+ }
101
+ },
102
+ "component-pill-edge-to-text-200": {
103
+ "sets": {
104
+ "desktop": {
105
+ "value": "20px"
106
+ },
107
+ "mobile": {
108
+ "value": "25px"
109
+ }
110
+ }
111
+ },
112
+ "component-pill-edge-to-text-300": {
113
+ "sets": {
114
+ "desktop": {
115
+ "value": "24px"
116
+ },
117
+ "mobile": {
118
+ "value": "30px"
119
+ }
120
+ }
121
+ },
122
+
2
123
  "action-button-edge-to-hold-icon-small": {
3
124
  "sets": {
4
125
  "desktop": {
@@ -546,6 +667,10 @@
546
667
  }
547
668
  }
548
669
  },
670
+
671
+ "radio-button-selection-indicator": {
672
+ "value": "4px"
673
+ },
549
674
 
550
675
  "status-light-dot-size-small": {
551
676
  "sets": {
package/src/layout.json CHANGED
@@ -749,86 +749,7 @@
749
749
  }
750
750
  }
751
751
  },
752
- "pill-edge-to-visual-75": {
753
- "sets": {
754
- "desktop": {
755
- "value": "10px"
756
- },
757
- "mobile": {
758
- "value": "13px"
759
- }
760
- }
761
- },
762
- "pill-edge-to-visual-100": {
763
- "sets": {
764
- "desktop": {
765
- "value": "17px"
766
- },
767
- "mobile": {
768
- "value": "17px"
769
- }
770
- }
771
- },
772
- "pill-edge-to-visual-200": {
773
- "sets": {
774
- "desktop": {
775
- "value": "18px"
776
- },
777
- "mobile": {
778
- "value": "22px"
779
- }
780
- }
781
- },
782
- "pill-edge-to-visual-300": {
783
- "sets": {
784
- "desktop": {
785
- "value": "21px"
786
- },
787
- "mobile": {
788
- "value": "27px"
789
- }
790
- }
791
- },
792
- "pill-edge-to-text-75": {
793
- "sets": {
794
- "desktop": {
795
- "value": "12px"
796
- },
797
- "mobile": {
798
- "value": "15px"
799
- }
800
- }
801
- },
802
- "pill-edge-to-text-100": {
803
- "sets": {
804
- "desktop": {
805
- "value": "16px"
806
- },
807
- "mobile": {
808
- "value": "20px"
809
- }
810
- }
811
- },
812
- "pill-edge-to-text-200": {
813
- "sets": {
814
- "desktop": {
815
- "value": "20px"
816
- },
817
- "mobile": {
818
- "value": "25px"
819
- }
820
- }
821
- },
822
- "pill-edge-to-text-300": {
823
- "sets": {
824
- "desktop": {
825
- "value": "24px"
826
- },
827
- "mobile": {
828
- "value": "30px"
829
- }
830
- }
831
- },
752
+
832
753
  "edge-to-visual-50": {
833
754
  "sets": {
834
755
  "desktop": {