@pantheon-systems/pds-design-tokens 1.0.0-dev.110 → 1.0.0-dev.111
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/build/css/pds-design-tokens-dark-mode.css +4 -8
- package/build/css/pds-design-tokens-light-mode.css +4 -8
- package/build/figma/pds-design-tokens-figma.json +450 -428
- package/build/json/pds-design-tokens-dark-mode.json +98 -214
- package/build/json/pds-design-tokens-light-mode.json +98 -214
- package/package.json +1 -1
|
@@ -742,6 +742,39 @@
|
|
|
742
742
|
"quote-sm"
|
|
743
743
|
]
|
|
744
744
|
},
|
|
745
|
+
"quote-lg": {
|
|
746
|
+
"value": {
|
|
747
|
+
"fontSize": "2.074 * 16",
|
|
748
|
+
"fontFamily": "Aleo",
|
|
749
|
+
"fontWeight": "Italic",
|
|
750
|
+
"letterSpacing": "0.01 * 100%",
|
|
751
|
+
"lineHeight": "140%"
|
|
752
|
+
},
|
|
753
|
+
"type": "typography",
|
|
754
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
755
|
+
"isSource": true,
|
|
756
|
+
"original": {
|
|
757
|
+
"value": {
|
|
758
|
+
"fontSize": "{typography.size.3XL} * {figma.typography.size.base}",
|
|
759
|
+
"fontFamily": "Aleo",
|
|
760
|
+
"fontWeight": "Italic",
|
|
761
|
+
"letterSpacing": "{typography.letter-spacing.S} * 100%",
|
|
762
|
+
"lineHeight": "{typography.line-height.M}"
|
|
763
|
+
},
|
|
764
|
+
"type": "typography"
|
|
765
|
+
},
|
|
766
|
+
"name": "text-body-quote-lg",
|
|
767
|
+
"attributes": {
|
|
768
|
+
"category": "text",
|
|
769
|
+
"type": "body",
|
|
770
|
+
"item": "quote-lg"
|
|
771
|
+
},
|
|
772
|
+
"path": [
|
|
773
|
+
"text",
|
|
774
|
+
"body",
|
|
775
|
+
"quote-lg"
|
|
776
|
+
]
|
|
777
|
+
},
|
|
745
778
|
"overline": {
|
|
746
779
|
"value": {
|
|
747
780
|
"fontSize": "1 * 16",
|
|
@@ -846,6 +879,39 @@
|
|
|
846
879
|
"body",
|
|
847
880
|
"overline-lg"
|
|
848
881
|
]
|
|
882
|
+
},
|
|
883
|
+
"inline-code": {
|
|
884
|
+
"value": {
|
|
885
|
+
"fontSize": "1 * 16 * 0.92",
|
|
886
|
+
"fontFamily": "Source Code Pro",
|
|
887
|
+
"fontWeight": 600,
|
|
888
|
+
"lineHeight": "165%",
|
|
889
|
+
"textDecoration": "none"
|
|
890
|
+
},
|
|
891
|
+
"type": "typography",
|
|
892
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
893
|
+
"isSource": true,
|
|
894
|
+
"original": {
|
|
895
|
+
"value": {
|
|
896
|
+
"fontSize": "{typography.size.M} * {figma.typography.size.base} * 0.92",
|
|
897
|
+
"fontFamily": "Source Code Pro",
|
|
898
|
+
"fontWeight": "{typography.font-weight.semibold}",
|
|
899
|
+
"lineHeight": "{typography.line-height.L}",
|
|
900
|
+
"textDecoration": "none"
|
|
901
|
+
},
|
|
902
|
+
"type": "typography"
|
|
903
|
+
},
|
|
904
|
+
"name": "text-body-inline-code",
|
|
905
|
+
"attributes": {
|
|
906
|
+
"category": "text",
|
|
907
|
+
"type": "body",
|
|
908
|
+
"item": "inline-code"
|
|
909
|
+
},
|
|
910
|
+
"path": [
|
|
911
|
+
"text",
|
|
912
|
+
"body",
|
|
913
|
+
"inline-code"
|
|
914
|
+
]
|
|
849
915
|
}
|
|
850
916
|
},
|
|
851
917
|
"headings": {
|
|
@@ -1036,6 +1102,194 @@
|
|
|
1036
1102
|
]
|
|
1037
1103
|
}
|
|
1038
1104
|
},
|
|
1105
|
+
"headings-product": {
|
|
1106
|
+
"h1": {
|
|
1107
|
+
"value": {
|
|
1108
|
+
"fontSize": "1.728 * 16",
|
|
1109
|
+
"fontWeight": 700,
|
|
1110
|
+
"fontFamily": "Poppins",
|
|
1111
|
+
"lineHeight": "120%"
|
|
1112
|
+
},
|
|
1113
|
+
"type": "typography",
|
|
1114
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
1115
|
+
"isSource": true,
|
|
1116
|
+
"original": {
|
|
1117
|
+
"value": {
|
|
1118
|
+
"fontSize": "{typography.size.2XL} * {figma.typography.size.base}",
|
|
1119
|
+
"fontWeight": "{typography.font-weight.bold}",
|
|
1120
|
+
"fontFamily": "Poppins",
|
|
1121
|
+
"lineHeight": "{typography.line-height.S}"
|
|
1122
|
+
},
|
|
1123
|
+
"type": "typography"
|
|
1124
|
+
},
|
|
1125
|
+
"name": "text-headings-product-h1",
|
|
1126
|
+
"attributes": {
|
|
1127
|
+
"category": "text",
|
|
1128
|
+
"type": "headings-product",
|
|
1129
|
+
"item": "h1"
|
|
1130
|
+
},
|
|
1131
|
+
"path": [
|
|
1132
|
+
"text",
|
|
1133
|
+
"headings-product",
|
|
1134
|
+
"h1"
|
|
1135
|
+
]
|
|
1136
|
+
},
|
|
1137
|
+
"h2": {
|
|
1138
|
+
"value": {
|
|
1139
|
+
"fontSize": "1.44 * 16",
|
|
1140
|
+
"fontWeight": 700,
|
|
1141
|
+
"fontFamily": "Poppins",
|
|
1142
|
+
"lineHeight": "120%"
|
|
1143
|
+
},
|
|
1144
|
+
"type": "typography",
|
|
1145
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
1146
|
+
"isSource": true,
|
|
1147
|
+
"original": {
|
|
1148
|
+
"value": {
|
|
1149
|
+
"fontSize": "{typography.size.XL} * {figma.typography.size.base}",
|
|
1150
|
+
"fontWeight": "{text.headings-product.h1.value.fontWeight}",
|
|
1151
|
+
"fontFamily": "{text.headings-product.h1.value.fontFamily}",
|
|
1152
|
+
"lineHeight": "{text.headings-product.h1.value.lineHeight}"
|
|
1153
|
+
},
|
|
1154
|
+
"type": "typography"
|
|
1155
|
+
},
|
|
1156
|
+
"name": "text-headings-product-h2",
|
|
1157
|
+
"attributes": {
|
|
1158
|
+
"category": "text",
|
|
1159
|
+
"type": "headings-product",
|
|
1160
|
+
"item": "h2"
|
|
1161
|
+
},
|
|
1162
|
+
"path": [
|
|
1163
|
+
"text",
|
|
1164
|
+
"headings-product",
|
|
1165
|
+
"h2"
|
|
1166
|
+
]
|
|
1167
|
+
},
|
|
1168
|
+
"h3": {
|
|
1169
|
+
"value": {
|
|
1170
|
+
"fontSize": "1.2 * 16",
|
|
1171
|
+
"fontWeight": 700,
|
|
1172
|
+
"fontFamily": "Poppins",
|
|
1173
|
+
"lineHeight": "120%"
|
|
1174
|
+
},
|
|
1175
|
+
"type": "typography",
|
|
1176
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
1177
|
+
"isSource": true,
|
|
1178
|
+
"original": {
|
|
1179
|
+
"value": {
|
|
1180
|
+
"fontSize": "{typography.size.L} * {figma.typography.size.base}",
|
|
1181
|
+
"fontWeight": "{text.headings-product.h1.value.fontWeight}",
|
|
1182
|
+
"fontFamily": "{text.headings-product.h1.value.fontFamily}",
|
|
1183
|
+
"lineHeight": "{text.headings-product.h1.value.lineHeight}"
|
|
1184
|
+
},
|
|
1185
|
+
"type": "typography"
|
|
1186
|
+
},
|
|
1187
|
+
"name": "text-headings-product-h3",
|
|
1188
|
+
"attributes": {
|
|
1189
|
+
"category": "text",
|
|
1190
|
+
"type": "headings-product",
|
|
1191
|
+
"item": "h3"
|
|
1192
|
+
},
|
|
1193
|
+
"path": [
|
|
1194
|
+
"text",
|
|
1195
|
+
"headings-product",
|
|
1196
|
+
"h3"
|
|
1197
|
+
]
|
|
1198
|
+
},
|
|
1199
|
+
"h4": {
|
|
1200
|
+
"value": {
|
|
1201
|
+
"fontSize": "1.2 * 16",
|
|
1202
|
+
"fontWeight": 600,
|
|
1203
|
+
"fontFamily": "Poppins",
|
|
1204
|
+
"lineHeight": "120%"
|
|
1205
|
+
},
|
|
1206
|
+
"type": "typography",
|
|
1207
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
1208
|
+
"isSource": true,
|
|
1209
|
+
"original": {
|
|
1210
|
+
"value": {
|
|
1211
|
+
"fontSize": "{typography.size.L} * {figma.typography.size.base}",
|
|
1212
|
+
"fontWeight": "{typography.font-weight.semibold}",
|
|
1213
|
+
"fontFamily": "{text.headings-product.h1.value.fontFamily}",
|
|
1214
|
+
"lineHeight": "{text.headings-product.h1.value.lineHeight}"
|
|
1215
|
+
},
|
|
1216
|
+
"type": "typography"
|
|
1217
|
+
},
|
|
1218
|
+
"name": "text-headings-product-h4",
|
|
1219
|
+
"attributes": {
|
|
1220
|
+
"category": "text",
|
|
1221
|
+
"type": "headings-product",
|
|
1222
|
+
"item": "h4"
|
|
1223
|
+
},
|
|
1224
|
+
"path": [
|
|
1225
|
+
"text",
|
|
1226
|
+
"headings-product",
|
|
1227
|
+
"h4"
|
|
1228
|
+
]
|
|
1229
|
+
},
|
|
1230
|
+
"h5": {
|
|
1231
|
+
"value": {
|
|
1232
|
+
"fontSize": "1 * 16",
|
|
1233
|
+
"fontWeight": 700,
|
|
1234
|
+
"fontFamily": "Poppins",
|
|
1235
|
+
"lineHeight": "120%"
|
|
1236
|
+
},
|
|
1237
|
+
"type": "typography",
|
|
1238
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
1239
|
+
"isSource": true,
|
|
1240
|
+
"original": {
|
|
1241
|
+
"value": {
|
|
1242
|
+
"fontSize": "{typography.size.M} * {figma.typography.size.base}",
|
|
1243
|
+
"fontWeight": "{text.headings-product.h1.value.fontWeight}",
|
|
1244
|
+
"fontFamily": "{text.headings-product.h1.value.fontFamily}",
|
|
1245
|
+
"lineHeight": "{text.headings-product.h1.value.lineHeight}"
|
|
1246
|
+
},
|
|
1247
|
+
"type": "typography"
|
|
1248
|
+
},
|
|
1249
|
+
"name": "text-headings-product-h5",
|
|
1250
|
+
"attributes": {
|
|
1251
|
+
"category": "text",
|
|
1252
|
+
"type": "headings-product",
|
|
1253
|
+
"item": "h5"
|
|
1254
|
+
},
|
|
1255
|
+
"path": [
|
|
1256
|
+
"text",
|
|
1257
|
+
"headings-product",
|
|
1258
|
+
"h5"
|
|
1259
|
+
]
|
|
1260
|
+
},
|
|
1261
|
+
"h6": {
|
|
1262
|
+
"value": {
|
|
1263
|
+
"fontSize": "1 * 16",
|
|
1264
|
+
"fontWeight": 600,
|
|
1265
|
+
"fontFamily": "Poppins",
|
|
1266
|
+
"lineHeight": "120%"
|
|
1267
|
+
},
|
|
1268
|
+
"type": "typography",
|
|
1269
|
+
"filePath": "tokens-figma/typography/base.json",
|
|
1270
|
+
"isSource": true,
|
|
1271
|
+
"original": {
|
|
1272
|
+
"value": {
|
|
1273
|
+
"fontSize": "{typography.size.M} * {figma.typography.size.base}",
|
|
1274
|
+
"fontWeight": "{typography.font-weight.semibold}",
|
|
1275
|
+
"fontFamily": "{text.headings-product.h1.value.fontFamily}",
|
|
1276
|
+
"lineHeight": "{text.headings-product.h1.value.lineHeight}"
|
|
1277
|
+
},
|
|
1278
|
+
"type": "typography"
|
|
1279
|
+
},
|
|
1280
|
+
"name": "text-headings-product-h6",
|
|
1281
|
+
"attributes": {
|
|
1282
|
+
"category": "text",
|
|
1283
|
+
"type": "headings-product",
|
|
1284
|
+
"item": "h6"
|
|
1285
|
+
},
|
|
1286
|
+
"path": [
|
|
1287
|
+
"text",
|
|
1288
|
+
"headings-product",
|
|
1289
|
+
"h6"
|
|
1290
|
+
]
|
|
1291
|
+
}
|
|
1292
|
+
},
|
|
1039
1293
|
"button": {
|
|
1040
1294
|
"large": {
|
|
1041
1295
|
"value": {
|
|
@@ -4588,230 +4842,114 @@
|
|
|
4588
4842
|
}
|
|
4589
4843
|
},
|
|
4590
4844
|
"icon-button": {
|
|
4591
|
-
"
|
|
4592
|
-
"
|
|
4593
|
-
"
|
|
4594
|
-
|
|
4595
|
-
|
|
4596
|
-
|
|
4597
|
-
|
|
4598
|
-
"
|
|
4599
|
-
|
|
4600
|
-
"public": true
|
|
4601
|
-
},
|
|
4602
|
-
"name": "color-dark-mode-icon-button-standard-background-default",
|
|
4603
|
-
"attributes": {
|
|
4604
|
-
"category": "color",
|
|
4605
|
-
"type": "dark-mode",
|
|
4606
|
-
"item": "icon-button",
|
|
4607
|
-
"subitem": "standard",
|
|
4608
|
-
"state": "background"
|
|
4609
|
-
},
|
|
4610
|
-
"path": [
|
|
4611
|
-
"color",
|
|
4612
|
-
"dark-mode",
|
|
4613
|
-
"icon-button",
|
|
4614
|
-
"standard",
|
|
4615
|
-
"background",
|
|
4616
|
-
"default"
|
|
4617
|
-
]
|
|
4845
|
+
"background": {
|
|
4846
|
+
"default": {
|
|
4847
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
4848
|
+
"public": true,
|
|
4849
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4850
|
+
"isSource": true,
|
|
4851
|
+
"original": {
|
|
4852
|
+
"value": "transparent",
|
|
4853
|
+
"public": true
|
|
4618
4854
|
},
|
|
4619
|
-
"
|
|
4620
|
-
|
|
4621
|
-
"
|
|
4622
|
-
"
|
|
4623
|
-
"
|
|
4624
|
-
"
|
|
4625
|
-
"
|
|
4626
|
-
"value": "{color.dark-mode.neutral.200.value}",
|
|
4627
|
-
"public": true,
|
|
4628
|
-
"isReferenceToInternal": true
|
|
4629
|
-
},
|
|
4630
|
-
"name": "color-dark-mode-icon-button-standard-background-hover",
|
|
4631
|
-
"attributes": {
|
|
4632
|
-
"category": "color",
|
|
4633
|
-
"type": "dark-mode",
|
|
4634
|
-
"item": "icon-button",
|
|
4635
|
-
"subitem": "standard",
|
|
4636
|
-
"state": "background"
|
|
4637
|
-
},
|
|
4638
|
-
"path": [
|
|
4639
|
-
"color",
|
|
4640
|
-
"dark-mode",
|
|
4641
|
-
"icon-button",
|
|
4642
|
-
"standard",
|
|
4643
|
-
"background",
|
|
4644
|
-
"hover"
|
|
4645
|
-
]
|
|
4855
|
+
"name": "color-dark-mode-icon-button-background-default",
|
|
4856
|
+
"attributes": {
|
|
4857
|
+
"category": "color",
|
|
4858
|
+
"type": "dark-mode",
|
|
4859
|
+
"item": "icon-button",
|
|
4860
|
+
"subitem": "background",
|
|
4861
|
+
"state": "default"
|
|
4646
4862
|
},
|
|
4647
|
-
"
|
|
4648
|
-
"
|
|
4863
|
+
"path": [
|
|
4864
|
+
"color",
|
|
4865
|
+
"dark-mode",
|
|
4866
|
+
"icon-button",
|
|
4867
|
+
"background",
|
|
4868
|
+
"default"
|
|
4869
|
+
]
|
|
4870
|
+
},
|
|
4871
|
+
"hover": {
|
|
4872
|
+
"value": "#a6a3b4",
|
|
4873
|
+
"public": true,
|
|
4874
|
+
"isReferenceToInternal": true,
|
|
4875
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4876
|
+
"isSource": true,
|
|
4877
|
+
"original": {
|
|
4878
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
4649
4879
|
"public": true,
|
|
4650
|
-
"isReferenceToInternal": true
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4654
|
-
|
|
4655
|
-
|
|
4656
|
-
|
|
4657
|
-
|
|
4658
|
-
"
|
|
4659
|
-
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
|
|
4666
|
-
|
|
4667
|
-
"color",
|
|
4668
|
-
"dark-mode",
|
|
4669
|
-
"icon-button",
|
|
4670
|
-
"standard",
|
|
4671
|
-
"background",
|
|
4672
|
-
"active"
|
|
4673
|
-
]
|
|
4674
|
-
}
|
|
4880
|
+
"isReferenceToInternal": true
|
|
4881
|
+
},
|
|
4882
|
+
"name": "color-dark-mode-icon-button-background-hover",
|
|
4883
|
+
"attributes": {
|
|
4884
|
+
"category": "color",
|
|
4885
|
+
"type": "dark-mode",
|
|
4886
|
+
"item": "icon-button",
|
|
4887
|
+
"subitem": "background",
|
|
4888
|
+
"state": "hover"
|
|
4889
|
+
},
|
|
4890
|
+
"path": [
|
|
4891
|
+
"color",
|
|
4892
|
+
"dark-mode",
|
|
4893
|
+
"icon-button",
|
|
4894
|
+
"background",
|
|
4895
|
+
"hover"
|
|
4896
|
+
]
|
|
4675
4897
|
},
|
|
4676
|
-
"
|
|
4677
|
-
"
|
|
4678
|
-
|
|
4898
|
+
"active": {
|
|
4899
|
+
"value": "#858299",
|
|
4900
|
+
"public": true,
|
|
4901
|
+
"isReferenceToInternal": true,
|
|
4902
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4903
|
+
"isSource": true,
|
|
4904
|
+
"original": {
|
|
4905
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
4679
4906
|
"public": true,
|
|
4680
|
-
"isReferenceToInternal": true
|
|
4681
|
-
|
|
4682
|
-
|
|
4683
|
-
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4687
|
-
|
|
4688
|
-
"
|
|
4689
|
-
|
|
4690
|
-
|
|
4691
|
-
|
|
4692
|
-
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
"color",
|
|
4698
|
-
"dark-mode",
|
|
4699
|
-
"icon-button",
|
|
4700
|
-
"standard",
|
|
4701
|
-
"foreground",
|
|
4702
|
-
"default"
|
|
4703
|
-
]
|
|
4704
|
-
}
|
|
4907
|
+
"isReferenceToInternal": true
|
|
4908
|
+
},
|
|
4909
|
+
"name": "color-dark-mode-icon-button-background-active",
|
|
4910
|
+
"attributes": {
|
|
4911
|
+
"category": "color",
|
|
4912
|
+
"type": "dark-mode",
|
|
4913
|
+
"item": "icon-button",
|
|
4914
|
+
"subitem": "background",
|
|
4915
|
+
"state": "active"
|
|
4916
|
+
},
|
|
4917
|
+
"path": [
|
|
4918
|
+
"color",
|
|
4919
|
+
"dark-mode",
|
|
4920
|
+
"icon-button",
|
|
4921
|
+
"background",
|
|
4922
|
+
"active"
|
|
4923
|
+
]
|
|
4705
4924
|
}
|
|
4706
4925
|
},
|
|
4707
|
-
"
|
|
4708
|
-
"
|
|
4709
|
-
"
|
|
4710
|
-
|
|
4926
|
+
"foreground": {
|
|
4927
|
+
"default": {
|
|
4928
|
+
"value": "#ffffff",
|
|
4929
|
+
"public": true,
|
|
4930
|
+
"isReferenceToInternal": true,
|
|
4931
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4932
|
+
"isSource": true,
|
|
4933
|
+
"original": {
|
|
4934
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
4711
4935
|
"public": true,
|
|
4712
|
-
"
|
|
4713
|
-
"isSource": true,
|
|
4714
|
-
"original": {
|
|
4715
|
-
"value": "{color.dark-mode.button.critical.background.default.value}",
|
|
4716
|
-
"public": true
|
|
4717
|
-
},
|
|
4718
|
-
"name": "color-dark-mode-icon-button-critical-background-default",
|
|
4719
|
-
"attributes": {
|
|
4720
|
-
"category": "color",
|
|
4721
|
-
"type": "dark-mode",
|
|
4722
|
-
"item": "icon-button",
|
|
4723
|
-
"subitem": "critical",
|
|
4724
|
-
"state": "background"
|
|
4725
|
-
},
|
|
4726
|
-
"path": [
|
|
4727
|
-
"color",
|
|
4728
|
-
"dark-mode",
|
|
4729
|
-
"icon-button",
|
|
4730
|
-
"critical",
|
|
4731
|
-
"background",
|
|
4732
|
-
"default"
|
|
4733
|
-
]
|
|
4936
|
+
"isReferenceToInternal": true
|
|
4734
4937
|
},
|
|
4735
|
-
"
|
|
4736
|
-
|
|
4737
|
-
"
|
|
4738
|
-
"
|
|
4739
|
-
"
|
|
4740
|
-
"
|
|
4741
|
-
|
|
4742
|
-
"public": true
|
|
4743
|
-
},
|
|
4744
|
-
"name": "color-dark-mode-icon-button-critical-background-hover",
|
|
4745
|
-
"attributes": {
|
|
4746
|
-
"category": "color",
|
|
4747
|
-
"type": "dark-mode",
|
|
4748
|
-
"item": "icon-button",
|
|
4749
|
-
"subitem": "critical",
|
|
4750
|
-
"state": "background"
|
|
4751
|
-
},
|
|
4752
|
-
"path": [
|
|
4753
|
-
"color",
|
|
4754
|
-
"dark-mode",
|
|
4755
|
-
"icon-button",
|
|
4756
|
-
"critical",
|
|
4757
|
-
"background",
|
|
4758
|
-
"hover"
|
|
4759
|
-
]
|
|
4938
|
+
"name": "color-dark-mode-icon-button-foreground-default",
|
|
4939
|
+
"attributes": {
|
|
4940
|
+
"category": "color",
|
|
4941
|
+
"type": "dark-mode",
|
|
4942
|
+
"item": "icon-button",
|
|
4943
|
+
"subitem": "foreground",
|
|
4944
|
+
"state": "default"
|
|
4760
4945
|
},
|
|
4761
|
-
"
|
|
4762
|
-
"
|
|
4763
|
-
"
|
|
4764
|
-
"
|
|
4765
|
-
"
|
|
4766
|
-
"
|
|
4767
|
-
|
|
4768
|
-
"public": true
|
|
4769
|
-
},
|
|
4770
|
-
"name": "color-dark-mode-icon-button-critical-background-active",
|
|
4771
|
-
"attributes": {
|
|
4772
|
-
"category": "color",
|
|
4773
|
-
"type": "dark-mode",
|
|
4774
|
-
"item": "icon-button",
|
|
4775
|
-
"subitem": "critical",
|
|
4776
|
-
"state": "background"
|
|
4777
|
-
},
|
|
4778
|
-
"path": [
|
|
4779
|
-
"color",
|
|
4780
|
-
"dark-mode",
|
|
4781
|
-
"icon-button",
|
|
4782
|
-
"critical",
|
|
4783
|
-
"background",
|
|
4784
|
-
"active"
|
|
4785
|
-
]
|
|
4786
|
-
}
|
|
4787
|
-
},
|
|
4788
|
-
"foreground": {
|
|
4789
|
-
"default": {
|
|
4790
|
-
"value": "#ef5c48",
|
|
4791
|
-
"public": true,
|
|
4792
|
-
"filePath": "tokens/color/alias/button.dark.json",
|
|
4793
|
-
"isSource": true,
|
|
4794
|
-
"original": {
|
|
4795
|
-
"value": "{color.dark-mode.button.critical.foreground.default.value}",
|
|
4796
|
-
"public": true
|
|
4797
|
-
},
|
|
4798
|
-
"name": "color-dark-mode-icon-button-critical-foreground-default",
|
|
4799
|
-
"attributes": {
|
|
4800
|
-
"category": "color",
|
|
4801
|
-
"type": "dark-mode",
|
|
4802
|
-
"item": "icon-button",
|
|
4803
|
-
"subitem": "critical",
|
|
4804
|
-
"state": "foreground"
|
|
4805
|
-
},
|
|
4806
|
-
"path": [
|
|
4807
|
-
"color",
|
|
4808
|
-
"dark-mode",
|
|
4809
|
-
"icon-button",
|
|
4810
|
-
"critical",
|
|
4811
|
-
"foreground",
|
|
4812
|
-
"default"
|
|
4813
|
-
]
|
|
4814
|
-
}
|
|
4946
|
+
"path": [
|
|
4947
|
+
"color",
|
|
4948
|
+
"dark-mode",
|
|
4949
|
+
"icon-button",
|
|
4950
|
+
"foreground",
|
|
4951
|
+
"default"
|
|
4952
|
+
]
|
|
4815
4953
|
}
|
|
4816
4954
|
}
|
|
4817
4955
|
},
|
|
@@ -11081,230 +11219,114 @@
|
|
|
11081
11219
|
}
|
|
11082
11220
|
},
|
|
11083
11221
|
"icon-button": {
|
|
11084
|
-
"
|
|
11085
|
-
"
|
|
11086
|
-
"
|
|
11087
|
-
|
|
11088
|
-
|
|
11089
|
-
|
|
11090
|
-
|
|
11091
|
-
"
|
|
11092
|
-
|
|
11093
|
-
"public": true
|
|
11094
|
-
},
|
|
11095
|
-
"name": "color-light-mode-icon-button-standard-background-default",
|
|
11096
|
-
"attributes": {
|
|
11097
|
-
"category": "color",
|
|
11098
|
-
"type": "light-mode",
|
|
11099
|
-
"item": "icon-button",
|
|
11100
|
-
"subitem": "standard",
|
|
11101
|
-
"state": "background"
|
|
11102
|
-
},
|
|
11103
|
-
"path": [
|
|
11104
|
-
"color",
|
|
11105
|
-
"light-mode",
|
|
11106
|
-
"icon-button",
|
|
11107
|
-
"standard",
|
|
11108
|
-
"background",
|
|
11109
|
-
"default"
|
|
11110
|
-
]
|
|
11222
|
+
"background": {
|
|
11223
|
+
"default": {
|
|
11224
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
11225
|
+
"public": true,
|
|
11226
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
11227
|
+
"isSource": true,
|
|
11228
|
+
"original": {
|
|
11229
|
+
"value": "transparent",
|
|
11230
|
+
"public": true
|
|
11111
11231
|
},
|
|
11112
|
-
"
|
|
11113
|
-
|
|
11114
|
-
"
|
|
11115
|
-
"
|
|
11116
|
-
"
|
|
11117
|
-
"
|
|
11118
|
-
"
|
|
11119
|
-
"value": "{color.light-mode.neutral.200.value}",
|
|
11120
|
-
"public": true,
|
|
11121
|
-
"isReferenceToInternal": true
|
|
11122
|
-
},
|
|
11123
|
-
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
11124
|
-
"attributes": {
|
|
11125
|
-
"category": "color",
|
|
11126
|
-
"type": "light-mode",
|
|
11127
|
-
"item": "icon-button",
|
|
11128
|
-
"subitem": "standard",
|
|
11129
|
-
"state": "background"
|
|
11130
|
-
},
|
|
11131
|
-
"path": [
|
|
11132
|
-
"color",
|
|
11133
|
-
"light-mode",
|
|
11134
|
-
"icon-button",
|
|
11135
|
-
"standard",
|
|
11136
|
-
"background",
|
|
11137
|
-
"hover"
|
|
11138
|
-
]
|
|
11232
|
+
"name": "color-light-mode-icon-button-background-default",
|
|
11233
|
+
"attributes": {
|
|
11234
|
+
"category": "color",
|
|
11235
|
+
"type": "light-mode",
|
|
11236
|
+
"item": "icon-button",
|
|
11237
|
+
"subitem": "background",
|
|
11238
|
+
"state": "default"
|
|
11139
11239
|
},
|
|
11140
|
-
"
|
|
11141
|
-
"
|
|
11240
|
+
"path": [
|
|
11241
|
+
"color",
|
|
11242
|
+
"light-mode",
|
|
11243
|
+
"icon-button",
|
|
11244
|
+
"background",
|
|
11245
|
+
"default"
|
|
11246
|
+
]
|
|
11247
|
+
},
|
|
11248
|
+
"hover": {
|
|
11249
|
+
"value": "#f1f1f1",
|
|
11250
|
+
"public": true,
|
|
11251
|
+
"isReferenceToInternal": true,
|
|
11252
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
11253
|
+
"isSource": true,
|
|
11254
|
+
"original": {
|
|
11255
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
11142
11256
|
"public": true,
|
|
11143
|
-
"isReferenceToInternal": true
|
|
11144
|
-
|
|
11145
|
-
|
|
11146
|
-
|
|
11147
|
-
|
|
11148
|
-
|
|
11149
|
-
|
|
11150
|
-
|
|
11151
|
-
"
|
|
11152
|
-
|
|
11153
|
-
|
|
11154
|
-
|
|
11155
|
-
|
|
11156
|
-
|
|
11157
|
-
|
|
11158
|
-
|
|
11159
|
-
|
|
11160
|
-
"color",
|
|
11161
|
-
"light-mode",
|
|
11162
|
-
"icon-button",
|
|
11163
|
-
"standard",
|
|
11164
|
-
"background",
|
|
11165
|
-
"active"
|
|
11166
|
-
]
|
|
11167
|
-
}
|
|
11257
|
+
"isReferenceToInternal": true
|
|
11258
|
+
},
|
|
11259
|
+
"name": "color-light-mode-icon-button-background-hover",
|
|
11260
|
+
"attributes": {
|
|
11261
|
+
"category": "color",
|
|
11262
|
+
"type": "light-mode",
|
|
11263
|
+
"item": "icon-button",
|
|
11264
|
+
"subitem": "background",
|
|
11265
|
+
"state": "hover"
|
|
11266
|
+
},
|
|
11267
|
+
"path": [
|
|
11268
|
+
"color",
|
|
11269
|
+
"light-mode",
|
|
11270
|
+
"icon-button",
|
|
11271
|
+
"background",
|
|
11272
|
+
"hover"
|
|
11273
|
+
]
|
|
11168
11274
|
},
|
|
11169
|
-
"
|
|
11170
|
-
"
|
|
11171
|
-
|
|
11275
|
+
"active": {
|
|
11276
|
+
"value": "#cfcfd3",
|
|
11277
|
+
"public": true,
|
|
11278
|
+
"isReferenceToInternal": true,
|
|
11279
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
11280
|
+
"isSource": true,
|
|
11281
|
+
"original": {
|
|
11282
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
11172
11283
|
"public": true,
|
|
11173
|
-
"isReferenceToInternal": true
|
|
11174
|
-
|
|
11175
|
-
|
|
11176
|
-
|
|
11177
|
-
|
|
11178
|
-
|
|
11179
|
-
|
|
11180
|
-
|
|
11181
|
-
"
|
|
11182
|
-
|
|
11183
|
-
|
|
11184
|
-
|
|
11185
|
-
|
|
11186
|
-
|
|
11187
|
-
|
|
11188
|
-
|
|
11189
|
-
|
|
11190
|
-
"color",
|
|
11191
|
-
"light-mode",
|
|
11192
|
-
"icon-button",
|
|
11193
|
-
"standard",
|
|
11194
|
-
"foreground",
|
|
11195
|
-
"default"
|
|
11196
|
-
]
|
|
11197
|
-
}
|
|
11284
|
+
"isReferenceToInternal": true
|
|
11285
|
+
},
|
|
11286
|
+
"name": "color-light-mode-icon-button-background-active",
|
|
11287
|
+
"attributes": {
|
|
11288
|
+
"category": "color",
|
|
11289
|
+
"type": "light-mode",
|
|
11290
|
+
"item": "icon-button",
|
|
11291
|
+
"subitem": "background",
|
|
11292
|
+
"state": "active"
|
|
11293
|
+
},
|
|
11294
|
+
"path": [
|
|
11295
|
+
"color",
|
|
11296
|
+
"light-mode",
|
|
11297
|
+
"icon-button",
|
|
11298
|
+
"background",
|
|
11299
|
+
"active"
|
|
11300
|
+
]
|
|
11198
11301
|
}
|
|
11199
11302
|
},
|
|
11200
|
-
"
|
|
11201
|
-
"
|
|
11202
|
-
"
|
|
11203
|
-
|
|
11303
|
+
"foreground": {
|
|
11304
|
+
"default": {
|
|
11305
|
+
"value": "#23232d",
|
|
11306
|
+
"public": true,
|
|
11307
|
+
"isReferenceToInternal": true,
|
|
11308
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
11309
|
+
"isSource": true,
|
|
11310
|
+
"original": {
|
|
11311
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
11204
11312
|
"public": true,
|
|
11205
|
-
"
|
|
11206
|
-
"isSource": true,
|
|
11207
|
-
"original": {
|
|
11208
|
-
"value": "{color.light-mode.button.critical.background.default.value}",
|
|
11209
|
-
"public": true
|
|
11210
|
-
},
|
|
11211
|
-
"name": "color-light-mode-icon-button-critical-background-default",
|
|
11212
|
-
"attributes": {
|
|
11213
|
-
"category": "color",
|
|
11214
|
-
"type": "light-mode",
|
|
11215
|
-
"item": "icon-button",
|
|
11216
|
-
"subitem": "critical",
|
|
11217
|
-
"state": "background"
|
|
11218
|
-
},
|
|
11219
|
-
"path": [
|
|
11220
|
-
"color",
|
|
11221
|
-
"light-mode",
|
|
11222
|
-
"icon-button",
|
|
11223
|
-
"critical",
|
|
11224
|
-
"background",
|
|
11225
|
-
"default"
|
|
11226
|
-
]
|
|
11313
|
+
"isReferenceToInternal": true
|
|
11227
11314
|
},
|
|
11228
|
-
"
|
|
11229
|
-
|
|
11230
|
-
"
|
|
11231
|
-
"
|
|
11232
|
-
"
|
|
11233
|
-
"
|
|
11234
|
-
|
|
11235
|
-
"public": true
|
|
11236
|
-
},
|
|
11237
|
-
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
11238
|
-
"attributes": {
|
|
11239
|
-
"category": "color",
|
|
11240
|
-
"type": "light-mode",
|
|
11241
|
-
"item": "icon-button",
|
|
11242
|
-
"subitem": "critical",
|
|
11243
|
-
"state": "background"
|
|
11244
|
-
},
|
|
11245
|
-
"path": [
|
|
11246
|
-
"color",
|
|
11247
|
-
"light-mode",
|
|
11248
|
-
"icon-button",
|
|
11249
|
-
"critical",
|
|
11250
|
-
"background",
|
|
11251
|
-
"hover"
|
|
11252
|
-
]
|
|
11315
|
+
"name": "color-light-mode-icon-button-foreground-default",
|
|
11316
|
+
"attributes": {
|
|
11317
|
+
"category": "color",
|
|
11318
|
+
"type": "light-mode",
|
|
11319
|
+
"item": "icon-button",
|
|
11320
|
+
"subitem": "foreground",
|
|
11321
|
+
"state": "default"
|
|
11253
11322
|
},
|
|
11254
|
-
"
|
|
11255
|
-
"
|
|
11256
|
-
"
|
|
11257
|
-
"
|
|
11258
|
-
"
|
|
11259
|
-
"
|
|
11260
|
-
|
|
11261
|
-
"public": true
|
|
11262
|
-
},
|
|
11263
|
-
"name": "color-light-mode-icon-button-critical-background-active",
|
|
11264
|
-
"attributes": {
|
|
11265
|
-
"category": "color",
|
|
11266
|
-
"type": "light-mode",
|
|
11267
|
-
"item": "icon-button",
|
|
11268
|
-
"subitem": "critical",
|
|
11269
|
-
"state": "background"
|
|
11270
|
-
},
|
|
11271
|
-
"path": [
|
|
11272
|
-
"color",
|
|
11273
|
-
"light-mode",
|
|
11274
|
-
"icon-button",
|
|
11275
|
-
"critical",
|
|
11276
|
-
"background",
|
|
11277
|
-
"active"
|
|
11278
|
-
]
|
|
11279
|
-
}
|
|
11280
|
-
},
|
|
11281
|
-
"foreground": {
|
|
11282
|
-
"default": {
|
|
11283
|
-
"value": "#ca3521",
|
|
11284
|
-
"public": true,
|
|
11285
|
-
"filePath": "tokens/color/alias/button.light.json",
|
|
11286
|
-
"isSource": true,
|
|
11287
|
-
"original": {
|
|
11288
|
-
"value": "{color.light-mode.button.critical.foreground.default.value}",
|
|
11289
|
-
"public": true
|
|
11290
|
-
},
|
|
11291
|
-
"name": "color-light-mode-icon-button-critical-foreground-default",
|
|
11292
|
-
"attributes": {
|
|
11293
|
-
"category": "color",
|
|
11294
|
-
"type": "light-mode",
|
|
11295
|
-
"item": "icon-button",
|
|
11296
|
-
"subitem": "critical",
|
|
11297
|
-
"state": "foreground"
|
|
11298
|
-
},
|
|
11299
|
-
"path": [
|
|
11300
|
-
"color",
|
|
11301
|
-
"light-mode",
|
|
11302
|
-
"icon-button",
|
|
11303
|
-
"critical",
|
|
11304
|
-
"foreground",
|
|
11305
|
-
"default"
|
|
11306
|
-
]
|
|
11307
|
-
}
|
|
11323
|
+
"path": [
|
|
11324
|
+
"color",
|
|
11325
|
+
"light-mode",
|
|
11326
|
+
"icon-button",
|
|
11327
|
+
"foreground",
|
|
11328
|
+
"default"
|
|
11329
|
+
]
|
|
11308
11330
|
}
|
|
11309
11331
|
}
|
|
11310
11332
|
},
|