@adobe/spectrum-tokens 12.0.0-beta.28 → 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 CHANGED
@@ -1,6 +1,6 @@
1
- # [12.0.0-beta.28](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.27...v12.0.0-beta.28) (2022-06-01)
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
- * adding tokens for 3 backgrounds ([f31a0db](https://github.com/adobe/spectrum-tokens/commit/f31a0db3c88a1d82cef20e2e1f6a99562c371bc2))
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))
@@ -8513,121 +8513,289 @@
8513
8513
  },
8514
8514
  "switch-control-width-small": {
8515
8515
  "sets": {
8516
- "desktop": {
8517
- "value": "23px"
8516
+ "spectrum": {
8517
+ "sets": {
8518
+ "desktop": {
8519
+ "value": "23px"
8520
+ },
8521
+ "mobile": {
8522
+ "value": "32px"
8523
+ }
8524
+ }
8518
8525
  },
8519
- "mobile": {
8520
- "value": "32px"
8526
+ "express": {
8527
+ "sets": {
8528
+ "desktop": {
8529
+ "value": "25px"
8530
+ },
8531
+ "mobile": {
8532
+ "value": "32px"
8533
+ }
8534
+ }
8521
8535
  }
8522
8536
  }
8523
8537
  },
8524
8538
  "switch-control-width-medium": {
8525
8539
  "sets": {
8526
- "desktop": {
8527
- "value": "26px"
8540
+ "spectrum": {
8541
+ "sets": {
8542
+ "desktop": {
8543
+ "value": "26px"
8544
+ },
8545
+ "mobile": {
8546
+ "value": "36px"
8547
+ }
8548
+ }
8528
8549
  },
8529
- "mobile": {
8530
- "value": "36px"
8550
+ "express": {
8551
+ "sets": {
8552
+ "desktop": {
8553
+ "value": "28px"
8554
+ },
8555
+ "mobile": {
8556
+ "value": "36px"
8557
+ }
8558
+ }
8531
8559
  }
8532
8560
  }
8533
8561
  },
8534
8562
  "switch-control-width-large": {
8535
8563
  "sets": {
8536
- "desktop": {
8537
- "value": "29px"
8564
+ "spectrum": {
8565
+ "sets": {
8566
+ "desktop": {
8567
+ "value": "29px"
8568
+ },
8569
+ "mobile": {
8570
+ "value": "41px"
8571
+ }
8572
+ }
8538
8573
  },
8539
- "mobile": {
8540
- "value": "41px"
8574
+ "express": {
8575
+ "sets": {
8576
+ "desktop": {
8577
+ "value": "32px"
8578
+ },
8579
+ "mobile": {
8580
+ "value": "41px"
8581
+ }
8582
+ }
8541
8583
  }
8542
8584
  }
8543
8585
  },
8544
8586
  "switch-control-width-extra-large": {
8545
8587
  "sets": {
8546
- "desktop": {
8547
- "value": "33px"
8588
+ "spectrum": {
8589
+ "sets": {
8590
+ "desktop": {
8591
+ "value": "33px"
8592
+ },
8593
+ "mobile": {
8594
+ "value": "46px"
8595
+ }
8596
+ }
8548
8597
  },
8549
- "mobile": {
8550
- "value": "46px"
8598
+ "express": {
8599
+ "sets": {
8600
+ "desktop": {
8601
+ "value": "35px"
8602
+ },
8603
+ "mobile": {
8604
+ "value": "46px"
8605
+ }
8606
+ }
8551
8607
  }
8552
8608
  }
8553
8609
  },
8554
8610
  "switch-control-height-small": {
8555
8611
  "sets": {
8556
- "desktop": {
8557
- "value": "12px"
8612
+ "spectrum": {
8613
+ "sets": {
8614
+ "desktop": {
8615
+ "value": "12px"
8616
+ },
8617
+ "mobile": {
8618
+ "value": "16px"
8619
+ }
8620
+ }
8558
8621
  },
8559
- "mobile": {
8560
- "value": "16px"
8622
+ "express": {
8623
+ "sets": {
8624
+ "desktop": {
8625
+ "value": "14px"
8626
+ },
8627
+ "mobile": {
8628
+ "value": "18px"
8629
+ }
8630
+ }
8561
8631
  }
8562
8632
  }
8563
8633
  },
8564
8634
  "switch-control-height-medium": {
8565
8635
  "sets": {
8566
- "desktop": {
8567
- "value": "14px"
8636
+ "spectrum": {
8637
+ "sets": {
8638
+ "desktop": {
8639
+ "value": "14px"
8640
+ },
8641
+ "mobile": {
8642
+ "value": "18px"
8643
+ }
8644
+ }
8568
8645
  },
8569
- "mobile": {
8570
- "value": "18px"
8646
+ "express": {
8647
+ "sets": {
8648
+ "desktop": {
8649
+ "value": "16px"
8650
+ },
8651
+ "mobile": {
8652
+ "value": "20px"
8653
+ }
8654
+ }
8571
8655
  }
8572
8656
  }
8573
8657
  },
8574
8658
  "switch-control-height-large": {
8575
8659
  "sets": {
8576
- "desktop": {
8577
- "value": "16px"
8660
+ "spectrum": {
8661
+ "sets": {
8662
+ "desktop": {
8663
+ "value": "16px"
8664
+ },
8665
+ "mobile": {
8666
+ "value": "20px"
8667
+ }
8668
+ }
8578
8669
  },
8579
- "mobile": {
8580
- "value": "20px"
8670
+ "express": {
8671
+ "sets": {
8672
+ "desktop": {
8673
+ "value": "18px"
8674
+ },
8675
+ "mobile": {
8676
+ "value": "22px"
8677
+ }
8678
+ }
8581
8679
  }
8582
8680
  }
8583
8681
  },
8584
8682
  "switch-control-height-extra-large": {
8585
8683
  "sets": {
8586
- "desktop": {
8587
- "value": "18px"
8684
+ "spectrum": {
8685
+ "sets": {
8686
+ "desktop": {
8687
+ "value": "18px"
8688
+ },
8689
+ "mobile": {
8690
+ "value": "22px"
8691
+ }
8692
+ }
8588
8693
  },
8589
- "mobile": {
8590
- "value": "22px"
8694
+ "express": {
8695
+ "sets": {
8696
+ "desktop": {
8697
+ "value": "20px"
8698
+ },
8699
+ "mobile": {
8700
+ "value": "26px"
8701
+ }
8702
+ }
8591
8703
  }
8592
8704
  }
8593
8705
  },
8594
8706
  "switch-top-to-control-small": {
8595
8707
  "sets": {
8596
- "desktop": {
8597
- "value": "6px"
8708
+ "spectrum": {
8709
+ "sets": {
8710
+ "desktop": {
8711
+ "value": "6px"
8712
+ },
8713
+ "mobile": {
8714
+ "value": "7px"
8715
+ }
8716
+ }
8598
8717
  },
8599
- "mobile": {
8600
- "value": "8px"
8718
+ "express": {
8719
+ "sets": {
8720
+ "desktop": {
8721
+ "value": "5px"
8722
+ },
8723
+ "mobile": {
8724
+ "value": "6px"
8725
+ }
8726
+ }
8601
8727
  }
8602
8728
  }
8603
8729
  },
8604
8730
  "switch-top-to-control-medium": {
8605
8731
  "sets": {
8606
- "desktop": {
8607
- "value": "9px"
8732
+ "spectrum": {
8733
+ "sets": {
8734
+ "desktop": {
8735
+ "value": "9px"
8736
+ },
8737
+ "mobile": {
8738
+ "value": "11px"
8739
+ }
8740
+ }
8608
8741
  },
8609
- "mobile": {
8610
- "value": "11px"
8742
+ "express": {
8743
+ "sets": {
8744
+ "desktop": {
8745
+ "value": "8px"
8746
+ },
8747
+ "mobile": {
8748
+ "value": "10px"
8749
+ }
8750
+ }
8611
8751
  }
8612
8752
  }
8613
8753
  },
8614
8754
  "switch-top-to-control-large": {
8615
8755
  "sets": {
8616
- "desktop": {
8617
- "value": "12px"
8756
+ "spectrum": {
8757
+ "sets": {
8758
+ "desktop": {
8759
+ "value": "12px"
8760
+ },
8761
+ "mobile": {
8762
+ "value": "15px"
8763
+ }
8764
+ }
8618
8765
  },
8619
- "mobile": {
8620
- "value": "15px"
8766
+ "express": {
8767
+ "sets": {
8768
+ "desktop": {
8769
+ "value": "11px"
8770
+ },
8771
+ "mobile": {
8772
+ "value": "14px"
8773
+ }
8774
+ }
8621
8775
  }
8622
8776
  }
8623
8777
  },
8624
8778
  "switch-top-to-control-extra-large": {
8625
8779
  "sets": {
8626
- "desktop": {
8627
- "value": "15px"
8780
+ "spectrum": {
8781
+ "sets": {
8782
+ "desktop": {
8783
+ "value": "15px"
8784
+ },
8785
+ "mobile": {
8786
+ "value": "19px"
8787
+ }
8788
+ }
8628
8789
  },
8629
- "mobile": {
8630
- "value": "20px"
8790
+ "express": {
8791
+ "sets": {
8792
+ "desktop": {
8793
+ "value": "14px"
8794
+ },
8795
+ "mobile": {
8796
+ "value": "17px"
8797
+ }
8798
+ }
8631
8799
  }
8632
8800
  }
8633
8801
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.28",
3
+ "version": "12.0.0-beta.29",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
@@ -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
- "desktop": {
1132
- "value": "23px"
1126
+ "spectrum": {
1127
+ "sets": {
1128
+ "desktop": {
1129
+ "value": "23px"
1130
+ },
1131
+ "mobile": {
1132
+ "value": "32px"
1133
+ }
1134
+ }
1133
1135
  },
1134
- "mobile": {
1135
- "value": "32px"
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
- "desktop": {
1142
- "value": "26px"
1150
+ "spectrum": {
1151
+ "sets": {
1152
+ "desktop": {
1153
+ "value": "26px"
1154
+ },
1155
+ "mobile": {
1156
+ "value": "36px"
1157
+ }
1158
+ }
1143
1159
  },
1144
- "mobile": {
1145
- "value": "36px"
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
- "desktop": {
1152
- "value": "29px"
1174
+ "spectrum": {
1175
+ "sets": {
1176
+ "desktop": {
1177
+ "value": "29px"
1178
+ },
1179
+ "mobile": {
1180
+ "value": "41px"
1181
+ }
1182
+ }
1153
1183
  },
1154
- "mobile": {
1155
- "value": "41px"
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
- "desktop": {
1162
- "value": "33px"
1198
+ "spectrum": {
1199
+ "sets": {
1200
+ "desktop": {
1201
+ "value": "33px"
1202
+ },
1203
+ "mobile": {
1204
+ "value": "46px"
1205
+ }
1206
+ }
1163
1207
  },
1164
- "mobile": {
1165
- "value": "46px"
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
- "desktop": {
1172
- "value": "12px"
1222
+ "spectrum": {
1223
+ "sets": {
1224
+ "desktop": {
1225
+ "value": "12px"
1226
+ },
1227
+ "mobile": {
1228
+ "value": "16px"
1229
+ }
1230
+ }
1173
1231
  },
1174
- "mobile": {
1175
- "value": "16px"
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
- "desktop": {
1182
- "value": "14px"
1246
+ "spectrum": {
1247
+ "sets": {
1248
+ "desktop": {
1249
+ "value": "14px"
1250
+ },
1251
+ "mobile": {
1252
+ "value": "18px"
1253
+ }
1254
+ }
1183
1255
  },
1184
- "mobile": {
1185
- "value": "18px"
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
- "desktop": {
1192
- "value": "16px"
1270
+ "spectrum": {
1271
+ "sets": {
1272
+ "desktop": {
1273
+ "value": "16px"
1274
+ },
1275
+ "mobile": {
1276
+ "value": "20px"
1277
+ }
1278
+ }
1193
1279
  },
1194
- "mobile": {
1195
- "value": "20px"
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
- "desktop": {
1202
- "value": "18px"
1294
+ "spectrum": {
1295
+ "sets": {
1296
+ "desktop": {
1297
+ "value": "18px"
1298
+ },
1299
+ "mobile": {
1300
+ "value": "22px"
1301
+ }
1302
+ }
1203
1303
  },
1204
- "mobile": {
1205
- "value": "22px"
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
- "desktop": {
1212
- "value": "6px"
1318
+ "spectrum": {
1319
+ "sets": {
1320
+ "desktop": {
1321
+ "value": "6px"
1322
+ },
1323
+ "mobile": {
1324
+ "value": "7px"
1325
+ }
1326
+ }
1213
1327
  },
1214
- "mobile": {
1215
- "value": "8px"
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
- "desktop": {
1222
- "value": "9px"
1342
+ "spectrum": {
1343
+ "sets": {
1344
+ "desktop": {
1345
+ "value": "9px"
1346
+ },
1347
+ "mobile": {
1348
+ "value": "11px"
1349
+ }
1350
+ }
1223
1351
  },
1224
- "mobile": {
1225
- "value": "11px"
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
- "desktop": {
1232
- "value": "12px"
1366
+ "spectrum": {
1367
+ "sets": {
1368
+ "desktop": {
1369
+ "value": "12px"
1370
+ },
1371
+ "mobile": {
1372
+ "value": "15px"
1373
+ }
1374
+ }
1233
1375
  },
1234
- "mobile": {
1235
- "value": "15px"
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
- "desktop": {
1242
- "value": "15px"
1390
+ "spectrum": {
1391
+ "sets": {
1392
+ "desktop": {
1393
+ "value": "15px"
1394
+ },
1395
+ "mobile": {
1396
+ "value": "19px"
1397
+ }
1398
+ }
1243
1399
  },
1244
- "mobile": {
1245
- "value": "20px"
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": {