@airframeui/tokens 0.1.4 → 0.2.0
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/README.md +1 -1
- package/dist/catalog.json +306 -54
- package/dist/tokens.css +40 -1
- package/dist/tokens.js +335 -55
- package/dist/tokens.json +335 -55
- package/package.json +1 -1
package/dist/tokens.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const tokens = {
|
|
2
2
|
"meta": {
|
|
3
3
|
"version": "0.0.1",
|
|
4
|
-
"generatedAt": "2026-08-
|
|
4
|
+
"generatedAt": "2026-08-18T02:23:06.362Z"
|
|
5
5
|
},
|
|
6
6
|
"primitives": {
|
|
7
7
|
"base-primary--light": "#0876dd",
|
|
@@ -256,6 +256,8 @@ export const tokens = {
|
|
|
256
256
|
"control-border-hover": "var(--af-color-border-strong)",
|
|
257
257
|
"link-primary": "var(--af-color-primary)",
|
|
258
258
|
"link-hover-primary": "var(--af-color-primary-hover)",
|
|
259
|
+
"link-decoration": "underline",
|
|
260
|
+
"link-hover-decoration": "underline",
|
|
259
261
|
"btn-min-height": "var(--af-control-min-height)",
|
|
260
262
|
"btn-radius": "var(--af-radius-full)",
|
|
261
263
|
"btn-padding-y": "var(--af-control-padding-y)",
|
|
@@ -265,16 +267,42 @@ export const tokens = {
|
|
|
265
267
|
"btn-icon-button-size": "var(--af-hit-size)",
|
|
266
268
|
"btn-font-weight": "var(--af-weight-medium)",
|
|
267
269
|
"btn-border-width": "1px",
|
|
270
|
+
"btn-border": "transparent",
|
|
271
|
+
"btn-border-hover": "initial",
|
|
272
|
+
"btn-border-focus": "initial",
|
|
273
|
+
"btn-border-auto": "initial",
|
|
268
274
|
"btn-hover-brightness": "0.9",
|
|
269
275
|
"btn-active-brightness": "0.82",
|
|
270
276
|
"btn-default-bg": "var(--af-color-primary)",
|
|
271
277
|
"btn-default-color": "var(--af-color-on-primary)",
|
|
272
278
|
"btn-default-hover": "var(--af-color-primary-hover)",
|
|
273
279
|
"btn-default-active": "var(--af-color-primary-active)",
|
|
280
|
+
"btn-default-border": "initial",
|
|
281
|
+
"btn-default-border-hover": "initial",
|
|
282
|
+
"btn-default-border-focus": "initial",
|
|
274
283
|
"btn-secondary-bg": "var(--af-color-secondary)",
|
|
275
284
|
"btn-secondary-color": "var(--af-color-on-secondary)",
|
|
276
285
|
"btn-secondary-hover": "var(--af-color-secondary-hover)",
|
|
277
286
|
"btn-secondary-active": "var(--af-color-secondary-active)",
|
|
287
|
+
"btn-secondary-border": "initial",
|
|
288
|
+
"btn-secondary-border-hover": "initial",
|
|
289
|
+
"btn-secondary-border-focus": "initial",
|
|
290
|
+
"btn-tertiary-border": "initial",
|
|
291
|
+
"btn-tertiary-border-hover": "initial",
|
|
292
|
+
"btn-tertiary-border-focus": "initial",
|
|
293
|
+
"btn-success-border": "initial",
|
|
294
|
+
"btn-success-border-hover": "initial",
|
|
295
|
+
"btn-success-border-focus": "initial",
|
|
296
|
+
"btn-warning-border": "initial",
|
|
297
|
+
"btn-warning-border-hover": "initial",
|
|
298
|
+
"btn-warning-border-focus": "initial",
|
|
299
|
+
"btn-danger-border": "initial",
|
|
300
|
+
"btn-danger-border-hover": "initial",
|
|
301
|
+
"btn-danger-border-focus": "initial",
|
|
302
|
+
"btn-info-border": "initial",
|
|
303
|
+
"btn-info-border-hover": "initial",
|
|
304
|
+
"btn-info-border-focus": "initial",
|
|
305
|
+
"btn-ghost-border": "transparent",
|
|
278
306
|
"btn-outline-color": "var(--af-color-primary)",
|
|
279
307
|
"btn-outline-border": "var(--af-color-primary)",
|
|
280
308
|
"btn-outline-hover": "var(--af-color-primary-hover)",
|
|
@@ -442,8 +470,8 @@ export const tokens = {
|
|
|
442
470
|
},
|
|
443
471
|
"catalog": {
|
|
444
472
|
"meta": {
|
|
445
|
-
"generatedAt": "2026-08-
|
|
446
|
-
"count":
|
|
473
|
+
"generatedAt": "2026-08-18T02:23:06.361Z",
|
|
474
|
+
"count": 362
|
|
447
475
|
},
|
|
448
476
|
"groups": [
|
|
449
477
|
{
|
|
@@ -866,15 +894,15 @@ export const tokens = {
|
|
|
866
894
|
"value": "var(--af-base-primary--light)",
|
|
867
895
|
"css": {
|
|
868
896
|
"light": "#0876dd",
|
|
869
|
-
"dark": "#
|
|
897
|
+
"dark": "#1678D4",
|
|
870
898
|
"hc-light": "#0876dd",
|
|
871
|
-
"hc-dark": "#
|
|
899
|
+
"hc-dark": "#1678D4"
|
|
872
900
|
},
|
|
873
901
|
"hex": {
|
|
874
902
|
"light": "#0876dd",
|
|
875
|
-
"dark": "#
|
|
903
|
+
"dark": "#1678d4",
|
|
876
904
|
"hc-light": "#0876dd",
|
|
877
|
-
"hc-dark": "#
|
|
905
|
+
"hc-dark": "#1678d4"
|
|
878
906
|
}
|
|
879
907
|
},
|
|
880
908
|
{
|
|
@@ -884,9 +912,9 @@ export const tokens = {
|
|
|
884
912
|
"group": "color-primitive",
|
|
885
913
|
"kind": "stored",
|
|
886
914
|
"description": "Dark stored value for --af-base-primary.",
|
|
887
|
-
"value": "#
|
|
915
|
+
"value": "#1678D4",
|
|
888
916
|
"hex": {
|
|
889
|
-
"dark": "#
|
|
917
|
+
"dark": "#1678d4"
|
|
890
918
|
}
|
|
891
919
|
},
|
|
892
920
|
{
|
|
@@ -1135,6 +1163,42 @@ export const tokens = {
|
|
|
1135
1163
|
"description": "af-btn pressed brightness filter.",
|
|
1136
1164
|
"value": "0.82"
|
|
1137
1165
|
},
|
|
1166
|
+
{
|
|
1167
|
+
"name": "--af-btn-border",
|
|
1168
|
+
"key": "btn-border",
|
|
1169
|
+
"category": "component",
|
|
1170
|
+
"group": "component",
|
|
1171
|
+
"kind": "static",
|
|
1172
|
+
"description": "Master filled af-btn border color. Transparent by default (borders off). Set to a color, or to var(--af-btn-border-auto), to paint filled buttons. Ghost and link ignore this.",
|
|
1173
|
+
"value": "transparent"
|
|
1174
|
+
},
|
|
1175
|
+
{
|
|
1176
|
+
"name": "--af-btn-border-auto",
|
|
1177
|
+
"key": "btn-border-auto",
|
|
1178
|
+
"category": "component",
|
|
1179
|
+
"group": "component",
|
|
1180
|
+
"kind": "static",
|
|
1181
|
+
"description": "Per-variant automatic filled-button border tint. Unset at :root; each filled .af-btn remaps it. Set --af-btn-border to var(--af-btn-border-auto) (on :root or a wrapper) to enable borders without picking hexes.",
|
|
1182
|
+
"value": "initial"
|
|
1183
|
+
},
|
|
1184
|
+
{
|
|
1185
|
+
"name": "--af-btn-border-focus",
|
|
1186
|
+
"key": "btn-border-focus",
|
|
1187
|
+
"category": "component",
|
|
1188
|
+
"group": "component",
|
|
1189
|
+
"kind": "static",
|
|
1190
|
+
"description": "Master filled af-btn focus border (chrome in addition to the focus ring). Unset by default; falls back to the rest border.",
|
|
1191
|
+
"value": "initial"
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"name": "--af-btn-border-hover",
|
|
1195
|
+
"key": "btn-border-hover",
|
|
1196
|
+
"category": "component",
|
|
1197
|
+
"group": "component",
|
|
1198
|
+
"kind": "static",
|
|
1199
|
+
"description": "Master filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1200
|
+
"value": "initial"
|
|
1201
|
+
},
|
|
1138
1202
|
{
|
|
1139
1203
|
"name": "--af-btn-border-width",
|
|
1140
1204
|
"key": "btn-border-width",
|
|
@@ -1144,6 +1208,33 @@ export const tokens = {
|
|
|
1144
1208
|
"description": "af-btn border width.",
|
|
1145
1209
|
"value": "1px"
|
|
1146
1210
|
},
|
|
1211
|
+
{
|
|
1212
|
+
"name": "--af-btn-danger-border",
|
|
1213
|
+
"key": "btn-danger-border",
|
|
1214
|
+
"category": "component",
|
|
1215
|
+
"group": "component",
|
|
1216
|
+
"kind": "static",
|
|
1217
|
+
"description": "Danger filled af-btn border. Unset by default; falls back to --af-btn-border.",
|
|
1218
|
+
"value": "initial"
|
|
1219
|
+
},
|
|
1220
|
+
{
|
|
1221
|
+
"name": "--af-btn-danger-border-focus",
|
|
1222
|
+
"key": "btn-danger-border-focus",
|
|
1223
|
+
"category": "component",
|
|
1224
|
+
"group": "component",
|
|
1225
|
+
"kind": "static",
|
|
1226
|
+
"description": "Danger filled af-btn focus border. Unset by default; falls back to the rest border.",
|
|
1227
|
+
"value": "initial"
|
|
1228
|
+
},
|
|
1229
|
+
{
|
|
1230
|
+
"name": "--af-btn-danger-border-hover",
|
|
1231
|
+
"key": "btn-danger-border-hover",
|
|
1232
|
+
"category": "component",
|
|
1233
|
+
"group": "component",
|
|
1234
|
+
"kind": "static",
|
|
1235
|
+
"description": "Danger filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1236
|
+
"value": "initial"
|
|
1237
|
+
},
|
|
1147
1238
|
{
|
|
1148
1239
|
"name": "--af-btn-default-active",
|
|
1149
1240
|
"key": "btn-default-active",
|
|
@@ -1160,9 +1251,9 @@ export const tokens = {
|
|
|
1160
1251
|
},
|
|
1161
1252
|
"hex": {
|
|
1162
1253
|
"light": "#0761b5",
|
|
1163
|
-
"dark": "#
|
|
1254
|
+
"dark": "#1262ae",
|
|
1164
1255
|
"hc-light": "#0761b5",
|
|
1165
|
-
"hc-dark": "#
|
|
1256
|
+
"hc-dark": "#1262ae"
|
|
1166
1257
|
}
|
|
1167
1258
|
},
|
|
1168
1259
|
{
|
|
@@ -1181,11 +1272,38 @@ export const tokens = {
|
|
|
1181
1272
|
},
|
|
1182
1273
|
"hex": {
|
|
1183
1274
|
"light": "#0876dd",
|
|
1184
|
-
"dark": "#
|
|
1275
|
+
"dark": "#1678d4",
|
|
1185
1276
|
"hc-light": "#0876dd",
|
|
1186
|
-
"hc-dark": "#
|
|
1277
|
+
"hc-dark": "#1678d4"
|
|
1187
1278
|
}
|
|
1188
1279
|
},
|
|
1280
|
+
{
|
|
1281
|
+
"name": "--af-btn-default-border",
|
|
1282
|
+
"key": "btn-default-border",
|
|
1283
|
+
"category": "component",
|
|
1284
|
+
"group": "component",
|
|
1285
|
+
"kind": "static",
|
|
1286
|
+
"description": "Primary/default filled af-btn border. Unset by default; falls back to --af-btn-border.",
|
|
1287
|
+
"value": "initial"
|
|
1288
|
+
},
|
|
1289
|
+
{
|
|
1290
|
+
"name": "--af-btn-default-border-focus",
|
|
1291
|
+
"key": "btn-default-border-focus",
|
|
1292
|
+
"category": "component",
|
|
1293
|
+
"group": "component",
|
|
1294
|
+
"kind": "static",
|
|
1295
|
+
"description": "Primary/default filled af-btn focus border. Unset by default; falls back to the rest border.",
|
|
1296
|
+
"value": "initial"
|
|
1297
|
+
},
|
|
1298
|
+
{
|
|
1299
|
+
"name": "--af-btn-default-border-hover",
|
|
1300
|
+
"key": "btn-default-border-hover",
|
|
1301
|
+
"category": "component",
|
|
1302
|
+
"group": "component",
|
|
1303
|
+
"kind": "static",
|
|
1304
|
+
"description": "Primary/default filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1305
|
+
"value": "initial"
|
|
1306
|
+
},
|
|
1189
1307
|
{
|
|
1190
1308
|
"name": "--af-btn-default-color",
|
|
1191
1309
|
"key": "btn-default-color",
|
|
@@ -1223,9 +1341,9 @@ export const tokens = {
|
|
|
1223
1341
|
},
|
|
1224
1342
|
"hex": {
|
|
1225
1343
|
"light": "#0768c2",
|
|
1226
|
-
"dark": "#
|
|
1344
|
+
"dark": "#136abb",
|
|
1227
1345
|
"hc-light": "#0768c2",
|
|
1228
|
-
"hc-dark": "#
|
|
1346
|
+
"hc-dark": "#136abb"
|
|
1229
1347
|
}
|
|
1230
1348
|
},
|
|
1231
1349
|
{
|
|
@@ -1246,6 +1364,15 @@ export const tokens = {
|
|
|
1246
1364
|
"description": "Gap between af-btn label and icon.",
|
|
1247
1365
|
"value": "var(--af-space-2)"
|
|
1248
1366
|
},
|
|
1367
|
+
{
|
|
1368
|
+
"name": "--af-btn-ghost-border",
|
|
1369
|
+
"key": "btn-ghost-border",
|
|
1370
|
+
"category": "component",
|
|
1371
|
+
"group": "component",
|
|
1372
|
+
"kind": "static",
|
|
1373
|
+
"description": "Ghost af-btn border. Transparent by default; does not follow --af-btn-border.",
|
|
1374
|
+
"value": "transparent"
|
|
1375
|
+
},
|
|
1249
1376
|
{
|
|
1250
1377
|
"name": "--af-btn-hover-brightness",
|
|
1251
1378
|
"key": "btn-hover-brightness",
|
|
@@ -1273,6 +1400,33 @@ export const tokens = {
|
|
|
1273
1400
|
"description": "Icon size inside af-btn.",
|
|
1274
1401
|
"value": "1.25rem"
|
|
1275
1402
|
},
|
|
1403
|
+
{
|
|
1404
|
+
"name": "--af-btn-info-border",
|
|
1405
|
+
"key": "btn-info-border",
|
|
1406
|
+
"category": "component",
|
|
1407
|
+
"group": "component",
|
|
1408
|
+
"kind": "static",
|
|
1409
|
+
"description": "Info filled af-btn border. Unset by default; falls back to --af-btn-border.",
|
|
1410
|
+
"value": "initial"
|
|
1411
|
+
},
|
|
1412
|
+
{
|
|
1413
|
+
"name": "--af-btn-info-border-focus",
|
|
1414
|
+
"key": "btn-info-border-focus",
|
|
1415
|
+
"category": "component",
|
|
1416
|
+
"group": "component",
|
|
1417
|
+
"kind": "static",
|
|
1418
|
+
"description": "Info filled af-btn focus border. Unset by default; falls back to the rest border.",
|
|
1419
|
+
"value": "initial"
|
|
1420
|
+
},
|
|
1421
|
+
{
|
|
1422
|
+
"name": "--af-btn-info-border-hover",
|
|
1423
|
+
"key": "btn-info-border-hover",
|
|
1424
|
+
"category": "component",
|
|
1425
|
+
"group": "component",
|
|
1426
|
+
"kind": "static",
|
|
1427
|
+
"description": "Info filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1428
|
+
"value": "initial"
|
|
1429
|
+
},
|
|
1276
1430
|
{
|
|
1277
1431
|
"name": "--af-btn-min-height",
|
|
1278
1432
|
"key": "btn-min-height",
|
|
@@ -1298,9 +1452,9 @@ export const tokens = {
|
|
|
1298
1452
|
},
|
|
1299
1453
|
"hex": {
|
|
1300
1454
|
"light": "#d7e9fa",
|
|
1301
|
-
"dark": "#
|
|
1455
|
+
"dark": "#13263d",
|
|
1302
1456
|
"hc-light": "#d7e9fa",
|
|
1303
|
-
"hc-dark": "#
|
|
1457
|
+
"hc-dark": "#192938"
|
|
1304
1458
|
}
|
|
1305
1459
|
},
|
|
1306
1460
|
{
|
|
@@ -1319,9 +1473,9 @@ export const tokens = {
|
|
|
1319
1473
|
},
|
|
1320
1474
|
"hex": {
|
|
1321
1475
|
"light": "#0876dd",
|
|
1322
|
-
"dark": "#
|
|
1476
|
+
"dark": "#1678d4",
|
|
1323
1477
|
"hc-light": "#0876dd",
|
|
1324
|
-
"hc-dark": "#
|
|
1478
|
+
"hc-dark": "#1678d4"
|
|
1325
1479
|
}
|
|
1326
1480
|
},
|
|
1327
1481
|
{
|
|
@@ -1340,9 +1494,9 @@ export const tokens = {
|
|
|
1340
1494
|
},
|
|
1341
1495
|
"hex": {
|
|
1342
1496
|
"light": "#0876dd",
|
|
1343
|
-
"dark": "#
|
|
1497
|
+
"dark": "#1678d4",
|
|
1344
1498
|
"hc-light": "#0876dd",
|
|
1345
|
-
"hc-dark": "#
|
|
1499
|
+
"hc-dark": "#1678d4"
|
|
1346
1500
|
}
|
|
1347
1501
|
},
|
|
1348
1502
|
{
|
|
@@ -1361,9 +1515,9 @@ export const tokens = {
|
|
|
1361
1515
|
},
|
|
1362
1516
|
"hex": {
|
|
1363
1517
|
"light": "#0768c2",
|
|
1364
|
-
"dark": "#
|
|
1518
|
+
"dark": "#136abb",
|
|
1365
1519
|
"hc-light": "#0768c2",
|
|
1366
|
-
"hc-dark": "#
|
|
1520
|
+
"hc-dark": "#136abb"
|
|
1367
1521
|
}
|
|
1368
1522
|
},
|
|
1369
1523
|
{
|
|
@@ -1382,9 +1536,9 @@ export const tokens = {
|
|
|
1382
1536
|
},
|
|
1383
1537
|
"hex": {
|
|
1384
1538
|
"light": "#e1effb",
|
|
1385
|
-
"dark": "#
|
|
1539
|
+
"dark": "#122236",
|
|
1386
1540
|
"hc-light": "#e1effb",
|
|
1387
|
-
"hc-dark": "#
|
|
1541
|
+
"hc-dark": "#1a2530"
|
|
1388
1542
|
}
|
|
1389
1543
|
},
|
|
1390
1544
|
{
|
|
@@ -1456,6 +1610,33 @@ export const tokens = {
|
|
|
1456
1610
|
"hc-dark": "#dbe1f4"
|
|
1457
1611
|
}
|
|
1458
1612
|
},
|
|
1613
|
+
{
|
|
1614
|
+
"name": "--af-btn-secondary-border",
|
|
1615
|
+
"key": "btn-secondary-border",
|
|
1616
|
+
"category": "component",
|
|
1617
|
+
"group": "component",
|
|
1618
|
+
"kind": "static",
|
|
1619
|
+
"description": "Secondary filled af-btn border. Unset by default; falls back to --af-btn-border.",
|
|
1620
|
+
"value": "initial"
|
|
1621
|
+
},
|
|
1622
|
+
{
|
|
1623
|
+
"name": "--af-btn-secondary-border-focus",
|
|
1624
|
+
"key": "btn-secondary-border-focus",
|
|
1625
|
+
"category": "component",
|
|
1626
|
+
"group": "component",
|
|
1627
|
+
"kind": "static",
|
|
1628
|
+
"description": "Secondary filled af-btn focus border. Unset by default; falls back to the rest border.",
|
|
1629
|
+
"value": "initial"
|
|
1630
|
+
},
|
|
1631
|
+
{
|
|
1632
|
+
"name": "--af-btn-secondary-border-hover",
|
|
1633
|
+
"key": "btn-secondary-border-hover",
|
|
1634
|
+
"category": "component",
|
|
1635
|
+
"group": "component",
|
|
1636
|
+
"kind": "static",
|
|
1637
|
+
"description": "Secondary filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1638
|
+
"value": "initial"
|
|
1639
|
+
},
|
|
1459
1640
|
{
|
|
1460
1641
|
"name": "--af-btn-secondary-color",
|
|
1461
1642
|
"key": "btn-secondary-color",
|
|
@@ -1498,6 +1679,87 @@ export const tokens = {
|
|
|
1498
1679
|
"hc-dark": "#c1c6d7"
|
|
1499
1680
|
}
|
|
1500
1681
|
},
|
|
1682
|
+
{
|
|
1683
|
+
"name": "--af-btn-success-border",
|
|
1684
|
+
"key": "btn-success-border",
|
|
1685
|
+
"category": "component",
|
|
1686
|
+
"group": "component",
|
|
1687
|
+
"kind": "static",
|
|
1688
|
+
"description": "Success filled af-btn border. Unset by default; falls back to --af-btn-border.",
|
|
1689
|
+
"value": "initial"
|
|
1690
|
+
},
|
|
1691
|
+
{
|
|
1692
|
+
"name": "--af-btn-success-border-focus",
|
|
1693
|
+
"key": "btn-success-border-focus",
|
|
1694
|
+
"category": "component",
|
|
1695
|
+
"group": "component",
|
|
1696
|
+
"kind": "static",
|
|
1697
|
+
"description": "Success filled af-btn focus border. Unset by default; falls back to the rest border.",
|
|
1698
|
+
"value": "initial"
|
|
1699
|
+
},
|
|
1700
|
+
{
|
|
1701
|
+
"name": "--af-btn-success-border-hover",
|
|
1702
|
+
"key": "btn-success-border-hover",
|
|
1703
|
+
"category": "component",
|
|
1704
|
+
"group": "component",
|
|
1705
|
+
"kind": "static",
|
|
1706
|
+
"description": "Success filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1707
|
+
"value": "initial"
|
|
1708
|
+
},
|
|
1709
|
+
{
|
|
1710
|
+
"name": "--af-btn-tertiary-border",
|
|
1711
|
+
"key": "btn-tertiary-border",
|
|
1712
|
+
"category": "component",
|
|
1713
|
+
"group": "component",
|
|
1714
|
+
"kind": "static",
|
|
1715
|
+
"description": "Tertiary filled af-btn border. Unset by default; falls back to --af-btn-border.",
|
|
1716
|
+
"value": "initial"
|
|
1717
|
+
},
|
|
1718
|
+
{
|
|
1719
|
+
"name": "--af-btn-tertiary-border-focus",
|
|
1720
|
+
"key": "btn-tertiary-border-focus",
|
|
1721
|
+
"category": "component",
|
|
1722
|
+
"group": "component",
|
|
1723
|
+
"kind": "static",
|
|
1724
|
+
"description": "Tertiary filled af-btn focus border. Unset by default; falls back to the rest border.",
|
|
1725
|
+
"value": "initial"
|
|
1726
|
+
},
|
|
1727
|
+
{
|
|
1728
|
+
"name": "--af-btn-tertiary-border-hover",
|
|
1729
|
+
"key": "btn-tertiary-border-hover",
|
|
1730
|
+
"category": "component",
|
|
1731
|
+
"group": "component",
|
|
1732
|
+
"kind": "static",
|
|
1733
|
+
"description": "Tertiary filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1734
|
+
"value": "initial"
|
|
1735
|
+
},
|
|
1736
|
+
{
|
|
1737
|
+
"name": "--af-btn-warning-border",
|
|
1738
|
+
"key": "btn-warning-border",
|
|
1739
|
+
"category": "component",
|
|
1740
|
+
"group": "component",
|
|
1741
|
+
"kind": "static",
|
|
1742
|
+
"description": "Warning filled af-btn border. Unset by default; falls back to --af-btn-border.",
|
|
1743
|
+
"value": "initial"
|
|
1744
|
+
},
|
|
1745
|
+
{
|
|
1746
|
+
"name": "--af-btn-warning-border-focus",
|
|
1747
|
+
"key": "btn-warning-border-focus",
|
|
1748
|
+
"category": "component",
|
|
1749
|
+
"group": "component",
|
|
1750
|
+
"kind": "static",
|
|
1751
|
+
"description": "Warning filled af-btn focus border. Unset by default; falls back to the rest border.",
|
|
1752
|
+
"value": "initial"
|
|
1753
|
+
},
|
|
1754
|
+
{
|
|
1755
|
+
"name": "--af-btn-warning-border-hover",
|
|
1756
|
+
"key": "btn-warning-border-hover",
|
|
1757
|
+
"category": "component",
|
|
1758
|
+
"group": "component",
|
|
1759
|
+
"kind": "static",
|
|
1760
|
+
"description": "Warning filled af-btn hover border. Unset by default; falls back to the rest border.",
|
|
1761
|
+
"value": "initial"
|
|
1762
|
+
},
|
|
1501
1763
|
{
|
|
1502
1764
|
"name": "--af-card-border-width",
|
|
1503
1765
|
"key": "card-border-width",
|
|
@@ -1577,9 +1839,9 @@ export const tokens = {
|
|
|
1577
1839
|
},
|
|
1578
1840
|
"hex": {
|
|
1579
1841
|
"light": "#0876dd",
|
|
1580
|
-
"dark": "#
|
|
1842
|
+
"dark": "#1678d4",
|
|
1581
1843
|
"hc-light": "#0876dd",
|
|
1582
|
-
"hc-dark": "#
|
|
1844
|
+
"hc-dark": "#1678d4"
|
|
1583
1845
|
}
|
|
1584
1846
|
},
|
|
1585
1847
|
{
|
|
@@ -1598,9 +1860,9 @@ export const tokens = {
|
|
|
1598
1860
|
},
|
|
1599
1861
|
"hex": {
|
|
1600
1862
|
"light": "#0761b5",
|
|
1601
|
-
"dark": "#
|
|
1863
|
+
"dark": "#1262ae",
|
|
1602
1864
|
"hc-light": "#0761b5",
|
|
1603
|
-
"hc-dark": "#
|
|
1865
|
+
"hc-dark": "#1262ae"
|
|
1604
1866
|
}
|
|
1605
1867
|
},
|
|
1606
1868
|
{
|
|
@@ -1619,9 +1881,9 @@ export const tokens = {
|
|
|
1619
1881
|
},
|
|
1620
1882
|
"hex": {
|
|
1621
1883
|
"light": "#04417a",
|
|
1622
|
-
"dark": "#
|
|
1884
|
+
"dark": "#7fb5e7",
|
|
1623
1885
|
"hc-light": "#04417a",
|
|
1624
|
-
"hc-dark": "#
|
|
1886
|
+
"hc-dark": "#7fb5e7"
|
|
1625
1887
|
}
|
|
1626
1888
|
},
|
|
1627
1889
|
{
|
|
@@ -1640,9 +1902,9 @@ export const tokens = {
|
|
|
1640
1902
|
},
|
|
1641
1903
|
"hex": {
|
|
1642
1904
|
"light": "#0768c2",
|
|
1643
|
-
"dark": "#
|
|
1905
|
+
"dark": "#136abb",
|
|
1644
1906
|
"hc-light": "#0768c2",
|
|
1645
|
-
"hc-dark": "#
|
|
1907
|
+
"hc-dark": "#136abb"
|
|
1646
1908
|
}
|
|
1647
1909
|
},
|
|
1648
1910
|
{
|
|
@@ -1661,9 +1923,9 @@ export const tokens = {
|
|
|
1661
1923
|
},
|
|
1662
1924
|
"hex": {
|
|
1663
1925
|
"light": "#e1effb",
|
|
1664
|
-
"dark": "#
|
|
1926
|
+
"dark": "#122236",
|
|
1665
1927
|
"hc-light": "#e1effb",
|
|
1666
|
-
"hc-dark": "#
|
|
1928
|
+
"hc-dark": "#1a2530"
|
|
1667
1929
|
}
|
|
1668
1930
|
},
|
|
1669
1931
|
{
|
|
@@ -1994,9 +2256,9 @@ export const tokens = {
|
|
|
1994
2256
|
},
|
|
1995
2257
|
"hex": {
|
|
1996
2258
|
"light": "#0876dd",
|
|
1997
|
-
"dark": "#
|
|
2259
|
+
"dark": "#1678d4",
|
|
1998
2260
|
"hc-light": "#0876dd",
|
|
1999
|
-
"hc-dark": "#
|
|
2261
|
+
"hc-dark": "#1678d4"
|
|
2000
2262
|
}
|
|
2001
2263
|
},
|
|
2002
2264
|
{
|
|
@@ -2480,9 +2742,9 @@ export const tokens = {
|
|
|
2480
2742
|
},
|
|
2481
2743
|
"hex": {
|
|
2482
2744
|
"light": "#0876dd",
|
|
2483
|
-
"dark": "#
|
|
2745
|
+
"dark": "#1678d4",
|
|
2484
2746
|
"hc-light": "#0876dd",
|
|
2485
|
-
"hc-dark": "#
|
|
2747
|
+
"hc-dark": "#1678d4"
|
|
2486
2748
|
}
|
|
2487
2749
|
},
|
|
2488
2750
|
{
|
|
@@ -2501,9 +2763,9 @@ export const tokens = {
|
|
|
2501
2763
|
},
|
|
2502
2764
|
"hex": {
|
|
2503
2765
|
"light": "#0761b5",
|
|
2504
|
-
"dark": "#
|
|
2766
|
+
"dark": "#1262ae",
|
|
2505
2767
|
"hc-light": "#0761b5",
|
|
2506
|
-
"hc-dark": "#
|
|
2768
|
+
"hc-dark": "#1262ae"
|
|
2507
2769
|
}
|
|
2508
2770
|
},
|
|
2509
2771
|
{
|
|
@@ -2522,9 +2784,9 @@ export const tokens = {
|
|
|
2522
2784
|
},
|
|
2523
2785
|
"hex": {
|
|
2524
2786
|
"light": "#04417a",
|
|
2525
|
-
"dark": "#
|
|
2787
|
+
"dark": "#7fb5e7",
|
|
2526
2788
|
"hc-light": "#04417a",
|
|
2527
|
-
"hc-dark": "#
|
|
2789
|
+
"hc-dark": "#7fb5e7"
|
|
2528
2790
|
}
|
|
2529
2791
|
},
|
|
2530
2792
|
{
|
|
@@ -2543,9 +2805,9 @@ export const tokens = {
|
|
|
2543
2805
|
},
|
|
2544
2806
|
"hex": {
|
|
2545
2807
|
"light": "#0768c2",
|
|
2546
|
-
"dark": "#
|
|
2808
|
+
"dark": "#136abb",
|
|
2547
2809
|
"hc-light": "#0768c2",
|
|
2548
|
-
"hc-dark": "#
|
|
2810
|
+
"hc-dark": "#136abb"
|
|
2549
2811
|
}
|
|
2550
2812
|
},
|
|
2551
2813
|
{
|
|
@@ -2564,9 +2826,9 @@ export const tokens = {
|
|
|
2564
2826
|
},
|
|
2565
2827
|
"hex": {
|
|
2566
2828
|
"light": "#e1effb",
|
|
2567
|
-
"dark": "#
|
|
2829
|
+
"dark": "#122236",
|
|
2568
2830
|
"hc-light": "#e1effb",
|
|
2569
|
-
"hc-dark": "#
|
|
2831
|
+
"hc-dark": "#1a2530"
|
|
2570
2832
|
}
|
|
2571
2833
|
},
|
|
2572
2834
|
{
|
|
@@ -3884,9 +4146,9 @@ export const tokens = {
|
|
|
3884
4146
|
},
|
|
3885
4147
|
"hex": {
|
|
3886
4148
|
"light": "#0876dd",
|
|
3887
|
-
"dark": "#
|
|
4149
|
+
"dark": "#1678d4",
|
|
3888
4150
|
"hc-light": "#0876dd",
|
|
3889
|
-
"hc-dark": "#
|
|
4151
|
+
"hc-dark": "#1678d4"
|
|
3890
4152
|
}
|
|
3891
4153
|
},
|
|
3892
4154
|
{
|
|
@@ -4037,9 +4299,9 @@ export const tokens = {
|
|
|
4037
4299
|
},
|
|
4038
4300
|
"hex": {
|
|
4039
4301
|
"light": "#0876dd",
|
|
4040
|
-
"dark": "#
|
|
4302
|
+
"dark": "#1678d4",
|
|
4041
4303
|
"hc-light": "#0876dd",
|
|
4042
|
-
"hc-dark": "#
|
|
4304
|
+
"hc-dark": "#1678d4"
|
|
4043
4305
|
}
|
|
4044
4306
|
},
|
|
4045
4307
|
{
|
|
@@ -4183,6 +4445,24 @@ export const tokens = {
|
|
|
4183
4445
|
"description": "Tight line-height (headings). Prefer --af-type-*-leading on roles.",
|
|
4184
4446
|
"value": "1.15"
|
|
4185
4447
|
},
|
|
4448
|
+
{
|
|
4449
|
+
"name": "--af-link-decoration",
|
|
4450
|
+
"key": "link-decoration",
|
|
4451
|
+
"category": "component",
|
|
4452
|
+
"group": "component",
|
|
4453
|
+
"kind": "static",
|
|
4454
|
+
"description": "Default text-decoration for a / .af-link (underline). Override to restyle links.",
|
|
4455
|
+
"value": "underline"
|
|
4456
|
+
},
|
|
4457
|
+
{
|
|
4458
|
+
"name": "--af-link-hover-decoration",
|
|
4459
|
+
"key": "link-hover-decoration",
|
|
4460
|
+
"category": "component",
|
|
4461
|
+
"group": "component",
|
|
4462
|
+
"kind": "static",
|
|
4463
|
+
"description": "Link text-decoration on hover.",
|
|
4464
|
+
"value": "underline"
|
|
4465
|
+
},
|
|
4186
4466
|
{
|
|
4187
4467
|
"name": "--af-link-hover-primary",
|
|
4188
4468
|
"key": "link-hover-primary",
|
|
@@ -4199,9 +4479,9 @@ export const tokens = {
|
|
|
4199
4479
|
},
|
|
4200
4480
|
"hex": {
|
|
4201
4481
|
"light": "#0768c2",
|
|
4202
|
-
"dark": "#
|
|
4482
|
+
"dark": "#136abb",
|
|
4203
4483
|
"hc-light": "#0768c2",
|
|
4204
|
-
"hc-dark": "#
|
|
4484
|
+
"hc-dark": "#136abb"
|
|
4205
4485
|
}
|
|
4206
4486
|
},
|
|
4207
4487
|
{
|
|
@@ -4220,9 +4500,9 @@ export const tokens = {
|
|
|
4220
4500
|
},
|
|
4221
4501
|
"hex": {
|
|
4222
4502
|
"light": "#0876dd",
|
|
4223
|
-
"dark": "#
|
|
4503
|
+
"dark": "#1678d4",
|
|
4224
4504
|
"hc-light": "#0876dd",
|
|
4225
|
-
"hc-dark": "#
|
|
4505
|
+
"hc-dark": "#1678d4"
|
|
4226
4506
|
}
|
|
4227
4507
|
},
|
|
4228
4508
|
{
|