@adobe/spectrum-tokens 12.0.0-beta.29 → 12.0.0-beta.31

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.29](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.28...v12.0.0-beta.29) (2022-06-08)
1
+ # [12.0.0-beta.31](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.30...v12.0.0-beta.31) (2022-06-14)
2
2
 
3
3
 
4
4
  ### Features
5
5
 
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))
6
+ * adds missing express data for radio tokens ([c98cc83](https://github.com/adobe/spectrum-tokens/commit/c98cc83b8437e5434bee43f88d6d2e43e000c9ab))
@@ -7780,7 +7780,7 @@
7780
7780
  "value": "4px"
7781
7781
  },
7782
7782
  "mobile": {
7783
- "value": "4px"
7783
+ "value": "5px"
7784
7784
  }
7785
7785
  }
7786
7786
  },
@@ -8288,6 +8288,76 @@
8288
8288
  }
8289
8289
  }
8290
8290
  },
8291
+ "in-line-alert-minimum-width": {
8292
+ "sets": {
8293
+ "desktop": {
8294
+ "value": "320px"
8295
+ },
8296
+ "mobile": {
8297
+ "value": "360px"
8298
+ }
8299
+ }
8300
+ },
8301
+ "progress-bar-minimum-width": {
8302
+ "sets": {
8303
+ "desktop": {
8304
+ "value": "48px"
8305
+ },
8306
+ "mobile": {
8307
+ "value": "48px"
8308
+ }
8309
+ }
8310
+ },
8311
+ "progress-bar-maximum-width": {
8312
+ "sets": {
8313
+ "desktop": {
8314
+ "value": "768px"
8315
+ },
8316
+ "mobile": {
8317
+ "value": "768px"
8318
+ }
8319
+ }
8320
+ },
8321
+ "progress-bar-thickness-small": {
8322
+ "sets": {
8323
+ "desktop": {
8324
+ "value": "4px"
8325
+ },
8326
+ "mobile": {
8327
+ "value": "5px"
8328
+ }
8329
+ }
8330
+ },
8331
+ "progress-bar-thickness-medium": {
8332
+ "sets": {
8333
+ "desktop": {
8334
+ "value": "6px"
8335
+ },
8336
+ "mobile": {
8337
+ "value": "8px"
8338
+ }
8339
+ }
8340
+ },
8341
+ "progress-bar-thickness-large": {
8342
+ "sets": {
8343
+ "desktop": {
8344
+ "value": "8px"
8345
+ },
8346
+ "mobile": {
8347
+ "value": "10px"
8348
+ }
8349
+ }
8350
+ },
8351
+ "progress-bar-thickness-extra-large": {
8352
+ "sets": {
8353
+ "desktop": {
8354
+ "value": "10px"
8355
+ },
8356
+ "mobile": {
8357
+ "value": "13px"
8358
+ }
8359
+ }
8360
+ },
8291
8361
  "progress-circle-size-small": {
8292
8362
  "sets": {
8293
8363
  "desktop": {
@@ -8350,81 +8420,179 @@
8350
8420
  },
8351
8421
  "radio-button-control-size-small": {
8352
8422
  "sets": {
8353
- "desktop": {
8354
- "value": "12px"
8355
- },
8356
- "mobile": {
8357
- "value": "16px"
8423
+ "spectrum": {
8424
+ "sets": {
8425
+ "desktop": {
8426
+ "value": "12px"
8427
+ },
8428
+ "mobile": {
8429
+ "value": "16px"
8430
+ }
8431
+ },
8432
+ "express": {
8433
+ "sets": {
8434
+ "desktop": {
8435
+ "value": "14px"
8436
+ },
8437
+ "mobile": {
8438
+ "value": "18px"
8439
+ }
8440
+ }
8441
+ }
8358
8442
  }
8359
8443
  }
8360
8444
  },
8361
8445
  "radio-button-control-size-medium": {
8362
8446
  "sets": {
8363
- "desktop": {
8364
- "value": "14px"
8447
+ "spectrum": {
8448
+ "desktop": {
8449
+ "value": "14px"
8450
+ },
8451
+ "mobile": {
8452
+ "value": "18px"
8453
+ }
8365
8454
  },
8366
- "mobile": {
8367
- "value": "18px"
8455
+ "express": {
8456
+ "sets": {
8457
+ "desktop": {
8458
+ "value": "16px"
8459
+ },
8460
+ "mobile": {
8461
+ "value": "20px"
8462
+ }
8463
+ }
8368
8464
  }
8369
8465
  }
8370
8466
  },
8371
8467
  "radio-button-control-size-large": {
8372
8468
  "sets": {
8373
- "desktop": {
8374
- "value": "16px"
8469
+ "spectrum": {
8470
+ "desktop": {
8471
+ "value": "16px"
8472
+ },
8473
+ "mobile": {
8474
+ "value": "20px"
8475
+ }
8375
8476
  },
8376
- "mobile": {
8377
- "value": "20px"
8477
+ "express": {
8478
+ "sets": {
8479
+ "desktop": {
8480
+ "value": "18px"
8481
+ },
8482
+ "mobile": {
8483
+ "value": "22px"
8484
+ }
8485
+ }
8378
8486
  }
8379
8487
  }
8380
8488
  },
8381
8489
  "radio-button-control-size-extra-large": {
8382
8490
  "sets": {
8383
- "desktop": {
8384
- "value": "18px"
8491
+ "spectrum": {
8492
+ "desktop": {
8493
+ "value": "18px"
8494
+ },
8495
+ "mobile": {
8496
+ "value": "22px"
8497
+ }
8385
8498
  },
8386
- "mobile": {
8387
- "value": "22px"
8499
+ "express": {
8500
+ "sets": {
8501
+ "desktop": {
8502
+ "value": "20px"
8503
+ },
8504
+ "mobile": {
8505
+ "value": "26px"
8506
+ }
8507
+ }
8388
8508
  }
8389
8509
  }
8390
8510
  },
8391
- "radio-button-controltop-to-control-small": {
8511
+ "radio-button-top-to-control-small": {
8392
8512
  "sets": {
8393
- "desktop": {
8394
- "value": "6px"
8513
+ "spectrum": {
8514
+ "desktop": {
8515
+ "value": "6px"
8516
+ },
8517
+ "mobile": {
8518
+ "value": "7px"
8519
+ }
8395
8520
  },
8396
- "mobile": {
8397
- "value": "8px"
8521
+ "express": {
8522
+ "sets": {
8523
+ "desktop": {
8524
+ "value": "5px"
8525
+ },
8526
+ "mobile": {
8527
+ "value": "6px"
8528
+ }
8529
+ }
8398
8530
  }
8399
8531
  }
8400
8532
  },
8401
- "radio-button-controltop-to-control-medium": {
8533
+ "radio-button-top-to-control-medium": {
8402
8534
  "sets": {
8403
- "desktop": {
8404
- "value": "9px"
8535
+ "spectrum": {
8536
+ "desktop": {
8537
+ "value": "9px"
8538
+ },
8539
+ "mobile": {
8540
+ "value": "11px"
8541
+ }
8405
8542
  },
8406
- "mobile": {
8407
- "value": "11px"
8543
+ "express": {
8544
+ "sets": {
8545
+ "desktop": {
8546
+ "value": "8px"
8547
+ },
8548
+ "mobile": {
8549
+ "value": "10px"
8550
+ }
8551
+ }
8408
8552
  }
8409
8553
  }
8410
8554
  },
8411
- "radio-button-controltop-to-control-large": {
8555
+ "radio-button-top-to-control-large": {
8412
8556
  "sets": {
8413
- "desktop": {
8414
- "value": "12px"
8557
+ "spectrum": {
8558
+ "desktop": {
8559
+ "value": "12px"
8560
+ },
8561
+ "mobile": {
8562
+ "value": "15px"
8563
+ }
8415
8564
  },
8416
- "mobile": {
8417
- "value": "15px"
8565
+ "express": {
8566
+ "sets": {
8567
+ "desktop": {
8568
+ "value": "11px"
8569
+ },
8570
+ "mobile": {
8571
+ "value": "14px"
8572
+ }
8573
+ }
8418
8574
  }
8419
8575
  }
8420
8576
  },
8421
- "radio-button-controltop-to-control-extra-large": {
8577
+ "radio-button-top-to-control-extra-large": {
8422
8578
  "sets": {
8423
- "desktop": {
8424
- "value": "15px"
8579
+ "spectrum": {
8580
+ "desktop": {
8581
+ "value": "15px"
8582
+ },
8583
+ "mobile": {
8584
+ "value": "19px"
8585
+ }
8425
8586
  },
8426
- "mobile": {
8427
- "value": "20px"
8587
+ "express": {
8588
+ "sets": {
8589
+ "desktop": {
8590
+ "value": "14px"
8591
+ },
8592
+ "mobile": {
8593
+ "value": "17px"
8594
+ }
8595
+ }
8428
8596
  }
8429
8597
  }
8430
8598
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.29",
3
+ "version": "12.0.0-beta.31",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
@@ -386,7 +386,7 @@
386
386
  "value": "4px"
387
387
  },
388
388
  "mobile": {
389
- "value": "4px"
389
+ "value": "5px"
390
390
  }
391
391
  }
392
392
  },
@@ -897,6 +897,78 @@
897
897
  }
898
898
  },
899
899
 
900
+ "in-line-alert-minimum-width": {
901
+ "sets": {
902
+ "desktop": {
903
+ "value": "320px"
904
+ },
905
+ "mobile": {
906
+ "value": "360px"
907
+ }
908
+ }
909
+ },
910
+
911
+ "progress-bar-minimum-width": {
912
+ "sets": {
913
+ "desktop": {
914
+ "value": "48px"
915
+ },
916
+ "mobile": {
917
+ "value": "48px"
918
+ }
919
+ }
920
+ },
921
+ "progress-bar-maximum-width": {
922
+ "sets": {
923
+ "desktop": {
924
+ "value": "768px"
925
+ },
926
+ "mobile": {
927
+ "value": "768px"
928
+ }
929
+ }
930
+ },
931
+ "progress-bar-thickness-small": {
932
+ "sets": {
933
+ "desktop": {
934
+ "value": "4px"
935
+ },
936
+ "mobile": {
937
+ "value": "5px"
938
+ }
939
+ }
940
+ },
941
+ "progress-bar-thickness-medium": {
942
+ "sets": {
943
+ "desktop": {
944
+ "value": "6px"
945
+ },
946
+ "mobile": {
947
+ "value": "8px"
948
+ }
949
+ }
950
+ },
951
+ "progress-bar-thickness-large": {
952
+ "sets": {
953
+ "desktop": {
954
+ "value": "8px"
955
+ },
956
+ "mobile": {
957
+ "value": "10px"
958
+ }
959
+ }
960
+ },
961
+ "progress-bar-thickness-extra-large": {
962
+ "sets": {
963
+ "desktop": {
964
+ "value": "10px"
965
+ },
966
+ "mobile": {
967
+ "value": "13px"
968
+ }
969
+ }
970
+ },
971
+
900
972
  "progress-circle-size-small": {
901
973
  "sets": {
902
974
  "desktop": {
@@ -960,81 +1032,179 @@
960
1032
 
961
1033
  "radio-button-control-size-small": {
962
1034
  "sets": {
963
- "desktop": {
964
- "value": "12px"
965
- },
966
- "mobile": {
967
- "value": "16px"
1035
+ "spectrum":{
1036
+ "sets": {
1037
+ "desktop": {
1038
+ "value": "12px"
1039
+ },
1040
+ "mobile": {
1041
+ "value": "16px"
1042
+ }
1043
+ },
1044
+ "express":{
1045
+ "sets": {
1046
+ "desktop": {
1047
+ "value": "14px"
1048
+ },
1049
+ "mobile": {
1050
+ "value": "18px"
1051
+ }
1052
+ }
1053
+ }
968
1054
  }
969
1055
  }
970
1056
  },
971
1057
  "radio-button-control-size-medium": {
972
1058
  "sets": {
973
- "desktop": {
974
- "value": "14px"
1059
+ "spectrum": {
1060
+ "desktop": {
1061
+ "value": "14px"
1062
+ },
1063
+ "mobile": {
1064
+ "value": "18px"
1065
+ }
975
1066
  },
976
- "mobile": {
977
- "value": "18px"
1067
+ "express": {
1068
+ "sets": {
1069
+ "desktop": {
1070
+ "value": "16px"
1071
+ },
1072
+ "mobile": {
1073
+ "value": "20px"
1074
+ }
1075
+ }
978
1076
  }
979
1077
  }
980
1078
  },
981
1079
  "radio-button-control-size-large": {
982
1080
  "sets": {
983
- "desktop": {
984
- "value": "16px"
1081
+ "spectrum":{
1082
+ "desktop": {
1083
+ "value": "16px"
1084
+ },
1085
+ "mobile": {
1086
+ "value": "20px"
1087
+ }
985
1088
  },
986
- "mobile": {
987
- "value": "20px"
1089
+ "express": {
1090
+ "sets": {
1091
+ "desktop": {
1092
+ "value": "18px"
1093
+ },
1094
+ "mobile": {
1095
+ "value": "22px"
1096
+ }
1097
+ }
988
1098
  }
989
1099
  }
990
1100
  },
991
1101
  "radio-button-control-size-extra-large": {
992
1102
  "sets": {
993
- "desktop": {
994
- "value": "18px"
1103
+ "spectrum": {
1104
+ "desktop": {
1105
+ "value": "18px"
1106
+ },
1107
+ "mobile": {
1108
+ "value": "22px"
1109
+ }
995
1110
  },
996
- "mobile": {
997
- "value": "22px"
1111
+ "express": {
1112
+ "sets": {
1113
+ "desktop": {
1114
+ "value": "20px"
1115
+ },
1116
+ "mobile": {
1117
+ "value": "26px"
1118
+ }
1119
+ }
998
1120
  }
999
1121
  }
1000
1122
  },
1001
- "radio-button-controltop-to-control-small": {
1123
+ "radio-button-top-to-control-small": {
1002
1124
  "sets": {
1003
- "desktop": {
1004
- "value": "6px"
1125
+ "spectrum": {
1126
+ "desktop": {
1127
+ "value": "6px"
1128
+ },
1129
+ "mobile": {
1130
+ "value": "7px"
1131
+ }
1005
1132
  },
1006
- "mobile": {
1007
- "value": "8px"
1133
+ "express": {
1134
+ "sets": {
1135
+ "desktop": {
1136
+ "value": "5px"
1137
+ },
1138
+ "mobile": {
1139
+ "value": "6px"
1140
+ }
1141
+ }
1008
1142
  }
1009
1143
  }
1010
1144
  },
1011
- "radio-button-controltop-to-control-medium": {
1145
+ "radio-button-top-to-control-medium": {
1012
1146
  "sets": {
1013
- "desktop": {
1014
- "value": "9px"
1147
+ "spectrum": {
1148
+ "desktop": {
1149
+ "value": "9px"
1150
+ },
1151
+ "mobile": {
1152
+ "value": "11px"
1153
+ }
1015
1154
  },
1016
- "mobile": {
1017
- "value": "11px"
1155
+ "express": {
1156
+ "sets": {
1157
+ "desktop": {
1158
+ "value": "8px"
1159
+ },
1160
+ "mobile": {
1161
+ "value": "10px"
1162
+ }
1163
+ }
1018
1164
  }
1019
1165
  }
1020
1166
  },
1021
- "radio-button-controltop-to-control-large": {
1167
+ "radio-button-top-to-control-large": {
1022
1168
  "sets": {
1023
- "desktop": {
1024
- "value": "12px"
1169
+ "spectrum": {
1170
+ "desktop": {
1171
+ "value": "12px"
1172
+ },
1173
+ "mobile": {
1174
+ "value": "15px"
1175
+ }
1025
1176
  },
1026
- "mobile": {
1027
- "value": "15px"
1177
+ "express": {
1178
+ "sets": {
1179
+ "desktop": {
1180
+ "value": "11px"
1181
+ },
1182
+ "mobile": {
1183
+ "value": "14px"
1184
+ }
1185
+ }
1028
1186
  }
1029
1187
  }
1030
1188
  },
1031
- "radio-button-controltop-to-control-extra-large": {
1189
+ "radio-button-top-to-control-extra-large": {
1032
1190
  "sets": {
1033
- "desktop": {
1034
- "value": "15px"
1191
+ "spectrum": {
1192
+ "desktop": {
1193
+ "value": "15px"
1194
+ },
1195
+ "mobile": {
1196
+ "value": "19px"
1197
+ }
1035
1198
  },
1036
- "mobile": {
1037
- "value": "20px"
1199
+ "express": {
1200
+ "sets": {
1201
+ "desktop": {
1202
+ "value": "14px"
1203
+ },
1204
+ "mobile": {
1205
+ "value": "17px"
1206
+ }
1207
+ }
1038
1208
  }
1039
1209
  }
1040
1210
  },