@adobe/spectrum-tokens 13.0.0-beta.2 → 13.0.0-beta.4

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.
@@ -1,32 +1,368 @@
1
1
  {
2
- "checkbox-control-size-small": {},
3
- "checkbox-control-size-medium": {},
4
- "checkbox-control-size-large": {},
5
- "checkbox-control-size-extra-large": {},
6
- "checkbox-top-to-control-small": {},
7
- "checkbox-top-to-control-medium": {},
8
- "checkbox-top-to-control-large": {},
9
- "checkbox-top-to-control-extra-large": {},
10
- "switch-control-width-small": {},
11
- "switch-control-width-medium": {},
12
- "switch-control-width-large": {},
13
- "switch-control-width-extra-large": {},
14
- "switch-control-height-small": {},
15
- "switch-control-height-medium": {},
16
- "switch-control-height-large": {},
17
- "switch-control-height-extra-large": {},
18
- "switch-top-to-control-small": {},
19
- "switch-top-to-control-medium": {},
20
- "switch-top-to-control-large": {},
21
- "switch-top-to-control-extra-large": {},
22
- "radio-button-control-size-small": {},
23
- "radio-button-control-size-medium": {},
24
- "radio-button-control-size-large": {},
25
- "radio-button-control-size-extra-large": {},
26
- "radio-button-top-to-control-small": {},
27
- "radio-button-top-to-control-medium": {},
28
- "radio-button-top-to-control-large": {},
29
- "radio-button-top-to-control-extra-large": {},
2
+ "checkbox-control-size-small": {
3
+ "component": "checkbox",
4
+ "sets": {
5
+ "desktop": {
6
+ "value": "12px",
7
+ "uuid": "460e8170-de69-4f8e-8420-6c87a1f6f5cd"
8
+ },
9
+ "mobile": {
10
+ "value": "16px",
11
+ "uuid": "af31c1a5-ffce-4a54-8862-3e711ca53d25"
12
+ }
13
+ }
14
+ },
15
+ "checkbox-control-size-medium": {
16
+ "component": "checkbox",
17
+ "sets": {
18
+ "desktop": {
19
+ "value": "14px",
20
+ "uuid": "86288454-7192-4e4c-b55f-fc509fc58c01"
21
+ },
22
+ "mobile": {
23
+ "value": "18px",
24
+ "uuid": "00fee3f7-a743-45d6-a2b6-028d5d96964a"
25
+ }
26
+ }
27
+ },
28
+ "checkbox-control-size-large": {
29
+ "component": "checkbox",
30
+ "sets": {
31
+ "desktop": {
32
+ "value": "16px",
33
+ "uuid": "839a52bc-b9ee-473f-acde-0799b4f55ded"
34
+ },
35
+ "mobile": {
36
+ "value": "20px",
37
+ "uuid": "b4367578-989e-438d-9a3e-7cb077f2f7c9"
38
+ }
39
+ }
40
+ },
41
+ "checkbox-control-size-extra-large": {
42
+ "component": "checkbox",
43
+ "sets": {
44
+ "desktop": {
45
+ "value": "18px",
46
+ "uuid": "4ba47ba1-c9bd-447e-8948-009d5b424e0d"
47
+ },
48
+ "mobile": {
49
+ "value": "22px",
50
+ "uuid": "13093f8b-e38e-449f-a982-7f960bb84dfa"
51
+ }
52
+ }
53
+ },
54
+ "checkbox-top-to-control-small": {
55
+ "component": "checkbox",
56
+ "sets": {
57
+ "desktop": {
58
+ "value": "6px",
59
+ "uuid": "20518175-5bc7-4659-8007-e74339c39433"
60
+ },
61
+ "mobile": {
62
+ "value": "7px",
63
+ "uuid": "f254146e-f469-44b1-b0c9-1ac72e88f9e3"
64
+ }
65
+ }
66
+ },
67
+ "checkbox-top-to-control-medium": {
68
+ "component": "checkbox",
69
+ "sets": {
70
+ "desktop": {
71
+ "value": "9px",
72
+ "uuid": "dcde5d2d-60f8-4d56-bfb1-bba44a087515"
73
+ },
74
+ "mobile": {
75
+ "value": "11px",
76
+ "uuid": "e3751526-2db9-421c-85f9-d60071aac49b"
77
+ }
78
+ }
79
+ },
80
+ "checkbox-top-to-control-large": {
81
+ "component": "checkbox",
82
+ "sets": {
83
+ "desktop": {
84
+ "value": "12px",
85
+ "uuid": "93edae08-5320-4e7e-a006-a9af1d3665ad"
86
+ },
87
+ "mobile": {
88
+ "value": "15px",
89
+ "uuid": "d040d2f4-9bb4-4d27-adac-40fef079d958"
90
+ }
91
+ }
92
+ },
93
+ "checkbox-top-to-control-extra-large": {
94
+ "component": "checkbox",
95
+ "sets": {
96
+ "desktop": {
97
+ "value": "15px",
98
+ "uuid": "3c4217bb-91f2-4347-9f65-a0528992f600"
99
+ },
100
+ "mobile": {
101
+ "value": "19px",
102
+ "uuid": "b3be5ac8-2415-4490-8b4a-c08661ec84d1"
103
+ }
104
+ }
105
+ },
106
+ "switch-control-width-small": {
107
+ "component": "switch",
108
+ "sets": {
109
+ "desktop": {
110
+ "value": "23px",
111
+ "uuid": "f4d6fe1a-70bd-473a-9fa5-477865ea898e"
112
+ },
113
+ "mobile": {
114
+ "value": "32px",
115
+ "uuid": "ca939c4d-9369-498c-81cb-61df1397f657"
116
+ }
117
+ }
118
+ },
119
+ "switch-control-width-medium": {
120
+ "component": "switch",
121
+ "sets": {
122
+ "desktop": {
123
+ "value": "26px",
124
+ "uuid": "d329eda6-f13d-4a44-b962-ff06c371ed93"
125
+ },
126
+ "mobile": {
127
+ "value": "36px",
128
+ "uuid": "ec2f3b6b-80db-4c43-bdd2-caee98796775"
129
+ }
130
+ }
131
+ },
132
+ "switch-control-width-large": {
133
+ "component": "switch",
134
+ "sets": {
135
+ "desktop": {
136
+ "value": "29px",
137
+ "uuid": "cef839a5-2ba7-4e47-9a85-d94260a8ff10"
138
+ },
139
+ "mobile": {
140
+ "value": "41px",
141
+ "uuid": "5c7bdcc9-63f8-4c4b-b26f-97b39f53dbea"
142
+ }
143
+ }
144
+ },
145
+ "switch-control-width-extra-large": {
146
+ "component": "switch",
147
+ "sets": {
148
+ "desktop": {
149
+ "value": "33px",
150
+ "uuid": "f3102afd-e5df-4912-9203-8226ce37fed5"
151
+ },
152
+ "mobile": {
153
+ "value": "46px",
154
+ "uuid": "4e9d9b63-989a-4b63-b74d-22b5188f8df7"
155
+ }
156
+ }
157
+ },
158
+ "switch-control-height-small": {
159
+ "component": "switch",
160
+ "sets": {
161
+ "desktop": {
162
+ "value": "12px",
163
+ "uuid": "3bf75a24-5e95-4c18-9da2-b7088377fe21"
164
+ },
165
+ "mobile": {
166
+ "value": "16px",
167
+ "uuid": "a1dbcaf0-bbcf-444d-9d22-7f86db20303a"
168
+ }
169
+ }
170
+ },
171
+ "switch-control-height-medium": {
172
+ "component": "switch",
173
+ "sets": {
174
+ "desktop": {
175
+ "value": "14px",
176
+ "uuid": "f97f0f1b-c0c2-410f-b116-86d30f4d52cf"
177
+ },
178
+ "mobile": {
179
+ "value": "18px",
180
+ "uuid": "0d5f13f2-4d5b-4c30-b3a3-fa4fcc33b928"
181
+ }
182
+ }
183
+ },
184
+ "switch-control-height-large": {
185
+ "component": "switch",
186
+ "sets": {
187
+ "desktop": {
188
+ "value": "16px",
189
+ "uuid": "8301bfca-a086-4efd-a22f-1d348cbd6dcf"
190
+ },
191
+ "mobile": {
192
+ "value": "20px",
193
+ "uuid": "91b828ce-8ff9-4d32-958e-a8a23ef9b345"
194
+ }
195
+ }
196
+ },
197
+ "switch-control-height-extra-large": {
198
+ "component": "switch",
199
+ "sets": {
200
+ "desktop": {
201
+ "value": "18px",
202
+ "uuid": "2372d602-78ce-45a7-9dff-152152e55117"
203
+ },
204
+ "mobile": {
205
+ "value": "22px",
206
+ "uuid": "b7ae7b32-b347-4e09-9978-3b0b92a4dbab"
207
+ }
208
+ }
209
+ },
210
+ "switch-top-to-control-small": {
211
+ "component": "switch",
212
+ "sets": {
213
+ "desktop": {
214
+ "value": "6px",
215
+ "uuid": "8a907825-236c-4548-91c4-2123e095726c"
216
+ },
217
+ "mobile": {
218
+ "value": "7px",
219
+ "uuid": "f379c453-da21-41f6-92d1-9b6bdb95fd86"
220
+ }
221
+ }
222
+ },
223
+ "switch-top-to-control-medium": {
224
+ "component": "switch",
225
+ "sets": {
226
+ "desktop": {
227
+ "value": "9px",
228
+ "uuid": "0135b823-5097-43bb-9911-9f731146af3b"
229
+ },
230
+ "mobile": {
231
+ "value": "11px",
232
+ "uuid": "68276028-41d8-49e1-b0d4-f70cd27ab149"
233
+ }
234
+ }
235
+ },
236
+ "switch-top-to-control-large": {
237
+ "component": "switch",
238
+ "sets": {
239
+ "desktop": {
240
+ "value": "12px",
241
+ "uuid": "f2c965e6-89fb-4b9d-843d-cfde31b7703d"
242
+ },
243
+ "mobile": {
244
+ "value": "15px",
245
+ "uuid": "035e786b-17f2-488e-a049-84b257a3312f"
246
+ }
247
+ }
248
+ },
249
+ "switch-top-to-control-extra-large": {
250
+ "component": "switch",
251
+ "sets": {
252
+ "desktop": {
253
+ "value": "15px",
254
+ "uuid": "fbc21571-970f-4bb2-8280-f6262446896b"
255
+ },
256
+ "mobile": {
257
+ "value": "19px",
258
+ "uuid": "7e95ad9a-ca10-4f06-9c19-8dd2270cfdad"
259
+ }
260
+ }
261
+ },
262
+ "radio-button-control-size-small": {
263
+ "component": "radio-button",
264
+ "sets": {
265
+ "desktop": {
266
+ "value": "12px",
267
+ "uuid": "407304fc-7c74-4427-9032-b44ab03c07ce"
268
+ },
269
+ "mobile": {
270
+ "value": "16px",
271
+ "uuid": "90a2b18a-61c7-40d8-926c-d6b18a641010"
272
+ }
273
+ }
274
+ },
275
+ "radio-button-control-size-medium": {
276
+ "component": "radio-button",
277
+ "sets": {
278
+ "desktop": {
279
+ "value": "14px",
280
+ "uuid": "9de5b045-532c-48ef-872e-bd3c22f89a41"
281
+ },
282
+ "mobile": {
283
+ "value": "18px",
284
+ "uuid": "2eef4003-e666-48e7-b25b-8c50063ce400"
285
+ }
286
+ }
287
+ },
288
+ "radio-button-control-size-large": {
289
+ "component": "radio-button",
290
+ "sets": {
291
+ "desktop": {
292
+ "value": "16px",
293
+ "uuid": "cadf4b9e-b4d4-4ff5-808b-557864cf7dc8"
294
+ },
295
+ "mobile": {
296
+ "value": "20px",
297
+ "uuid": "23d0a4aa-693d-4b79-b942-3898f9cf0b80"
298
+ }
299
+ }
300
+ },
301
+ "radio-button-control-size-extra-large": {
302
+ "component": "radio-button",
303
+ "sets": {
304
+ "desktop": {
305
+ "value": "18px",
306
+ "uuid": "f8f1d29b-4093-40ed-b73c-7a27e27a63a4"
307
+ },
308
+ "mobile": {
309
+ "value": "22px",
310
+ "uuid": "cc041f48-aaa4-4c20-8990-599e0c56134e"
311
+ }
312
+ }
313
+ },
314
+ "radio-button-top-to-control-small": {
315
+ "component": "radio-button",
316
+ "sets": {
317
+ "desktop": {
318
+ "value": "6px",
319
+ "uuid": "b775d7e9-d182-4818-9ae0-b3765a0ecbf7"
320
+ },
321
+ "mobile": {
322
+ "value": "7px",
323
+ "uuid": "02438c4c-161d-45eb-935d-b083ab830876"
324
+ }
325
+ }
326
+ },
327
+ "radio-button-top-to-control-medium": {
328
+ "component": "radio-button",
329
+ "sets": {
330
+ "desktop": {
331
+ "value": "9px",
332
+ "uuid": "dcc0155a-6bd1-4148-acaf-e255a7f4d22a"
333
+ },
334
+ "mobile": {
335
+ "value": "11px",
336
+ "uuid": "2f805530-cefe-420a-89e6-a6a81c0faea0"
337
+ }
338
+ }
339
+ },
340
+ "radio-button-top-to-control-large": {
341
+ "component": "radio-button",
342
+ "sets": {
343
+ "desktop": {
344
+ "value": "12px",
345
+ "uuid": "309c9559-1763-4345-8090-aaa12f570889"
346
+ },
347
+ "mobile": {
348
+ "value": "15px",
349
+ "uuid": "41d0dde7-de34-4e99-96d0-4f727ed71673"
350
+ }
351
+ }
352
+ },
353
+ "radio-button-top-to-control-extra-large": {
354
+ "component": "radio-button",
355
+ "sets": {
356
+ "desktop": {
357
+ "value": "15px",
358
+ "uuid": "f4620f0a-43ba-4650-8640-9425ed1a1260"
359
+ },
360
+ "mobile": {
361
+ "value": "19px",
362
+ "uuid": "c478710f-1747-455b-998a-6fa837762905"
363
+ }
364
+ }
365
+ },
30
366
  "radio-button-selection-indicator": {
31
367
  "component": "radio-button",
32
368
  "value": "4px",
@@ -1170,26 +1506,219 @@
1170
1506
  "value": "2px",
1171
1507
  "uuid": "50a71b8b-30fb-40c0-b81e-5ce0dcc8c96b"
1172
1508
  },
1173
- "slider-control-height-small": {},
1174
- "slider-control-height-medium": {},
1175
- "slider-control-height-large": {},
1176
- "slider-control-height-extra-large": {},
1177
- "slider-handle-size-small": {},
1178
- "slider-handle-size-medium": {},
1179
- "slider-handle-size-large": {},
1180
- "slider-handle-size-extra-large": {},
1181
- "slider-handle-border-width-down-small": {},
1182
- "slider-handle-border-width-down-medium": {},
1183
- "slider-handle-border-width-down-large": {},
1184
- "slider-handle-border-width-down-extra-large": {},
1509
+ "slider-control-height-small": {
1510
+ "component": "slider",
1511
+ "sets": {
1512
+ "desktop": {
1513
+ "value": "14px",
1514
+ "uuid": "cf748652-099a-4022-ae68-0e5dcb8eff9b"
1515
+ },
1516
+ "mobile": {
1517
+ "value": "18px",
1518
+ "uuid": "19adc707-4fc6-40f0-a972-340d6c935908"
1519
+ }
1520
+ }
1521
+ },
1522
+ "slider-control-height-medium": {
1523
+ "component": "slider",
1524
+ "sets": {
1525
+ "desktop": {
1526
+ "value": "16px",
1527
+ "uuid": "dd3b649d-12f8-427b-95a6-a4964d92d3b0"
1528
+ },
1529
+ "mobile": {
1530
+ "value": "20px",
1531
+ "uuid": "7306fc00-67fd-4ccd-aec3-7a14e092da5e"
1532
+ }
1533
+ }
1534
+ },
1535
+ "slider-control-height-large": {
1536
+ "component": "slider",
1537
+ "sets": {
1538
+ "desktop": {
1539
+ "value": "18px",
1540
+ "uuid": "320abda8-9fe8-4f78-87d6-3f1be921e880"
1541
+ },
1542
+ "mobile": {
1543
+ "value": "22px",
1544
+ "uuid": "0926d8f3-bdd6-4dde-89d0-6d5d7ab9f094"
1545
+ }
1546
+ }
1547
+ },
1548
+ "slider-control-height-extra-large": {
1549
+ "component": "slider",
1550
+ "sets": {
1551
+ "desktop": {
1552
+ "value": "20px",
1553
+ "uuid": "fd74d5a5-b966-4d26-abca-58c7a21f8136"
1554
+ },
1555
+ "mobile": {
1556
+ "value": "26px",
1557
+ "uuid": "c5d47ebf-c83f-43c3-b2f2-f4d51c40960b"
1558
+ }
1559
+ }
1560
+ },
1561
+ "slider-handle-size-small": {
1562
+ "component": "slider",
1563
+ "sets": {
1564
+ "desktop": {
1565
+ "value": "14px",
1566
+ "uuid": "1384d419-bfad-44d7-847c-a0f2c195fb93"
1567
+ },
1568
+ "mobile": {
1569
+ "value": "18px",
1570
+ "uuid": "7feb3d57-59fb-4095-966e-e8ca0e91442f"
1571
+ }
1572
+ }
1573
+ },
1574
+ "slider-handle-size-medium": {
1575
+ "component": "slider",
1576
+ "sets": {
1577
+ "desktop": {
1578
+ "value": "16px",
1579
+ "uuid": "a8a02181-c797-461d-a666-a63f7535a096"
1580
+ },
1581
+ "mobile": {
1582
+ "value": "20px",
1583
+ "uuid": "278fc618-f6c1-4d30-bf85-075654079003"
1584
+ }
1585
+ }
1586
+ },
1587
+ "slider-handle-size-large": {
1588
+ "component": "slider",
1589
+ "sets": {
1590
+ "desktop": {
1591
+ "value": "18px",
1592
+ "uuid": "3df3c866-faf0-43db-8c18-f442e7f94822"
1593
+ },
1594
+ "mobile": {
1595
+ "value": "22px",
1596
+ "uuid": "2a3fb9b0-d701-4e86-8180-9d81f68e91d5"
1597
+ }
1598
+ }
1599
+ },
1600
+ "slider-handle-size-extra-large": {
1601
+ "component": "slider",
1602
+ "sets": {
1603
+ "desktop": {
1604
+ "value": "20px",
1605
+ "uuid": "10ccce0d-5a2c-414e-8055-0be76709c180"
1606
+ },
1607
+ "mobile": {
1608
+ "value": "26px",
1609
+ "uuid": "413dc697-1f14-47c8-a7f2-e52254513e6e"
1610
+ }
1611
+ }
1612
+ },
1613
+ "slider-handle-border-width-down-small": {
1614
+ "component": "slider",
1615
+ "sets": {
1616
+ "desktop": {
1617
+ "value": "5px",
1618
+ "uuid": "c9b7d8d9-c5ba-4d97-a03b-a214104ede23"
1619
+ },
1620
+ "mobile": {
1621
+ "value": "7px",
1622
+ "uuid": "683fb538-290c-423f-990b-d7134e485f51"
1623
+ }
1624
+ }
1625
+ },
1626
+ "slider-handle-border-width-down-medium": {
1627
+ "component": "slider",
1628
+ "sets": {
1629
+ "desktop": {
1630
+ "value": "6px",
1631
+ "uuid": "63c65cd6-a2c2-4430-a1e9-cf82ae0a3f25"
1632
+ },
1633
+ "mobile": {
1634
+ "value": "8px",
1635
+ "uuid": "25959ff8-6c2f-4612-8d69-b95bfe485ce4"
1636
+ }
1637
+ }
1638
+ },
1639
+ "slider-handle-border-width-down-large": {
1640
+ "component": "slider",
1641
+ "sets": {
1642
+ "desktop": {
1643
+ "value": "7px",
1644
+ "uuid": "525e7d74-2bc0-48ac-85ca-b07335819a31"
1645
+ },
1646
+ "mobile": {
1647
+ "value": "9px",
1648
+ "uuid": "3bf8805b-b4f7-4d0d-af85-d227d6380539"
1649
+ }
1650
+ }
1651
+ },
1652
+ "slider-handle-border-width-down-extra-large": {
1653
+ "component": "slider",
1654
+ "sets": {
1655
+ "desktop": {
1656
+ "value": "8px",
1657
+ "uuid": "47d025e2-0b26-4ebc-9b46-3cd1e470b9bc"
1658
+ },
1659
+ "mobile": {
1660
+ "value": "11px",
1661
+ "uuid": "feac9f02-b52a-4694-a5d4-4b1930ab4f07"
1662
+ }
1663
+ }
1664
+ },
1185
1665
  "slider-handle-gap": {
1666
+ "component": "slider",
1186
1667
  "value": "4px",
1187
1668
  "uuid": "1a257268-32e9-4c5c-8477-32a724ff1d42"
1188
1669
  },
1189
- "slider-bottom-to-handle-small": {},
1190
- "slider-bottom-to-handle-medium": {},
1191
- "slider-bottom-to-handle-large": {},
1192
- "slider-bottom-to-handle-extra-large": {},
1670
+ "slider-bottom-to-handle-small": {
1671
+ "component": "slider",
1672
+ "sets": {
1673
+ "desktop": {
1674
+ "value": "5px",
1675
+ "uuid": "bf2e4550-f97e-4bd2-91e8-b0ddb5a8abe2"
1676
+ },
1677
+ "mobile": {
1678
+ "value": "6px",
1679
+ "uuid": "3b96ab4f-6628-4ebd-aba8-2837fce04709"
1680
+ }
1681
+ }
1682
+ },
1683
+ "slider-bottom-to-handle-medium": {
1684
+ "component": "slider",
1685
+ "sets": {
1686
+ "desktop": {
1687
+ "value": "8px",
1688
+ "uuid": "238ebdc2-e51c-459d-8cc7-abfeafed6451"
1689
+ },
1690
+ "mobile": {
1691
+ "value": "10px",
1692
+ "uuid": "5030babb-0017-4784-84ad-d3aaacf6fa05"
1693
+ }
1694
+ }
1695
+ },
1696
+ "slider-bottom-to-handle-large": {
1697
+ "component": "slider",
1698
+ "sets": {
1699
+ "desktop": {
1700
+ "value": "11px",
1701
+ "uuid": "be9aed61-c7a1-4dce-80a7-07c9ecef1fd9"
1702
+ },
1703
+ "mobile": {
1704
+ "value": "14px",
1705
+ "uuid": "3915ff73-11dd-4389-8d81-2f540ab060f4"
1706
+ }
1707
+ }
1708
+ },
1709
+ "slider-bottom-to-handle-extra-large": {
1710
+ "component": "slider",
1711
+ "sets": {
1712
+ "desktop": {
1713
+ "value": "14px",
1714
+ "uuid": "155b6273-1661-4ef5-85c0-a1688ce1ee72"
1715
+ },
1716
+ "mobile": {
1717
+ "value": "17px",
1718
+ "uuid": "e04d9975-4a54-416b-b5fa-87f3ae930204"
1719
+ }
1720
+ }
1721
+ },
1193
1722
  "slider-control-to-field-label-small": {
1194
1723
  "component": "slider",
1195
1724
  "sets": {