@adobe/spectrum-tokens 12.0.0-beta.30 → 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 +2 -2
- package/dist/json/variables.json +135 -37
- package/package.json +1 -1
- package/src/component-layout.json +135 -37
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
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
|
-
* adds
|
|
6
|
+
* adds missing express data for radio tokens ([c98cc83](https://github.com/adobe/spectrum-tokens/commit/c98cc83b8437e5434bee43f88d6d2e43e000c9ab))
|
package/dist/json/variables.json
CHANGED
|
@@ -8420,81 +8420,179 @@
|
|
|
8420
8420
|
},
|
|
8421
8421
|
"radio-button-control-size-small": {
|
|
8422
8422
|
"sets": {
|
|
8423
|
-
"
|
|
8424
|
-
"
|
|
8425
|
-
|
|
8426
|
-
|
|
8427
|
-
|
|
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
|
+
}
|
|
8428
8442
|
}
|
|
8429
8443
|
}
|
|
8430
8444
|
},
|
|
8431
8445
|
"radio-button-control-size-medium": {
|
|
8432
8446
|
"sets": {
|
|
8433
|
-
"
|
|
8434
|
-
"
|
|
8447
|
+
"spectrum": {
|
|
8448
|
+
"desktop": {
|
|
8449
|
+
"value": "14px"
|
|
8450
|
+
},
|
|
8451
|
+
"mobile": {
|
|
8452
|
+
"value": "18px"
|
|
8453
|
+
}
|
|
8435
8454
|
},
|
|
8436
|
-
"
|
|
8437
|
-
"
|
|
8455
|
+
"express": {
|
|
8456
|
+
"sets": {
|
|
8457
|
+
"desktop": {
|
|
8458
|
+
"value": "16px"
|
|
8459
|
+
},
|
|
8460
|
+
"mobile": {
|
|
8461
|
+
"value": "20px"
|
|
8462
|
+
}
|
|
8463
|
+
}
|
|
8438
8464
|
}
|
|
8439
8465
|
}
|
|
8440
8466
|
},
|
|
8441
8467
|
"radio-button-control-size-large": {
|
|
8442
8468
|
"sets": {
|
|
8443
|
-
"
|
|
8444
|
-
"
|
|
8469
|
+
"spectrum": {
|
|
8470
|
+
"desktop": {
|
|
8471
|
+
"value": "16px"
|
|
8472
|
+
},
|
|
8473
|
+
"mobile": {
|
|
8474
|
+
"value": "20px"
|
|
8475
|
+
}
|
|
8445
8476
|
},
|
|
8446
|
-
"
|
|
8447
|
-
"
|
|
8477
|
+
"express": {
|
|
8478
|
+
"sets": {
|
|
8479
|
+
"desktop": {
|
|
8480
|
+
"value": "18px"
|
|
8481
|
+
},
|
|
8482
|
+
"mobile": {
|
|
8483
|
+
"value": "22px"
|
|
8484
|
+
}
|
|
8485
|
+
}
|
|
8448
8486
|
}
|
|
8449
8487
|
}
|
|
8450
8488
|
},
|
|
8451
8489
|
"radio-button-control-size-extra-large": {
|
|
8452
8490
|
"sets": {
|
|
8453
|
-
"
|
|
8454
|
-
"
|
|
8491
|
+
"spectrum": {
|
|
8492
|
+
"desktop": {
|
|
8493
|
+
"value": "18px"
|
|
8494
|
+
},
|
|
8495
|
+
"mobile": {
|
|
8496
|
+
"value": "22px"
|
|
8497
|
+
}
|
|
8455
8498
|
},
|
|
8456
|
-
"
|
|
8457
|
-
"
|
|
8499
|
+
"express": {
|
|
8500
|
+
"sets": {
|
|
8501
|
+
"desktop": {
|
|
8502
|
+
"value": "20px"
|
|
8503
|
+
},
|
|
8504
|
+
"mobile": {
|
|
8505
|
+
"value": "26px"
|
|
8506
|
+
}
|
|
8507
|
+
}
|
|
8458
8508
|
}
|
|
8459
8509
|
}
|
|
8460
8510
|
},
|
|
8461
|
-
"radio-button-
|
|
8511
|
+
"radio-button-top-to-control-small": {
|
|
8462
8512
|
"sets": {
|
|
8463
|
-
"
|
|
8464
|
-
"
|
|
8513
|
+
"spectrum": {
|
|
8514
|
+
"desktop": {
|
|
8515
|
+
"value": "6px"
|
|
8516
|
+
},
|
|
8517
|
+
"mobile": {
|
|
8518
|
+
"value": "7px"
|
|
8519
|
+
}
|
|
8465
8520
|
},
|
|
8466
|
-
"
|
|
8467
|
-
"
|
|
8521
|
+
"express": {
|
|
8522
|
+
"sets": {
|
|
8523
|
+
"desktop": {
|
|
8524
|
+
"value": "5px"
|
|
8525
|
+
},
|
|
8526
|
+
"mobile": {
|
|
8527
|
+
"value": "6px"
|
|
8528
|
+
}
|
|
8529
|
+
}
|
|
8468
8530
|
}
|
|
8469
8531
|
}
|
|
8470
8532
|
},
|
|
8471
|
-
"radio-button-
|
|
8533
|
+
"radio-button-top-to-control-medium": {
|
|
8472
8534
|
"sets": {
|
|
8473
|
-
"
|
|
8474
|
-
"
|
|
8535
|
+
"spectrum": {
|
|
8536
|
+
"desktop": {
|
|
8537
|
+
"value": "9px"
|
|
8538
|
+
},
|
|
8539
|
+
"mobile": {
|
|
8540
|
+
"value": "11px"
|
|
8541
|
+
}
|
|
8475
8542
|
},
|
|
8476
|
-
"
|
|
8477
|
-
"
|
|
8543
|
+
"express": {
|
|
8544
|
+
"sets": {
|
|
8545
|
+
"desktop": {
|
|
8546
|
+
"value": "8px"
|
|
8547
|
+
},
|
|
8548
|
+
"mobile": {
|
|
8549
|
+
"value": "10px"
|
|
8550
|
+
}
|
|
8551
|
+
}
|
|
8478
8552
|
}
|
|
8479
8553
|
}
|
|
8480
8554
|
},
|
|
8481
|
-
"radio-button-
|
|
8555
|
+
"radio-button-top-to-control-large": {
|
|
8482
8556
|
"sets": {
|
|
8483
|
-
"
|
|
8484
|
-
"
|
|
8557
|
+
"spectrum": {
|
|
8558
|
+
"desktop": {
|
|
8559
|
+
"value": "12px"
|
|
8560
|
+
},
|
|
8561
|
+
"mobile": {
|
|
8562
|
+
"value": "15px"
|
|
8563
|
+
}
|
|
8485
8564
|
},
|
|
8486
|
-
"
|
|
8487
|
-
"
|
|
8565
|
+
"express": {
|
|
8566
|
+
"sets": {
|
|
8567
|
+
"desktop": {
|
|
8568
|
+
"value": "11px"
|
|
8569
|
+
},
|
|
8570
|
+
"mobile": {
|
|
8571
|
+
"value": "14px"
|
|
8572
|
+
}
|
|
8573
|
+
}
|
|
8488
8574
|
}
|
|
8489
8575
|
}
|
|
8490
8576
|
},
|
|
8491
|
-
"radio-button-
|
|
8577
|
+
"radio-button-top-to-control-extra-large": {
|
|
8492
8578
|
"sets": {
|
|
8493
|
-
"
|
|
8494
|
-
"
|
|
8579
|
+
"spectrum": {
|
|
8580
|
+
"desktop": {
|
|
8581
|
+
"value": "15px"
|
|
8582
|
+
},
|
|
8583
|
+
"mobile": {
|
|
8584
|
+
"value": "19px"
|
|
8585
|
+
}
|
|
8495
8586
|
},
|
|
8496
|
-
"
|
|
8497
|
-
"
|
|
8587
|
+
"express": {
|
|
8588
|
+
"sets": {
|
|
8589
|
+
"desktop": {
|
|
8590
|
+
"value": "14px"
|
|
8591
|
+
},
|
|
8592
|
+
"mobile": {
|
|
8593
|
+
"value": "17px"
|
|
8594
|
+
}
|
|
8595
|
+
}
|
|
8498
8596
|
}
|
|
8499
8597
|
}
|
|
8500
8598
|
},
|
package/package.json
CHANGED
|
@@ -1032,81 +1032,179 @@
|
|
|
1032
1032
|
|
|
1033
1033
|
"radio-button-control-size-small": {
|
|
1034
1034
|
"sets": {
|
|
1035
|
-
"
|
|
1036
|
-
"
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
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
|
+
}
|
|
1040
1054
|
}
|
|
1041
1055
|
}
|
|
1042
1056
|
},
|
|
1043
1057
|
"radio-button-control-size-medium": {
|
|
1044
1058
|
"sets": {
|
|
1045
|
-
"
|
|
1046
|
-
"
|
|
1059
|
+
"spectrum": {
|
|
1060
|
+
"desktop": {
|
|
1061
|
+
"value": "14px"
|
|
1062
|
+
},
|
|
1063
|
+
"mobile": {
|
|
1064
|
+
"value": "18px"
|
|
1065
|
+
}
|
|
1047
1066
|
},
|
|
1048
|
-
"
|
|
1049
|
-
"
|
|
1067
|
+
"express": {
|
|
1068
|
+
"sets": {
|
|
1069
|
+
"desktop": {
|
|
1070
|
+
"value": "16px"
|
|
1071
|
+
},
|
|
1072
|
+
"mobile": {
|
|
1073
|
+
"value": "20px"
|
|
1074
|
+
}
|
|
1075
|
+
}
|
|
1050
1076
|
}
|
|
1051
1077
|
}
|
|
1052
1078
|
},
|
|
1053
1079
|
"radio-button-control-size-large": {
|
|
1054
1080
|
"sets": {
|
|
1055
|
-
"
|
|
1056
|
-
"
|
|
1081
|
+
"spectrum":{
|
|
1082
|
+
"desktop": {
|
|
1083
|
+
"value": "16px"
|
|
1084
|
+
},
|
|
1085
|
+
"mobile": {
|
|
1086
|
+
"value": "20px"
|
|
1087
|
+
}
|
|
1057
1088
|
},
|
|
1058
|
-
"
|
|
1059
|
-
"
|
|
1089
|
+
"express": {
|
|
1090
|
+
"sets": {
|
|
1091
|
+
"desktop": {
|
|
1092
|
+
"value": "18px"
|
|
1093
|
+
},
|
|
1094
|
+
"mobile": {
|
|
1095
|
+
"value": "22px"
|
|
1096
|
+
}
|
|
1097
|
+
}
|
|
1060
1098
|
}
|
|
1061
1099
|
}
|
|
1062
1100
|
},
|
|
1063
1101
|
"radio-button-control-size-extra-large": {
|
|
1064
1102
|
"sets": {
|
|
1065
|
-
"
|
|
1066
|
-
"
|
|
1103
|
+
"spectrum": {
|
|
1104
|
+
"desktop": {
|
|
1105
|
+
"value": "18px"
|
|
1106
|
+
},
|
|
1107
|
+
"mobile": {
|
|
1108
|
+
"value": "22px"
|
|
1109
|
+
}
|
|
1067
1110
|
},
|
|
1068
|
-
"
|
|
1069
|
-
"
|
|
1111
|
+
"express": {
|
|
1112
|
+
"sets": {
|
|
1113
|
+
"desktop": {
|
|
1114
|
+
"value": "20px"
|
|
1115
|
+
},
|
|
1116
|
+
"mobile": {
|
|
1117
|
+
"value": "26px"
|
|
1118
|
+
}
|
|
1119
|
+
}
|
|
1070
1120
|
}
|
|
1071
1121
|
}
|
|
1072
1122
|
},
|
|
1073
|
-
"radio-button-
|
|
1123
|
+
"radio-button-top-to-control-small": {
|
|
1074
1124
|
"sets": {
|
|
1075
|
-
"
|
|
1076
|
-
"
|
|
1125
|
+
"spectrum": {
|
|
1126
|
+
"desktop": {
|
|
1127
|
+
"value": "6px"
|
|
1128
|
+
},
|
|
1129
|
+
"mobile": {
|
|
1130
|
+
"value": "7px"
|
|
1131
|
+
}
|
|
1077
1132
|
},
|
|
1078
|
-
"
|
|
1079
|
-
"
|
|
1133
|
+
"express": {
|
|
1134
|
+
"sets": {
|
|
1135
|
+
"desktop": {
|
|
1136
|
+
"value": "5px"
|
|
1137
|
+
},
|
|
1138
|
+
"mobile": {
|
|
1139
|
+
"value": "6px"
|
|
1140
|
+
}
|
|
1141
|
+
}
|
|
1080
1142
|
}
|
|
1081
1143
|
}
|
|
1082
1144
|
},
|
|
1083
|
-
"radio-button-
|
|
1145
|
+
"radio-button-top-to-control-medium": {
|
|
1084
1146
|
"sets": {
|
|
1085
|
-
"
|
|
1086
|
-
"
|
|
1147
|
+
"spectrum": {
|
|
1148
|
+
"desktop": {
|
|
1149
|
+
"value": "9px"
|
|
1150
|
+
},
|
|
1151
|
+
"mobile": {
|
|
1152
|
+
"value": "11px"
|
|
1153
|
+
}
|
|
1087
1154
|
},
|
|
1088
|
-
"
|
|
1089
|
-
"
|
|
1155
|
+
"express": {
|
|
1156
|
+
"sets": {
|
|
1157
|
+
"desktop": {
|
|
1158
|
+
"value": "8px"
|
|
1159
|
+
},
|
|
1160
|
+
"mobile": {
|
|
1161
|
+
"value": "10px"
|
|
1162
|
+
}
|
|
1163
|
+
}
|
|
1090
1164
|
}
|
|
1091
1165
|
}
|
|
1092
1166
|
},
|
|
1093
|
-
"radio-button-
|
|
1167
|
+
"radio-button-top-to-control-large": {
|
|
1094
1168
|
"sets": {
|
|
1095
|
-
"
|
|
1096
|
-
"
|
|
1169
|
+
"spectrum": {
|
|
1170
|
+
"desktop": {
|
|
1171
|
+
"value": "12px"
|
|
1172
|
+
},
|
|
1173
|
+
"mobile": {
|
|
1174
|
+
"value": "15px"
|
|
1175
|
+
}
|
|
1097
1176
|
},
|
|
1098
|
-
"
|
|
1099
|
-
"
|
|
1177
|
+
"express": {
|
|
1178
|
+
"sets": {
|
|
1179
|
+
"desktop": {
|
|
1180
|
+
"value": "11px"
|
|
1181
|
+
},
|
|
1182
|
+
"mobile": {
|
|
1183
|
+
"value": "14px"
|
|
1184
|
+
}
|
|
1185
|
+
}
|
|
1100
1186
|
}
|
|
1101
1187
|
}
|
|
1102
1188
|
},
|
|
1103
|
-
"radio-button-
|
|
1189
|
+
"radio-button-top-to-control-extra-large": {
|
|
1104
1190
|
"sets": {
|
|
1105
|
-
"
|
|
1106
|
-
"
|
|
1191
|
+
"spectrum": {
|
|
1192
|
+
"desktop": {
|
|
1193
|
+
"value": "15px"
|
|
1194
|
+
},
|
|
1195
|
+
"mobile": {
|
|
1196
|
+
"value": "19px"
|
|
1197
|
+
}
|
|
1107
1198
|
},
|
|
1108
|
-
"
|
|
1109
|
-
"
|
|
1199
|
+
"express": {
|
|
1200
|
+
"sets": {
|
|
1201
|
+
"desktop": {
|
|
1202
|
+
"value": "14px"
|
|
1203
|
+
},
|
|
1204
|
+
"mobile": {
|
|
1205
|
+
"value": "17px"
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1110
1208
|
}
|
|
1111
1209
|
}
|
|
1112
1210
|
},
|