@adobe/spectrum-tokens 12.0.0-beta.22 → 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 (5) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/json/variables.json +120 -80
  3. package/package.json +1 -1
  4. package/src/component-layout.json +121 -0
  5. package/src/layout.json +1 -80
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
- # [12.0.0-beta.22](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.21...v12.0.0-beta.22) (2022-05-12)
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
- ### Bug Fixes
4
+ ### Features
5
5
 
6
- * radio-button-selection-indicator was missing ([f825d69](https://github.com/adobe/spectrum-tokens/commit/f825d691df64a96a69974617fc42dd7e0b660a3a))
6
+ * renamed pill tokens to component-pill ([33fd685](https://github.com/adobe/spectrum-tokens/commit/33fd685987041fc4ec711bc4a9962f537dffd7be))
package/dist/json/variables.json CHANGED
@@ -7178,6 +7178,126 @@
7178
7178
  }
7179
7179
  }
7180
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
+ },
7181
7301
  "action-button-edge-to-hold-icon-small": {
7182
7302
  "sets": {
7183
7303
  "desktop": {
@@ -8749,86 +8869,6 @@
8749
8869
  }
8750
8870
  }
8751
8871
  },
8752
- "pill-edge-to-visual-75": {
8753
- "sets": {
8754
- "desktop": {
8755
- "value": "10px"
8756
- },
8757
- "mobile": {
8758
- "value": "13px"
8759
- }
8760
- }
8761
- },
8762
- "pill-edge-to-visual-100": {
8763
- "sets": {
8764
- "desktop": {
8765
- "value": "17px"
8766
- },
8767
- "mobile": {
8768
- "value": "17px"
8769
- }
8770
- }
8771
- },
8772
- "pill-edge-to-visual-200": {
8773
- "sets": {
8774
- "desktop": {
8775
- "value": "18px"
8776
- },
8777
- "mobile": {
8778
- "value": "22px"
8779
- }
8780
- }
8781
- },
8782
- "pill-edge-to-visual-300": {
8783
- "sets": {
8784
- "desktop": {
8785
- "value": "21px"
8786
- },
8787
- "mobile": {
8788
- "value": "27px"
8789
- }
8790
- }
8791
- },
8792
- "pill-edge-to-text-75": {
8793
- "sets": {
8794
- "desktop": {
8795
- "value": "12px"
8796
- },
8797
- "mobile": {
8798
- "value": "15px"
8799
- }
8800
- }
8801
- },
8802
- "pill-edge-to-text-100": {
8803
- "sets": {
8804
- "desktop": {
8805
- "value": "16px"
8806
- },
8807
- "mobile": {
8808
- "value": "20px"
8809
- }
8810
- }
8811
- },
8812
- "pill-edge-to-text-200": {
8813
- "sets": {
8814
- "desktop": {
8815
- "value": "20px"
8816
- },
8817
- "mobile": {
8818
- "value": "25px"
8819
- }
8820
- }
8821
- },
8822
- "pill-edge-to-text-300": {
8823
- "sets": {
8824
- "desktop": {
8825
- "value": "24px"
8826
- },
8827
- "mobile": {
8828
- "value": "30px"
8829
- }
8830
- }
8831
- },
8832
8872
  "edge-to-visual-50": {
8833
8873
  "sets": {
8834
8874
  "desktop": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.22",
3
+ "version": "12.0.0-beta.23",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
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": {
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": {