@bcc-code/design-tokens 5.1.44 → 5.1.46

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.
@@ -364,6 +364,47 @@ export default {
364
364
  "color": "{color.text.inverse}"
365
365
  }
366
366
  },
367
+ "blockui": {
368
+ "border": {
369
+ "radius": "{content.border.radius}"
370
+ }
371
+ },
372
+ "breadcrumb": {
373
+ "padding": "{space.200}",
374
+ "background": "{content.background}",
375
+ "gap": "{space.50}",
376
+ "item": {
377
+ "color": "{text.muted.color}",
378
+ "hover": {
379
+ "color": "{text.color}"
380
+ },
381
+ "icon": {
382
+ "color": "{navigation.item.icon.color}",
383
+ "hover": {
384
+ "color": "{navigation.item.icon.focus.color}"
385
+ }
386
+ },
387
+ "border": {
388
+ "radius": "{border-radius.full}"
389
+ },
390
+ "focus": {
391
+ "ring": {
392
+ "width": "{focus.ring.width}",
393
+ "style": "{focus.ring.style}",
394
+ "color": "{focus.ring.color}",
395
+ "offset": "{focus.ring.offset}",
396
+ "shadow": "{focus.ring.shadow}"
397
+ }
398
+ },
399
+ "gap": "{navigation.item.gap}"
400
+ },
401
+ "separator": {
402
+ "color": "{navigation.item.icon.color}"
403
+ },
404
+ "transition": {
405
+ "duration": "{transition.duration}"
406
+ }
407
+ },
367
408
  "button": {
368
409
  "border": {
369
410
  "radius": "{border-radius.md}"
@@ -851,6 +892,191 @@ export default {
851
892
  }
852
893
  }
853
894
  },
895
+ "card": {
896
+ "background": "{content.background}",
897
+ "border": {
898
+ "radius": "{border.radius.xl}"
899
+ },
900
+ "color": "{content.color}",
901
+ "shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
902
+ "body": {
903
+ "padding": "{space.250}",
904
+ "gap": "{space.100}"
905
+ },
906
+ "caption": {
907
+ "gap": "{space.100}"
908
+ },
909
+ "title": {
910
+ "font": {
911
+ "size": "{font-size.xl}",
912
+ "weight": "{font-weight.medium}"
913
+ }
914
+ },
915
+ "subtitle": {
916
+ "color": "{text.muted.color}"
917
+ }
918
+ },
919
+ "carousel": {
920
+ "content": {
921
+ "gap": "{space.50}"
922
+ },
923
+ "indicator": {
924
+ "list": {
925
+ "padding": "{space.100}",
926
+ "gap": "{space.100}"
927
+ },
928
+ "width": "{space.400}",
929
+ "height": "{space.100}",
930
+ "border": {
931
+ "radius": "{border-radius.sm}"
932
+ },
933
+ "focus": {
934
+ "ring": {
935
+ "width": "{focus.ring.width}",
936
+ "offset": "{focus.ring.offset}",
937
+ "style": "{focus.ring.style}",
938
+ "color": "{color.border.focused}",
939
+ "shadow": "{focus.ring.shadow}"
940
+ }
941
+ },
942
+ "background": "{color.background.accent.gray.default}",
943
+ "hover": {
944
+ "background": "{color.background.accent.gray.hover}"
945
+ },
946
+ "active": {
947
+ "background": "{color.background.selected.bold.default}"
948
+ }
949
+ },
950
+ "transition": {
951
+ "duration": "{transition.duration}"
952
+ }
953
+ },
954
+ "cascadeselect": {
955
+ "background": "{form.field.background}",
956
+ "disabled": {
957
+ "background": "{form.field.disabled.background}",
958
+ "color": "{form.field.disabled.color}"
959
+ },
960
+ "filled": {
961
+ "background": "{form.field.filled.background}",
962
+ "focus": {
963
+ "background": "{form.field.filled.focus.background}"
964
+ },
965
+ "hover": {
966
+ "background": "{form.field.filled.hover.background}"
967
+ }
968
+ },
969
+ "border": {
970
+ "color": "{form.field.border.color}",
971
+ "radius": "{form.field.border.radius}"
972
+ },
973
+ "hover": {
974
+ "border": {
975
+ "color": "{form.field.hover.border.color}"
976
+ }
977
+ },
978
+ "focus": {
979
+ "border": {
980
+ "color": "{form.field.focus.border.color}"
981
+ },
982
+ "ring": {
983
+ "width": "{form.field.focus.ring.width}",
984
+ "style": "{form.field.focus.ring.style}",
985
+ "color": "{form.field.focus.ring.color}",
986
+ "offset": "{form.field.focus.ring.offset}",
987
+ "shadow": "{form.field.focus.ring.shadow}"
988
+ }
989
+ },
990
+ "invalid": {
991
+ "border": {
992
+ "color": "{form.field.invalid.border.color}"
993
+ },
994
+ "placeholder": {
995
+ "color": "{form.field.invalid.placeholder.color}"
996
+ }
997
+ },
998
+ "color": "{form.field.color}",
999
+ "placeholder": {
1000
+ "color": "{form.field.placeholder.color}"
1001
+ },
1002
+ "shadow": "{form.field.shadow}",
1003
+ "padding": {
1004
+ "x": "{form.field.padding.x}",
1005
+ "y": "{form.field.padding.y}"
1006
+ },
1007
+ "dropdown": {
1008
+ "width": "{space.500}",
1009
+ "color": "{form.field.icon.color}"
1010
+ },
1011
+ "overlay": {
1012
+ "background": "{overlay.select.background}",
1013
+ "border": {
1014
+ "color": "{overlay.select.border.color}",
1015
+ "radius": "{overlay.select.border.radius}"
1016
+ },
1017
+ "color": "{overlay.select.color}",
1018
+ "shadow": "{overlay.select.shadow}"
1019
+ },
1020
+ "list": {
1021
+ "padding": "{list.padding}",
1022
+ "gap": "{list.gap}",
1023
+ "mobile": {
1024
+ "indent": "1rem"
1025
+ }
1026
+ },
1027
+ "option": {
1028
+ "focus": {
1029
+ "background": "{list.option.focus.background}",
1030
+ "color": "{list.option.focus.color}"
1031
+ },
1032
+ "selected": {
1033
+ "background": "{list.option.selected.background}",
1034
+ "focus": {
1035
+ "background": "{list.option.selected.focus.background}",
1036
+ "color": "{list.option.selected.focus.color}"
1037
+ },
1038
+ "color": "{list.option.selected.color}"
1039
+ },
1040
+ "color": "{list.option.color}",
1041
+ "padding": "{list.option.padding}",
1042
+ "border": {
1043
+ "radius": "{list.option.border.radius}"
1044
+ },
1045
+ "icon": {
1046
+ "color": "{list.option.icon.color}",
1047
+ "focus": {
1048
+ "color": "{list.option.icon.focus.color}"
1049
+ },
1050
+ "size": "{space.150}"
1051
+ }
1052
+ },
1053
+ "sm": {
1054
+ "font": {
1055
+ "size": "{form.field.sm.font.size}"
1056
+ },
1057
+ "padding": {
1058
+ "x": "{form.field.sm.padding.x}",
1059
+ "y": "{form.field.sm.padding.y}"
1060
+ }
1061
+ },
1062
+ "lg": {
1063
+ "font": {
1064
+ "size": "{form.field.lg.font.size}"
1065
+ },
1066
+ "padding": {
1067
+ "x": "{form.field.lg.padding.x}",
1068
+ "y": "{form.field.lg.padding.y}"
1069
+ }
1070
+ },
1071
+ "clear": {
1072
+ "icon": {
1073
+ "color": "{form.field.icon.color}"
1074
+ }
1075
+ },
1076
+ "transition": {
1077
+ "duration": "{form.field.transition.duration}"
1078
+ }
1079
+ },
854
1080
  "checkbox": {
855
1081
  "border": {
856
1082
  "radius": "{border-radius.xs}",
@@ -979,85 +1205,1328 @@ export default {
979
1205
  "background": "{color.background.accent.gray.default}",
980
1206
  "color": "{color.text.default}"
981
1207
  },
982
- "divider": {
983
- "border": {
984
- "color": "{color.background.alpha.subtle.default}"
985
- },
986
- "content": {
987
- "background": "{color.transparent}",
988
- "color": "{color.text.default}"
989
- },
990
- "horizontal": {
991
- "margin": "{space.200} 0",
992
- "padding": "{space.100}",
993
- "content": {
994
- "padding": "0 {space.100}"
1208
+ "colorpicker": {
1209
+ "preview": {
1210
+ "width": "{space.300}",
1211
+ "height": "{space.300}",
1212
+ "border": {
1213
+ "radius": "{form.field.border.radius}"
1214
+ },
1215
+ "focus": {
1216
+ "ring": {
1217
+ "width": "{focus.ring.width}",
1218
+ "style": "{focus.ring.style}",
1219
+ "color": "{focus.ring.color}",
1220
+ "offset": "{focus.ring.offset}",
1221
+ "shadow": "{focus.ring.shadow}"
1222
+ }
995
1223
  }
996
1224
  },
997
- "vertical": {
998
- "margin": "0 {space.200}",
999
- "padding": "{space.100}",
1000
- "content": {
1001
- "padding": "{space.100} 0"
1002
- }
1003
- }
1004
- },
1005
- "inputgroup": {
1006
- "addon": {
1007
- "background": "{color.elevation.surface.default}",
1225
+ "panel": {
1008
1226
  "border": {
1009
- "color": "{color.border.default}",
1010
- "radius": "{border-radius.sm}"
1227
+ "radius": "{overlay.popover.border.radius}",
1228
+ "color": "{surface.900}"
1011
1229
  },
1012
- "color": "{color.text.subtle}",
1013
- "padding": "{space.100}",
1014
- "min": {
1015
- "width": "{space.500}"
1016
- }
1230
+ "shadow": "{overlay.popover.shadow}",
1231
+ "background": "{surface.800}"
1232
+ },
1233
+ "handle": {
1234
+ "color": "{surface.0}"
1017
1235
  }
1018
1236
  },
1019
- "inputtext": {
1020
- "background": "{color.elevation.surface.default}",
1021
- "disabled": {
1022
- "background": "{color.background.disabled.default}",
1023
- "color": "{color.text.disabled}"
1237
+ "confirmdialog": {
1238
+ "icon": {
1239
+ "size": "{space.400}",
1240
+ "color": "{color.icon.default}"
1024
1241
  },
1025
- "filled": {
1026
- "background": "{color.background.accent.gray.subtler.default}",
1027
- "focus": {
1028
- "background": "{color.background.accent.gray.subtler.default}"
1029
- },
1030
- "hover": {
1031
- "background": "{color.background.accent.gray.subtler.default}"
1032
- }
1242
+ "content": {
1243
+ "gap": "{space.200}"
1244
+ }
1245
+ },
1246
+ "confirmpopup": {
1247
+ "background": "{overlay.popover.background}",
1248
+ "border": {
1249
+ "color": "{overlay.popover.border.color}",
1250
+ "radius": "{overlay.popover.border.radius}"
1251
+ },
1252
+ "color": "{overlay.popover.color}",
1253
+ "shadow": "{overlay.popover.shadow}",
1254
+ "gutter": "{space.100}",
1255
+ "arrow": {
1256
+ "offset": "{space.250}"
1257
+ },
1258
+ "content": {
1259
+ "padding": "{overlay.popover.padding}",
1260
+ "gap": "{space.100}"
1033
1261
  },
1262
+ "icon": {
1263
+ "size": "{space.300}",
1264
+ "color": "{overlay.popover.color}"
1265
+ },
1266
+ "footer": {
1267
+ "gap": "{space.100}",
1268
+ "padding": "{space.150} 0 {space.150} {space.150}"
1269
+ }
1270
+ },
1271
+ "contextmenu": {
1272
+ "background": "{content.background}",
1034
1273
  "border": {
1035
1274
  "color": "{color.border.default}",
1036
1275
  "radius": "{border-radius.sm}"
1037
1276
  },
1038
- "hover": {
1039
- "border": {
1040
- "color": "{color.border.input}"
1041
- }
1277
+ "color": "{content.color}",
1278
+ "shadow": "{overlay.navigation.shadow}",
1279
+ "list": {
1280
+ "padding": "{navigation.list.padding}",
1281
+ "gap": "{navigation.list.gap}"
1042
1282
  },
1043
- "focus": {
1283
+ "item": {
1284
+ "focus": {
1285
+ "background": "{navigation.item.focus.background}",
1286
+ "color": "{navigation.item.focus.color}"
1287
+ },
1288
+ "active": {
1289
+ "background": "{navigation.item.active.background}",
1290
+ "color": "{navigation.item.active.color}"
1291
+ },
1292
+ "color": "{navigation.item.color}",
1293
+ "padding": "{space.100} {space.150}",
1044
1294
  "border": {
1045
- "color": "{color.border.focused}"
1295
+ "radius": "{border-radius.xs}"
1046
1296
  },
1047
- "ring": {
1048
- "width": "{form.field.focus.ring.width}",
1049
- "style": "{form.field.focus.ring.style}",
1050
- "color": "{color.transparent}",
1051
- "offset": "{form.field.focus.ring.offset}",
1052
- "shadow": "{form.field.focus.ring.shadow}"
1297
+ "gap": "{space.100}",
1298
+ "icon": {
1299
+ "color": "{color.icon.default}",
1300
+ "focus": {
1301
+ "color": "{color.icon.default}"
1302
+ },
1303
+ "active": {
1304
+ "color": "{navigation.item.icon.active.color}"
1305
+ }
1053
1306
  }
1054
1307
  },
1055
- "invalid": {
1056
- "border": {
1057
- "color": "{color.border.danger}"
1308
+ "submenu": {
1309
+ "icon": {
1310
+ "size": "{icon-size.xs}",
1311
+ "color": "{navigation.submenu.icon.color}",
1312
+ "focus": {
1313
+ "color": "{navigation.submenu.icon.focus.color}"
1314
+ },
1315
+ "active": {
1316
+ "color": "{navigation.submenu.icon.active.color}"
1317
+ }
1058
1318
  },
1059
- "placeholder": {
1060
- "color": "{color.text.danger}"
1319
+ "mobile": {
1320
+ "indent": "{space.200}"
1321
+ }
1322
+ },
1323
+ "separator": {
1324
+ "border": {
1325
+ "color": "{color.border.default}"
1326
+ }
1327
+ },
1328
+ "transition": {
1329
+ "duration": "{transition.duration}"
1330
+ }
1331
+ },
1332
+ "datatable": {
1333
+ "header": {
1334
+ "background": "{content.background}",
1335
+ "border": {
1336
+ "color": "{datatable.border.color}",
1337
+ "width": "{border-width.1}"
1338
+ },
1339
+ "color": "{content.color}",
1340
+ "padding": "0.75rem 1rem",
1341
+ "cell": {
1342
+ "background": "{content.background}",
1343
+ "hover": {
1344
+ "background": "{content.hover.background}",
1345
+ "color": "{content.hover.color}"
1346
+ },
1347
+ "selected": {
1348
+ "background": "{highlight.background}",
1349
+ "color": "{highlight.color}"
1350
+ },
1351
+ "border": {
1352
+ "color": "{datatable.border.color}"
1353
+ },
1354
+ "color": "{content.color}",
1355
+ "gap": "{space.100}",
1356
+ "padding": "0.75rem 1rem",
1357
+ "focus": {
1358
+ "ring": {
1359
+ "width": "{focus.ring.width}",
1360
+ "offset": "-1px",
1361
+ "style": "{focus.ring.style}",
1362
+ "color": "{focus.ring.color}",
1363
+ "shadow": "{focus.ring.shadow}"
1364
+ }
1365
+ },
1366
+ "sm": {
1367
+ "padding": "0.375rem 0.5rem"
1368
+ },
1369
+ "lg": {
1370
+ "padding": "1rem 1.25rem"
1371
+ }
1372
+ },
1373
+ "sm": {
1374
+ "padding": "0.375rem 0.5rem"
1375
+ },
1376
+ "lg": {
1377
+ "padding": "1rem 1.25rem"
1378
+ }
1379
+ },
1380
+ "column": {
1381
+ "title": {
1382
+ "font": {
1383
+ "weight": "{font-weight.medium}"
1384
+ }
1385
+ },
1386
+ "footer": {
1387
+ "font": {
1388
+ "weight": "{font-weight.medium}"
1389
+ }
1390
+ },
1391
+ "resizer": {
1392
+ "width": "{space.100}"
1393
+ }
1394
+ },
1395
+ "row": {
1396
+ "background": "{content.background}",
1397
+ "hover": {
1398
+ "background": "{content.hover.background}",
1399
+ "color": "{content.hover.color}"
1400
+ },
1401
+ "selected": {
1402
+ "background": "{highlight.background}",
1403
+ "color": "{highlight.color}"
1404
+ },
1405
+ "color": "{content.color}",
1406
+ "focus": {
1407
+ "ring": {
1408
+ "width": "{focus.ring.width}",
1409
+ "offset": "-1px",
1410
+ "color": "{focus.ring.color}",
1411
+ "shadow": "{focus.ring.shadow}",
1412
+ "style": "{focus.ring.style}"
1413
+ }
1414
+ },
1415
+ "toggle": {
1416
+ "button": {
1417
+ "hover": {
1418
+ "background": "{content.hover.background}",
1419
+ "color": "{text.color}"
1420
+ },
1421
+ "selected": {
1422
+ "hover": {
1423
+ "background": "{content.background}",
1424
+ "color": "{primary.color}"
1425
+ }
1426
+ },
1427
+ "color": "{text.muted.color}",
1428
+ "size": "{space.300}",
1429
+ "border": {
1430
+ "radius": "{datatable.row.toggle.button.size} / 2"
1431
+ },
1432
+ "focus": {
1433
+ "ring": {
1434
+ "width": "{focus.ring.width}",
1435
+ "style": "{focus.ring.style}",
1436
+ "offset": "{focus.ring.offset}",
1437
+ "color": "{focus.ring.color}",
1438
+ "shadow": "{focus.ring.shadow}"
1439
+ }
1440
+ }
1441
+ }
1442
+ },
1443
+ "striped": {
1444
+ "background": "{surface.50}"
1445
+ }
1446
+ },
1447
+ "body": {
1448
+ "cell": {
1449
+ "border": {
1450
+ "color": "{datatable.border.color}"
1451
+ },
1452
+ "padding": "0.75rem 1rem",
1453
+ "sm": {
1454
+ "padding": "0.375rem 0.5rem"
1455
+ },
1456
+ "lg": {
1457
+ "padding": "1rem 1.25rem"
1458
+ },
1459
+ "selected": {
1460
+ "border": {
1461
+ "color": "{primary.100}"
1462
+ }
1463
+ }
1464
+ }
1465
+ },
1466
+ "footer": {
1467
+ "cell": {
1468
+ "background": "{content.background}",
1469
+ "border": {
1470
+ "color": "{datatable.border.color}"
1471
+ },
1472
+ "color": "{content.color}",
1473
+ "padding": "0.75rem 1rem",
1474
+ "sm": {
1475
+ "padding": "0.375rem 0.5rem"
1476
+ },
1477
+ "lg": {
1478
+ "padding": "1rem 1.25rem"
1479
+ }
1480
+ },
1481
+ "background": "{content.background}",
1482
+ "border": {
1483
+ "color": "{datatable.border.color}",
1484
+ "width": "{border-width.1}"
1485
+ },
1486
+ "color": "{content.color}",
1487
+ "padding": "0.75rem 1rem",
1488
+ "sm": {
1489
+ "padding": "0.375rem 0.5rem"
1490
+ },
1491
+ "lg": {
1492
+ "padding": "1rem 1.25rem"
1493
+ }
1494
+ },
1495
+ "drop": {
1496
+ "point": {
1497
+ "color": "{primary.color}"
1498
+ }
1499
+ },
1500
+ "resize": {
1501
+ "indicator": {
1502
+ "width": "{space.25}",
1503
+ "color": "{primary.color}"
1504
+ }
1505
+ },
1506
+ "sort": {
1507
+ "icon": {
1508
+ "color": "{text.muted.color}",
1509
+ "hover": {
1510
+ "color": "{text.hover.muted.color}"
1511
+ },
1512
+ "size": "{space.150}"
1513
+ }
1514
+ },
1515
+ "loading": {
1516
+ "icon": {
1517
+ "size": "{space.400}"
1518
+ }
1519
+ },
1520
+ "filter": {
1521
+ "inline": {
1522
+ "gap": "{space.100}"
1523
+ },
1524
+ "overlay": {
1525
+ "select": {
1526
+ "background": "{overlay.select.background}",
1527
+ "border": {
1528
+ "color": "{overlay.select.border.color}",
1529
+ "radius": "{overlay.select.border.radius}"
1530
+ },
1531
+ "color": "{overlay.select.color}",
1532
+ "shadow": "{overlay.select.shadow}"
1533
+ },
1534
+ "popover": {
1535
+ "background": "{overlay.popover.background}",
1536
+ "border": {
1537
+ "color": "{overlay.popover.border.color}",
1538
+ "radius": "{overlay.popover.border.radius}"
1539
+ },
1540
+ "color": "{overlay.popover.color}",
1541
+ "shadow": "{overlay.popover.shadow}",
1542
+ "padding": "{overlay.popover.padding}",
1543
+ "gap": "{space.100}"
1544
+ }
1545
+ },
1546
+ "rule": {
1547
+ "border": {
1548
+ "color": "{content.border.color}"
1549
+ }
1550
+ },
1551
+ "constraint": {
1552
+ "list": {
1553
+ "padding": "{list.padding}",
1554
+ "gap": "{list.gap}"
1555
+ },
1556
+ "focus": {
1557
+ "background": "{list.option.focus.background}",
1558
+ "color": "{list.option.focus.color}"
1559
+ },
1560
+ "selected": {
1561
+ "background": "{list.option.selected.background}",
1562
+ "focus": {
1563
+ "background": "{list.option.selected.focus.background}",
1564
+ "color": "{list.option.selected.focus.color}"
1565
+ },
1566
+ "color": "{list.option.selected.color}"
1567
+ },
1568
+ "color": "{list.option.color}",
1569
+ "separator": {
1570
+ "border": {
1571
+ "color": "{content.border.color}"
1572
+ }
1573
+ },
1574
+ "padding": "{list.option.padding}",
1575
+ "border": {
1576
+ "radius": "{list.option.border.radius}"
1577
+ }
1578
+ }
1579
+ },
1580
+ "paginator": {
1581
+ "top": {
1582
+ "border": {
1583
+ "color": "{datatable.border.color}",
1584
+ "width": "{border-width.1}"
1585
+ }
1586
+ },
1587
+ "bottom": {
1588
+ "border": {
1589
+ "color": "{datatable.border.color}",
1590
+ "width": "{border-width.1}"
1591
+ }
1592
+ }
1593
+ },
1594
+ "transition": {
1595
+ "duration": "{transition.duration}"
1596
+ },
1597
+ "border": {
1598
+ "color": "{content.border.color}"
1599
+ }
1600
+ },
1601
+ "dataview": {
1602
+ "border": {
1603
+ "color": "rgba(0, 0, 0, 0)",
1604
+ "width": "{border-width.0}",
1605
+ "radius": "0"
1606
+ },
1607
+ "padding": "{space.0}",
1608
+ "header": {
1609
+ "background": "{content.background}",
1610
+ "color": "{content.color}",
1611
+ "border": {
1612
+ "color": "{content.border.color}",
1613
+ "width": "{border-width.1}",
1614
+ "radius": "0"
1615
+ },
1616
+ "padding": "0.75rem 1rem"
1617
+ },
1618
+ "content": {
1619
+ "background": "{content.background}",
1620
+ "color": "{content.color}",
1621
+ "border": {
1622
+ "color": "rgba(0, 0, 0, 0)",
1623
+ "radius": "0",
1624
+ "width": "{border-width.0}"
1625
+ },
1626
+ "padding": "{space.0}"
1627
+ },
1628
+ "footer": {
1629
+ "background": "{content.background}",
1630
+ "color": "{content.color}",
1631
+ "border": {
1632
+ "color": "{content.border.color}",
1633
+ "width": "{border-width.1}",
1634
+ "radius": "0"
1635
+ },
1636
+ "padding": "0.75rem 1rem"
1637
+ },
1638
+ "paginator": {
1639
+ "top": {
1640
+ "border": {
1641
+ "color": "{color.border.default}",
1642
+ "width": "{border-width.1}"
1643
+ }
1644
+ },
1645
+ "bottom": {
1646
+ "border": {
1647
+ "width": "{border-width.1}",
1648
+ "color": "{content.border.color}"
1649
+ }
1650
+ }
1651
+ }
1652
+ },
1653
+ "datepicker": {
1654
+ "panel": {
1655
+ "background": "{color.elevation.surface.default}",
1656
+ "border": {
1657
+ "color": "{color.border.default}",
1658
+ "radius": "{border-radius.sm}"
1659
+ },
1660
+ "color": "{color.text.default}",
1661
+ "shadow": "{overlay.popover.shadow}",
1662
+ "padding": "{space.200} {space.150}"
1663
+ },
1664
+ "header": {
1665
+ "background": "{color.elevation.surface.default}",
1666
+ "border": {
1667
+ "color": "{color.border.default}"
1668
+ },
1669
+ "color": "{color.text.default}",
1670
+ "padding": "{space.0} {space.100} {space.0} {space.0}"
1671
+ },
1672
+ "title": {
1673
+ "gap": "{space.100}",
1674
+ "font": {
1675
+ "weight": "{font-weight.medium}"
1676
+ }
1677
+ },
1678
+ "dropdown": {
1679
+ "width": "{space.500}",
1680
+ "border": {
1681
+ "color": "{color.border.default}",
1682
+ "radius": "{border-radius.sm}"
1683
+ },
1684
+ "hover": {
1685
+ "border": {
1686
+ "color": "{color.border.default}"
1687
+ },
1688
+ "background": "{color.background.accent.gray.subtle.hover}",
1689
+ "color": "{color.text.subtle}"
1690
+ },
1691
+ "active": {
1692
+ "border": {
1693
+ "color": "{color.background.accent.gray.subtle.pressed}"
1694
+ },
1695
+ "background": "{color.background.accent.gray.subtle.pressed}",
1696
+ "color": "{color.text.default}"
1697
+ },
1698
+ "focus": {
1699
+ "ring": {
1700
+ "width": "{focus.ring.width}",
1701
+ "style": "{focus.ring.style}",
1702
+ "color": "{color.border.focused}",
1703
+ "offset": "{focus.ring.offset}",
1704
+ "shadow": "{focus.ring.shadow}"
1705
+ }
1706
+ },
1707
+ "sm": {
1708
+ "width": "{space.400}"
1709
+ },
1710
+ "lg": {
1711
+ "width": "{space.500}"
1712
+ },
1713
+ "background": "{color.background.accent.gray.subtle.default}",
1714
+ "color": "{color.text.subtlest}"
1715
+ },
1716
+ "input": {
1717
+ "icon": {
1718
+ "color": "{color.icon.subtlest}"
1719
+ }
1720
+ },
1721
+ "select": {
1722
+ "month": {
1723
+ "hover": {
1724
+ "background": "{color.background.accent.gray.subtler.hover}",
1725
+ "color": "{color.text.default}"
1726
+ },
1727
+ "color": "{color.text.default}",
1728
+ "padding": "{space.50} {space.100}",
1729
+ "border": {
1730
+ "radius": "{border-radius.sm}"
1731
+ }
1732
+ },
1733
+ "year": {
1734
+ "hover": {
1735
+ "background": "{color.background.accent.gray.subtler.hover}",
1736
+ "color": "{color.text.default}"
1737
+ },
1738
+ "color": "{color.text.default}",
1739
+ "padding": "{space.50} {space.100}",
1740
+ "border": {
1741
+ "radius": "{border-radius.sm}"
1742
+ }
1743
+ }
1744
+ },
1745
+ "group": {
1746
+ "border": {
1747
+ "color": "{color.border.default}"
1748
+ },
1749
+ "gap": "{space.200} {space.150}"
1750
+ },
1751
+ "day": {
1752
+ "view": {
1753
+ "margin": "{space.100} {space.0} {space.0} {space.0}"
1754
+ }
1755
+ },
1756
+ "week": {
1757
+ "day": {
1758
+ "padding": "{space.50}",
1759
+ "font": {
1760
+ "weight": "{font-weight.medium}"
1761
+ },
1762
+ "color": "{color.text.subtlest}"
1763
+ }
1764
+ },
1765
+ "date": {
1766
+ "hover": {
1767
+ "background": "{color.background.accent.gray.subtle.hover}",
1768
+ "color": "{color.text.default}"
1769
+ },
1770
+ "selected": {
1771
+ "background": "{color.background.brand.bolder.default}",
1772
+ "color": "{color.text.inverse}"
1773
+ },
1774
+ "range": {
1775
+ "selected": {
1776
+ "background": "{color.background.selected.default}",
1777
+ "color": "{color.text.selected}"
1778
+ }
1779
+ },
1780
+ "color": "{color.text.default}",
1781
+ "width": "{space.400}",
1782
+ "height": "{space.400}",
1783
+ "border": {
1784
+ "radius": "{border-radius.full}"
1785
+ },
1786
+ "padding": "{space.50}",
1787
+ "focus": {
1788
+ "ring": {
1789
+ "width": "{focus.ring.width}",
1790
+ "style": "{focus.ring.style}",
1791
+ "color": "{color.border.focused}",
1792
+ "offset": "{focus.ring.offset}",
1793
+ "shadow": "{focus.ring.shadow}"
1794
+ }
1795
+ }
1796
+ },
1797
+ "month": {
1798
+ "view": {
1799
+ "margin": "{space.100} {space.0} {space.0} {space.0}"
1800
+ },
1801
+ "border": {
1802
+ "radius": "{border-radius.sm}"
1803
+ },
1804
+ "padding": "{space.75}"
1805
+ },
1806
+ "year": {
1807
+ "view": {
1808
+ "margin": "{space.100} {space.0} {space.0} {space.0}"
1809
+ },
1810
+ "border": {
1811
+ "radius": "{border-radius.sm}"
1812
+ },
1813
+ "padding": "{space.75}"
1814
+ },
1815
+ "buttonbar": {
1816
+ "padding": "{space.100} {space.0} {space.0} {space.0}",
1817
+ "border": {
1818
+ "color": "{color.border.default}"
1819
+ }
1820
+ },
1821
+ "time": {
1822
+ "picker": {
1823
+ "padding": "{space.100} {space.0} {space.0} {space.0}",
1824
+ "border": {
1825
+ "color": "{color.border.default}"
1826
+ },
1827
+ "gap": "{space.100}",
1828
+ "button": {
1829
+ "gap": "{space.50}"
1830
+ }
1831
+ }
1832
+ },
1833
+ "transition": {
1834
+ "duration": "{transition.duration}"
1835
+ },
1836
+ "today": {
1837
+ "background": "{color.background.accent.gray.default}",
1838
+ "color": "{color.text.default}"
1839
+ }
1840
+ },
1841
+ "dialog": {
1842
+ "background": "{color.elevation.surface.overlay.default}",
1843
+ "color": "{color.text.default}",
1844
+ "border": {
1845
+ "color": "{color.border.default}",
1846
+ "radius": "{border-radius.lg}"
1847
+ },
1848
+ "shadow": "{overlay.modal.shadow}",
1849
+ "header": {
1850
+ "padding": "{space.200}",
1851
+ "gap": "{space.100}"
1852
+ },
1853
+ "title": {
1854
+ "font": {
1855
+ "size": "{font-size.lg}",
1856
+ "weight": "{font-weight.medium}"
1857
+ }
1858
+ },
1859
+ "content": {
1860
+ "padding": "0 {space.200} {space.200} {space.200}"
1861
+ },
1862
+ "footer": {
1863
+ "padding": "0 {space.200} {space.200} {space.200}",
1864
+ "gap": "{space.100}"
1865
+ }
1866
+ },
1867
+ "divider": {
1868
+ "border": {
1869
+ "color": "{color.background.alpha.subtle.default}"
1870
+ },
1871
+ "content": {
1872
+ "background": "{color.transparent}",
1873
+ "color": "{color.text.default}"
1874
+ },
1875
+ "horizontal": {
1876
+ "margin": "{space.200} 0",
1877
+ "padding": "{space.100}",
1878
+ "content": {
1879
+ "padding": "0 {space.100}"
1880
+ }
1881
+ },
1882
+ "vertical": {
1883
+ "margin": "0 {space.200}",
1884
+ "padding": "{space.100}",
1885
+ "content": {
1886
+ "padding": "{space.100} 0"
1887
+ }
1888
+ }
1889
+ },
1890
+ "dock": {
1891
+ "background": "rgba(255, 255, 255, 0.1)",
1892
+ "border": {
1893
+ "color": "rgba(255, 255, 255, 0.2)",
1894
+ "radius": "{border.radius.xl}"
1895
+ },
1896
+ "padding": "{space.100}",
1897
+ "item": {
1898
+ "border": {
1899
+ "radius": "{content.border.radius}"
1900
+ },
1901
+ "padding": "{space.100}",
1902
+ "size": "{space.500}",
1903
+ "focus": {
1904
+ "ring": {
1905
+ "width": "{focus.ring.width}",
1906
+ "offset": "{focus.ring.offset}",
1907
+ "style": "{focus.ring.style}",
1908
+ "color": "{focus.ring.color}",
1909
+ "shadow": "{focus.ring.shadow}"
1910
+ }
1911
+ }
1912
+ }
1913
+ },
1914
+ "drawer": {
1915
+ "background": "{overlay.modal.background}",
1916
+ "border": {
1917
+ "color": "{overlay.modal.border.color}",
1918
+ "radius": "{overlay.modal.border.radius}"
1919
+ },
1920
+ "color": "{overlay.modal.color}",
1921
+ "shadow": "{overlay.modal.shadow}",
1922
+ "header": {
1923
+ "padding": "{overlay.modal.padding}"
1924
+ },
1925
+ "title": {
1926
+ "font": {
1927
+ "weight": "{font-weight.medium}",
1928
+ "size": "{font-size.2xl}"
1929
+ }
1930
+ },
1931
+ "content": {
1932
+ "padding": "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}"
1933
+ },
1934
+ "footer": {
1935
+ "padding": "{overlay.modal.padding}"
1936
+ }
1937
+ },
1938
+ "editor": {
1939
+ "toolbar": {
1940
+ "background": "{content.background}",
1941
+ "border": {
1942
+ "color": "{content.border.color}",
1943
+ "radius": "{content.border.radius}"
1944
+ },
1945
+ "item": {
1946
+ "color": "{text.muted.color}",
1947
+ "hover": {
1948
+ "color": "{text.color}"
1949
+ },
1950
+ "active": {
1951
+ "color": "{primary.color}"
1952
+ }
1953
+ }
1954
+ },
1955
+ "overlay": {
1956
+ "background": "{overlay.select.background}",
1957
+ "border": {
1958
+ "color": "{overlay.select.border.color}",
1959
+ "radius": "{overlay.select.border.radius}"
1960
+ },
1961
+ "color": "{overlay.select.color}",
1962
+ "shadow": "{overlay.select.shadow}",
1963
+ "padding": "{list.padding}",
1964
+ "option": {
1965
+ "focus": {
1966
+ "background": "{list.option.focus.background}",
1967
+ "color": "{list.option.focus.color}"
1968
+ },
1969
+ "color": "{list.option.color}",
1970
+ "padding": "{list.option.padding}",
1971
+ "border": {
1972
+ "radius": "{list.option.border.radius}"
1973
+ }
1974
+ }
1975
+ },
1976
+ "content": {
1977
+ "background": "{content.background}",
1978
+ "border": {
1979
+ "color": "{content.border.color}",
1980
+ "radius": "{content.border.radius}"
1981
+ },
1982
+ "color": "{content.color}"
1983
+ }
1984
+ },
1985
+ "fieldset": {
1986
+ "background": "{content.background}",
1987
+ "border": {
1988
+ "color": "{content.border.color}",
1989
+ "radius": "{content.border.radius}"
1990
+ },
1991
+ "color": "{content.color}",
1992
+ "padding": "1.125rem 1.125rem 1.125rem 1.125rem",
1993
+ "legend": {
1994
+ "background": "{content.background}",
1995
+ "hover": {
1996
+ "background": "{content.hover.background}",
1997
+ "color": "{content.hover.color}"
1998
+ },
1999
+ "color": "{content.color}",
2000
+ "border": {
2001
+ "radius": "{content.border.radius}",
2002
+ "width": "{border-width.1}",
2003
+ "color": "rgba(0, 0, 0, 0)"
2004
+ },
2005
+ "padding": "0.5rem 0.75rem",
2006
+ "gap": "{space.100}",
2007
+ "font": {
2008
+ "weight": "{font-weight.medium}"
2009
+ },
2010
+ "focus": {
2011
+ "ring": {
2012
+ "width": "{focus.ring.width}",
2013
+ "style": "{focus.ring.style}",
2014
+ "color": "{focus.ring.color}",
2015
+ "offset": "{focus.ring.offset}",
2016
+ "shadow": "{focus.ring.shadow}"
2017
+ }
2018
+ }
2019
+ },
2020
+ "toggle": {
2021
+ "icon": {
2022
+ "color": "{text.muted.color}",
2023
+ "hover": {
2024
+ "color": "{text.hover.muted.color}"
2025
+ }
2026
+ }
2027
+ },
2028
+ "content": {
2029
+ "padding": "{space.0}"
2030
+ },
2031
+ "transition": {
2032
+ "duration": "{transition.duration}"
2033
+ }
2034
+ },
2035
+ "fileupload": {
2036
+ "background": "{content.background}",
2037
+ "border": {
2038
+ "color": "{content.border.color}",
2039
+ "radius": "{content.border.radius}"
2040
+ },
2041
+ "color": "{content.color}",
2042
+ "header": {
2043
+ "background": "rgba(0, 0, 0, 0)",
2044
+ "color": "{text.color}",
2045
+ "padding": "{space.200}",
2046
+ "border": {
2047
+ "width": "{border-width.0}",
2048
+ "radius": "0",
2049
+ "color": "rgba(0, 0, 0, 0)"
2050
+ },
2051
+ "gap": "{space.100}",
2052
+ "stroke": "0 solid rgba(0, 0, 0, 0)"
2053
+ },
2054
+ "content": {
2055
+ "highlight": {
2056
+ "border": {
2057
+ "color": "{primary.color}"
2058
+ }
2059
+ },
2060
+ "padding": "0 1.125rem 1.125rem 1.125rem",
2061
+ "gap": "{space.200}"
2062
+ },
2063
+ "file": {
2064
+ "padding": "{space.200}",
2065
+ "gap": "{space.200}",
2066
+ "border": {
2067
+ "color": "{content.border.color}"
2068
+ },
2069
+ "info": {
2070
+ "gap": "{space.100}"
2071
+ },
2072
+ "list": {
2073
+ "gap": "{space.100}"
2074
+ }
2075
+ },
2076
+ "progressbar": {
2077
+ "height": "{space.50}"
2078
+ },
2079
+ "basic": {
2080
+ "gap": "{space.100}"
2081
+ },
2082
+ "transition": {
2083
+ "duration": "{transition.duration}"
2084
+ }
2085
+ },
2086
+ "floatlabel": {
2087
+ "color": "{color.text.subtlest}",
2088
+ "focus": {
2089
+ "color": "{color.text.subtlest}"
2090
+ },
2091
+ "invalid": {
2092
+ "color": "{color.text.danger}"
2093
+ },
2094
+ "active": {
2095
+ "color": "{color.text.default}",
2096
+ "font": {
2097
+ "size": "{font-size.xs}",
2098
+ "weight": "{font-weight.regular}"
2099
+ }
2100
+ },
2101
+ "transition": {
2102
+ "duration": "0.2s"
2103
+ },
2104
+ "position": {
2105
+ "x": "{space.150}",
2106
+ "y": "{space.50}"
2107
+ },
2108
+ "font": {
2109
+ "weight": "{font-weight.medium}"
2110
+ },
2111
+ "over": {
2112
+ "active": {
2113
+ "top": "{space.negative.250}"
2114
+ }
2115
+ },
2116
+ "in": {
2117
+ "input": {
2118
+ "padding": {
2119
+ "top": "{space.300}",
2120
+ "bottom": "{space.50}"
2121
+ }
2122
+ },
2123
+ "active": {
2124
+ "top": "{space.50}"
2125
+ }
2126
+ },
2127
+ "on": {
2128
+ "border": {
2129
+ "radius": "{border-radius.2xs}"
2130
+ },
2131
+ "active": {
2132
+ "background": "{color.elevation.surface.default}",
2133
+ "padding": "{space.0} {space.25}"
2134
+ }
2135
+ }
2136
+ },
2137
+ "galleria": {
2138
+ "border": {
2139
+ "width": "{border-width.1}",
2140
+ "color": "{content.border.color}",
2141
+ "radius": "{content.border.radius}"
2142
+ },
2143
+ "nav": {
2144
+ "button": {
2145
+ "background": "rgba(255, 255, 255, 0.1)",
2146
+ "hover": {
2147
+ "background": "rgba(255, 255, 255, 0.2)",
2148
+ "color": "{surface.0}"
2149
+ },
2150
+ "color": "{surface.100}",
2151
+ "size": "{space.500}",
2152
+ "gutter": "0.5rem",
2153
+ "prev": {
2154
+ "border": {
2155
+ "radius": "{galleria.nav.button.size} / 2"
2156
+ }
2157
+ },
2158
+ "next": {
2159
+ "border": {
2160
+ "radius": "{galleria.nav.button.size} / 2"
2161
+ }
2162
+ },
2163
+ "focus": {
2164
+ "ring": {
2165
+ "width": "{focus.ring.width}",
2166
+ "style": "{focus.ring.style}",
2167
+ "color": "{focus.ring.color}",
2168
+ "offset": "{focus.ring.offset}",
2169
+ "shadow": "{focus.ring.shadow}"
2170
+ }
2171
+ }
2172
+ },
2173
+ "icon": {
2174
+ "size": "{space.300}"
2175
+ }
2176
+ },
2177
+ "thumbnails": {
2178
+ "content": {
2179
+ "background": "{content.background}",
2180
+ "padding": "1rem 0.25rem"
2181
+ }
2182
+ },
2183
+ "thumbnail": {
2184
+ "nav": {
2185
+ "button": {
2186
+ "size": "{space.400}",
2187
+ "border": {
2188
+ "radius": "{content.border.radius}"
2189
+ },
2190
+ "gutter": "0.5rem",
2191
+ "focus": {
2192
+ "ring": {
2193
+ "width": "{focus.ring.width}",
2194
+ "style": "{focus.ring.style}",
2195
+ "color": "{focus.ring.color}",
2196
+ "offset": "{focus.ring.offset}",
2197
+ "shadow": "{focus.ring.shadow}"
2198
+ }
2199
+ },
2200
+ "icon": {
2201
+ "size": "{space.200}"
2202
+ },
2203
+ "hover": {
2204
+ "background": "{surface.100}",
2205
+ "color": "{surface.700}"
2206
+ },
2207
+ "color": "{surface.600}"
2208
+ }
2209
+ }
2210
+ },
2211
+ "caption": {
2212
+ "background": "rgba(0, 0, 0, 0.5)",
2213
+ "color": "{surface.100}",
2214
+ "padding": "{space.200}"
2215
+ },
2216
+ "indicator": {
2217
+ "list": {
2218
+ "gap": "{space.100}",
2219
+ "padding": "{space.200}"
2220
+ },
2221
+ "button": {
2222
+ "width": "{space.200}",
2223
+ "height": "{space.200}",
2224
+ "active": {
2225
+ "background": "{primary.color}"
2226
+ },
2227
+ "border": {
2228
+ "radius": "{galleria.indicator.button.width} / 2"
2229
+ },
2230
+ "focus": {
2231
+ "ring": {
2232
+ "width": "{focus.ring.width}",
2233
+ "offset": "{focus.ring.offset}",
2234
+ "style": "{focus.ring.style}",
2235
+ "color": "{focus.ring.color}",
2236
+ "shadow": "{focus.ring.shadow}"
2237
+ }
2238
+ },
2239
+ "background": "{surface.200}",
2240
+ "hover": {
2241
+ "background": "{surface.300}"
2242
+ }
2243
+ }
2244
+ },
2245
+ "inset": {
2246
+ "indicator": {
2247
+ "list": {
2248
+ "background": "rgba(0, 0, 0, 0.5)"
2249
+ },
2250
+ "button": {
2251
+ "background": "rgba(255, 255, 255, 0.4)",
2252
+ "hover": {
2253
+ "background": "rgba(255, 255, 255, 0.6)"
2254
+ },
2255
+ "active": {
2256
+ "background": "rgba(255, 255, 255, 0.9)"
2257
+ }
2258
+ }
2259
+ }
2260
+ },
2261
+ "close": {
2262
+ "button": {
2263
+ "size": "{space.500}",
2264
+ "gutter": "0.5rem",
2265
+ "background": "rgba(255, 255, 255, 0.1)",
2266
+ "hover": {
2267
+ "background": "rgba(255, 255, 255, 0.2)",
2268
+ "color": "{surface.0}"
2269
+ },
2270
+ "color": "{surface.50}",
2271
+ "border": {
2272
+ "radius": "{galleria.close.button.size} / 2"
2273
+ },
2274
+ "focus": {
2275
+ "ring": {
2276
+ "width": "{focus.ring.width}",
2277
+ "offset": "{focus.ring.offset}",
2278
+ "style": "{focus.ring.style}",
2279
+ "color": "{focus.ring.color}",
2280
+ "shadow": "{focus.ring.shadow}"
2281
+ }
2282
+ },
2283
+ "icon": {
2284
+ "size": "{space.300}"
2285
+ }
2286
+ }
2287
+ },
2288
+ "transition": {
2289
+ "duration": "{transition.duration}"
2290
+ }
2291
+ },
2292
+ "iconfield": {
2293
+ "icon": {
2294
+ "color": "{color.icon.subtlest}"
2295
+ }
2296
+ },
2297
+ "iftalabel": {
2298
+ "color": "{color.text.subtlest}",
2299
+ "focus": {
2300
+ "color": "{color.text.subtlest}"
2301
+ },
2302
+ "invalid": {
2303
+ "color": "{color.text.danger}"
2304
+ },
2305
+ "transition": {
2306
+ "duration": "0.2s"
2307
+ },
2308
+ "position": {
2309
+ "x": "{space.150}"
2310
+ },
2311
+ "top": "{space.50}",
2312
+ "font": {
2313
+ "size": "{font-size.xs}",
2314
+ "weight": "{font-weight.regular}"
2315
+ },
2316
+ "input": {
2317
+ "padding": {
2318
+ "top": "{space.300}",
2319
+ "bottom": "{space.50}"
2320
+ }
2321
+ }
2322
+ },
2323
+ "image": {
2324
+ "preview": {
2325
+ "icon": {
2326
+ "size": "{space.300}"
2327
+ },
2328
+ "mask": {
2329
+ "background": "{color.background.alpha.bold.default}",
2330
+ "color": "{color.icon.inverse}"
2331
+ }
2332
+ },
2333
+ "toolbar": {
2334
+ "background": "rgba(255, 255, 255, 0.1)",
2335
+ "border": {
2336
+ "color": "rgba(255, 255, 255, 0.2)",
2337
+ "width": "{border-width.1}",
2338
+ "radius": "{border-radius.full}"
2339
+ },
2340
+ "padding": "{space.100}",
2341
+ "gap": "{space.100}",
2342
+ "position": {
2343
+ "right": "{space.200}",
2344
+ "top": "{space.200}",
2345
+ "left": "auto",
2346
+ "bottom": "auto"
2347
+ },
2348
+ "blur": "8"
2349
+ },
2350
+ "action": {
2351
+ "hover": {
2352
+ "background": "{color.background.alpha.subtler.hover}",
2353
+ "color": "{color.icon.inverse}"
2354
+ },
2355
+ "color": "{color.icon.inverse}",
2356
+ "size": "{space.500}",
2357
+ "icon": {
2358
+ "size": "{space.300}"
2359
+ },
2360
+ "border": {
2361
+ "radius": "{border-radius.full}"
2362
+ },
2363
+ "focus": {
2364
+ "ring": {
2365
+ "width": "{focus.ring.width}",
2366
+ "offset": "{focus.ring.offset}",
2367
+ "style": "{focus.ring.style}",
2368
+ "color": "{color.border.focused}",
2369
+ "shadow": "{focus.ring.shadow}"
2370
+ }
2371
+ }
2372
+ },
2373
+ "transition": {
2374
+ "duration": "{transition.duration}"
2375
+ }
2376
+ },
2377
+ "imagecompare": {
2378
+ "handle": {
2379
+ "size": "{space.150}",
2380
+ "hover": {
2381
+ "size": "{space.300}",
2382
+ "background": "rgba(255, 255, 255, 0.3)",
2383
+ "border": {
2384
+ "color": "{color.transparent}"
2385
+ }
2386
+ },
2387
+ "background": "rgba(255, 255, 255, 0.3)",
2388
+ "border": {
2389
+ "color": "{color.transparent}",
2390
+ "width": "{border-width.0}",
2391
+ "radius": "{imagecompare.handle.size} / 2"
2392
+ },
2393
+ "focus": {
2394
+ "ring": {
2395
+ "width": "{focus.ring.width}",
2396
+ "offset": "{focus.ring.offset}",
2397
+ "style": "{focus.ring.style}",
2398
+ "color": "rgba(255, 255, 255, 0.3)",
2399
+ "shadow": "{focus.ring.shadow}"
2400
+ }
2401
+ },
2402
+ "transition": {
2403
+ "duration": "{transition.duration}"
2404
+ }
2405
+ }
2406
+ },
2407
+ "inplace": {
2408
+ "padding": "{form.field.padding.y} {form.field.padding.x}",
2409
+ "border": {
2410
+ "radius": "{content.border.radius}"
2411
+ },
2412
+ "focus": {
2413
+ "ring": {
2414
+ "width": "{focus.ring.width}",
2415
+ "offset": "{focus.ring.offset}",
2416
+ "style": "{focus.ring.style}",
2417
+ "color": "{focus.ring.color}",
2418
+ "shadow": "{focus.ring.shadow}"
2419
+ }
2420
+ },
2421
+ "display": {
2422
+ "hover": {
2423
+ "background": "{content.hover.background}",
2424
+ "color": "{content.hover.color}"
2425
+ }
2426
+ },
2427
+ "transition": {
2428
+ "duration": "{transition.duration}"
2429
+ }
2430
+ },
2431
+ "inputgroup": {
2432
+ "addon": {
2433
+ "background": "{color.elevation.surface.default}",
2434
+ "border": {
2435
+ "color": "{color.border.default}",
2436
+ "radius": "{border-radius.sm}"
2437
+ },
2438
+ "color": "{color.text.subtle}",
2439
+ "padding": "{space.100}",
2440
+ "min": {
2441
+ "width": "{space.500}"
2442
+ }
2443
+ }
2444
+ },
2445
+ "inputnumber": {
2446
+ "button": {
2447
+ "width": "{space.500}",
2448
+ "border": {
2449
+ "radius": "{border-radius.sm}",
2450
+ "color": "{form.field.border.color}"
2451
+ },
2452
+ "vertical": {
2453
+ "padding": "{form.field.padding.y}"
2454
+ },
2455
+ "background": "rgba(0, 0, 0, 0)",
2456
+ "hover": {
2457
+ "background": "{surface.100}",
2458
+ "border": {
2459
+ "color": "{form.field.border.color}"
2460
+ },
2461
+ "color": "{surface.500}"
2462
+ },
2463
+ "active": {
2464
+ "background": "{surface.200}",
2465
+ "border": {
2466
+ "color": "{form.field.border.color}"
2467
+ },
2468
+ "color": "{surface.600}"
2469
+ },
2470
+ "color": "{surface.400}"
2471
+ },
2472
+ "transition": {
2473
+ "duration": "{transition.duration}"
2474
+ }
2475
+ },
2476
+ "inputotp": {
2477
+ "input": {
2478
+ "width": "{space.500}",
2479
+ "sm": {
2480
+ "width": "{space.400}"
2481
+ },
2482
+ "lg": {
2483
+ "width": "{space.500}"
2484
+ }
2485
+ },
2486
+ "gap": "{space.100}"
2487
+ },
2488
+ "inputtext": {
2489
+ "background": "{color.elevation.surface.default}",
2490
+ "disabled": {
2491
+ "background": "{color.background.disabled.default}",
2492
+ "color": "{color.text.disabled}"
2493
+ },
2494
+ "filled": {
2495
+ "background": "{color.background.accent.gray.subtler.default}",
2496
+ "focus": {
2497
+ "background": "{color.background.accent.gray.subtler.default}"
2498
+ },
2499
+ "hover": {
2500
+ "background": "{color.background.accent.gray.subtler.default}"
2501
+ }
2502
+ },
2503
+ "border": {
2504
+ "color": "{color.border.default}",
2505
+ "radius": "{border-radius.sm}"
2506
+ },
2507
+ "hover": {
2508
+ "border": {
2509
+ "color": "{color.border.input}"
2510
+ }
2511
+ },
2512
+ "focus": {
2513
+ "border": {
2514
+ "color": "{color.border.focused}"
2515
+ },
2516
+ "ring": {
2517
+ "width": "{form.field.focus.ring.width}",
2518
+ "style": "{form.field.focus.ring.style}",
2519
+ "color": "{color.transparent}",
2520
+ "offset": "{form.field.focus.ring.offset}",
2521
+ "shadow": "{form.field.focus.ring.shadow}"
2522
+ }
2523
+ },
2524
+ "invalid": {
2525
+ "border": {
2526
+ "color": "{color.border.danger}"
2527
+ },
2528
+ "placeholder": {
2529
+ "color": "{color.text.danger}"
1061
2530
  }
1062
2531
  },
1063
2532
  "color": "{color.text.default}",
@@ -1091,6 +2560,29 @@ export default {
1091
2560
  "duration": "{form.field.transition.duration}"
1092
2561
  }
1093
2562
  },
2563
+ "knob": {
2564
+ "focus": {
2565
+ "ring": {
2566
+ "width": "{focus.ring.width}",
2567
+ "offset": "{focus.ring.offset}",
2568
+ "color": "{focus.ring.color}",
2569
+ "style": "{focus.ring.style}",
2570
+ "shadow": "{focus.ring.shadow}"
2571
+ }
2572
+ },
2573
+ "value": {
2574
+ "background": "{primary.color}"
2575
+ },
2576
+ "range": {
2577
+ "background": "{content.border.color}"
2578
+ },
2579
+ "text": {
2580
+ "color": "{text.muted.color}"
2581
+ },
2582
+ "transition": {
2583
+ "duration": "{transition.duration}"
2584
+ }
2585
+ },
1094
2586
  "listbox": {
1095
2587
  "background": "{color.elevation.surface.default}",
1096
2588
  "disabled": {
@@ -1106,59 +2598,321 @@ export default {
1106
2598
  "color": "{color.border.danger}"
1107
2599
  }
1108
2600
  },
1109
- "color": "{color.elevation.surface.default}",
1110
- "shadow": "{form.field.shadow}",
1111
- "list": {
1112
- "padding": "{space.100}",
1113
- "gap": "{space.25}",
1114
- "header": {
1115
- "padding": "{space.100}"
2601
+ "color": "{color.elevation.surface.default}",
2602
+ "shadow": "{form.field.shadow}",
2603
+ "list": {
2604
+ "padding": "{space.100}",
2605
+ "gap": "{space.25}",
2606
+ "header": {
2607
+ "padding": "{space.100}"
2608
+ }
2609
+ },
2610
+ "option": {
2611
+ "focus": {
2612
+ "background": "{color.background.accent.gray.subtle.hover}",
2613
+ "color": "{color.text.default}"
2614
+ },
2615
+ "selected": {
2616
+ "background": "{color.background.brand.subtlest.default}",
2617
+ "focus": {
2618
+ "background": "{color.background.brand.subtler.default}",
2619
+ "color": "{color.text.selected}"
2620
+ },
2621
+ "color": "{color.text.selected}"
2622
+ },
2623
+ "color": "{color.text.subtle}",
2624
+ "padding": "{space.100} {space.150}",
2625
+ "border": {
2626
+ "radius": "{border-radius.xs}"
2627
+ },
2628
+ "group": {
2629
+ "background": "{color.elevation.surface.default}",
2630
+ "color": "{color.text.subtlest}",
2631
+ "font": {
2632
+ "weight": "{list.option.group.font.weight}"
2633
+ },
2634
+ "padding": "{space.100} {space.150}"
2635
+ },
2636
+ "striped": {
2637
+ "background": "{surface.50}"
2638
+ }
2639
+ },
2640
+ "checkmark": {
2641
+ "color": "{color.icon.subtle}",
2642
+ "gutter": {
2643
+ "start": "{space.negative.75}",
2644
+ "end": "{space.75}"
2645
+ }
2646
+ },
2647
+ "empty": {
2648
+ "message": {
2649
+ "padding": "{space.100} {space.150}"
2650
+ }
2651
+ },
2652
+ "transition": {
2653
+ "duration": "{form.field.transition.duration}"
2654
+ }
2655
+ },
2656
+ "megamenu": {
2657
+ "background": "{content.background}",
2658
+ "border": {
2659
+ "color": "{content.border.color}",
2660
+ "radius": "{border-radius.sm}"
2661
+ },
2662
+ "color": "{content.color}",
2663
+ "gap": "{space.100}",
2664
+ "vertical": {
2665
+ "orientation": {
2666
+ "padding": "{navigation.list.padding}",
2667
+ "gap": "{navigation.list.gap}"
2668
+ }
2669
+ },
2670
+ "horizontal": {
2671
+ "orientation": {
2672
+ "padding": "0.5rem 0.75rem",
2673
+ "gap": "{space.100}"
2674
+ }
2675
+ },
2676
+ "base": {
2677
+ "item": {
2678
+ "border": {
2679
+ "radius": "{content.border.radius}"
2680
+ },
2681
+ "padding": "{navigation.item.padding}"
2682
+ }
2683
+ },
2684
+ "item": {
2685
+ "focus": {
2686
+ "background": "{navigation.item.focus.background}",
2687
+ "color": "{navigation.item.focus.color}"
2688
+ },
2689
+ "active": {
2690
+ "background": "{navigation.item.active.background}",
2691
+ "color": "{navigation.item.active.color}"
2692
+ },
2693
+ "color": "{navigation.item.color}",
2694
+ "padding": "{space.100} {space.150}",
2695
+ "border": {
2696
+ "radius": "{border-radius.xs}"
2697
+ },
2698
+ "gap": "{space.100}",
2699
+ "icon": {
2700
+ "color": "{navigation.item.icon.color}",
2701
+ "focus": {
2702
+ "color": "{navigation.item.icon.focus.color}"
2703
+ },
2704
+ "active": {
2705
+ "color": "{navigation.item.icon.active.color}"
2706
+ }
2707
+ }
2708
+ },
2709
+ "overlay": {
2710
+ "padding": "{space.0}",
2711
+ "background": "{content.background}",
2712
+ "border": {
2713
+ "color": "{content.border.color}",
2714
+ "radius": "{content.border.radius}"
2715
+ },
2716
+ "color": "{content.color}",
2717
+ "shadow": "{overlay.navigation.shadow}",
2718
+ "gap": "{space.100}"
2719
+ },
2720
+ "submenu": {
2721
+ "label": {
2722
+ "padding": "{space.100} {space.150}",
2723
+ "font": {
2724
+ "weight": "{navigation.submenu.label.font.weight}"
2725
+ },
2726
+ "background": "{navigation.submenu.label.background}",
2727
+ "color": "{navigation.submenu.label.color}"
2728
+ },
2729
+ "icon": {
2730
+ "size": "{icon-size.xs}",
2731
+ "color": "{navigation.submenu.icon.color}",
2732
+ "focus": {
2733
+ "color": "{navigation.submenu.icon.focus.color}"
2734
+ },
2735
+ "active": {
2736
+ "color": "{navigation.submenu.icon.active.color}"
2737
+ }
2738
+ },
2739
+ "padding": "{space.50}",
2740
+ "gap": "{space.25}"
2741
+ },
2742
+ "separator": {
2743
+ "border": {
2744
+ "color": "{color.border.default}"
2745
+ }
2746
+ },
2747
+ "mobile": {
2748
+ "button": {
2749
+ "border": {
2750
+ "radius": "{megamenu.mobile.button.size} / 2"
2751
+ },
2752
+ "size": "{space.300}",
2753
+ "color": "{text.muted.color}",
2754
+ "hover": {
2755
+ "color": "{text.hover.muted.color}",
2756
+ "background": "{content.hover.background}"
2757
+ },
2758
+ "focus": {
2759
+ "ring": {
2760
+ "width": "{focus.ring.width}",
2761
+ "offset": "{focus.ring.offset}",
2762
+ "style": "{focus.ring.style}",
2763
+ "color": "{focus.ring.color}",
2764
+ "shadow": "{focus.ring.shadow}"
2765
+ }
2766
+ }
2767
+ }
2768
+ },
2769
+ "transition": {
2770
+ "duration": "{transition.duration}"
2771
+ }
2772
+ },
2773
+ "menu": {
2774
+ "background": "{color.elevation.surface.default}",
2775
+ "border": {
2776
+ "color": "{color.border.default}",
2777
+ "radius": "{border-radius.sm}"
2778
+ },
2779
+ "color": "{color.elevation.surface.default}",
2780
+ "shadow": "{overlay.navigation.shadow}",
2781
+ "list": {
2782
+ "padding": "{space.50}",
2783
+ "gap": "{space.25}"
2784
+ },
2785
+ "item": {
2786
+ "focus": {
2787
+ "background": "{color.background.accent.gray.subtle.default}",
2788
+ "color": "{color.text.default}"
2789
+ },
2790
+ "color": "{color.text.default}",
2791
+ "padding": "{space.100} {space.150}",
2792
+ "border": {
2793
+ "radius": "{border-radius.xs}"
2794
+ },
2795
+ "gap": "{space.100}",
2796
+ "icon": {
2797
+ "color": "{color.icon.default}",
2798
+ "focus": {
2799
+ "color": "{color.icon.default}"
2800
+ }
2801
+ }
2802
+ },
2803
+ "submenu": {
2804
+ "label": {
2805
+ "padding": "{space.100} {space.150}",
2806
+ "font": {
2807
+ "weight": "{navigation.submenu.label.font.weight}"
2808
+ },
2809
+ "background": "{color.transparent}",
2810
+ "color": "{color.text.subtlest}"
2811
+ }
2812
+ },
2813
+ "separator": {
2814
+ "border": {
2815
+ "color": "{color.border.default}"
2816
+ }
2817
+ },
2818
+ "transition": {
2819
+ "duration": "{transition.duration}"
2820
+ }
2821
+ },
2822
+ "menubar": {
2823
+ "background": "{content.background}",
2824
+ "border": {
2825
+ "color": "{content.border.color}",
2826
+ "radius": "{content.border.radius}"
2827
+ },
2828
+ "color": "{content.color}",
2829
+ "gap": "{space.100}",
2830
+ "padding": "0.5rem 0.75rem",
2831
+ "base": {
2832
+ "item": {
2833
+ "border": {
2834
+ "radius": "{content.border.radius}"
2835
+ },
2836
+ "padding": "{navigation.item.padding}"
1116
2837
  }
1117
2838
  },
1118
- "option": {
2839
+ "item": {
1119
2840
  "focus": {
1120
- "background": "{color.background.accent.gray.subtle.hover}",
1121
- "color": "{color.text.default}"
2841
+ "background": "{navigation.item.focus.background}",
2842
+ "color": "{navigation.item.focus.color}"
1122
2843
  },
1123
- "selected": {
1124
- "background": "{color.background.brand.subtlest.default}",
1125
- "focus": {
1126
- "background": "{color.background.brand.subtler.default}",
1127
- "color": "{color.text.selected}"
1128
- },
1129
- "color": "{color.text.selected}"
2844
+ "active": {
2845
+ "background": "{navigation.item.active.background}",
2846
+ "color": "{navigation.item.active.color}"
1130
2847
  },
1131
- "color": "{color.text.subtle}",
1132
- "padding": "{space.100} {space.150}",
2848
+ "color": "{navigation.item.color}",
2849
+ "padding": "{navigation.item.padding}",
1133
2850
  "border": {
1134
- "radius": "{border-radius.xs}"
2851
+ "radius": "{navigation.item.border.radius}"
1135
2852
  },
1136
- "group": {
1137
- "background": "{color.elevation.surface.default}",
1138
- "color": "{color.text.subtlest}",
1139
- "font": {
1140
- "weight": "{list.option.group.font.weight}"
2853
+ "gap": "{navigation.item.gap}",
2854
+ "icon": {
2855
+ "color": "{navigation.item.icon.color}",
2856
+ "focus": {
2857
+ "color": "{navigation.item.icon.focus.color}"
1141
2858
  },
1142
- "padding": "{space.100} {space.150}"
2859
+ "active": {
2860
+ "color": "{navigation.item.icon.active.color}"
2861
+ }
2862
+ }
2863
+ },
2864
+ "submenu": {
2865
+ "padding": "{navigation.list.padding}",
2866
+ "gap": "{navigation.list.gap}",
2867
+ "background": "{content.background}",
2868
+ "border": {
2869
+ "color": "{content.border.color}",
2870
+ "radius": "{border-radius.sm}"
1143
2871
  },
1144
- "striped": {
1145
- "background": "{surface.50}"
2872
+ "shadow": "{overlay.navigation.shadow}",
2873
+ "mobile": {
2874
+ "indent": "1rem"
2875
+ },
2876
+ "icon": {
2877
+ "size": "{icon-size.xs}",
2878
+ "color": "{navigation.submenu.icon.color}",
2879
+ "focus": {
2880
+ "color": "{navigation.submenu.icon.focus.color}"
2881
+ },
2882
+ "active": {
2883
+ "color": "{navigation.submenu.icon.active.color}"
2884
+ }
1146
2885
  }
1147
2886
  },
1148
- "checkmark": {
1149
- "color": "{color.icon.subtle}",
1150
- "gutter": {
1151
- "start": "{space.negative.75}",
1152
- "end": "{space.75}"
2887
+ "separator": {
2888
+ "border": {
2889
+ "color": "{content.border.color}"
1153
2890
  }
1154
2891
  },
1155
- "empty": {
1156
- "message": {
1157
- "padding": "{space.100} {space.150}"
2892
+ "mobile": {
2893
+ "button": {
2894
+ "border": {
2895
+ "radius": "{menubar.mobile.button.size} / 2"
2896
+ },
2897
+ "size": "{space.300}",
2898
+ "color": "{text.muted.color}",
2899
+ "hover": {
2900
+ "color": "{text.hover.muted.color}",
2901
+ "background": "{content.hover.background}"
2902
+ },
2903
+ "focus": {
2904
+ "ring": {
2905
+ "width": "{focus.ring.width}",
2906
+ "offset": "{focus.ring.offset}",
2907
+ "style": "{focus.ring.style}",
2908
+ "color": "{focus.ring.color}",
2909
+ "shadow": "{focus.ring.shadow}"
2910
+ }
2911
+ }
1158
2912
  }
1159
2913
  },
1160
2914
  "transition": {
1161
- "duration": "{form.field.transition.duration}"
2915
+ "duration": "{transition.duration}"
1162
2916
  }
1163
2917
  },
1164
2918
  "message": {
@@ -1420,6 +3174,33 @@ export default {
1420
3174
  }
1421
3175
  }
1422
3176
  },
3177
+ "metergroup": {
3178
+ "gap": "{space.200}",
3179
+ "meters": {
3180
+ "background": "{content.border.color}",
3181
+ "size": "{space.100}"
3182
+ },
3183
+ "label": {
3184
+ "gap": "{space.100}",
3185
+ "marker": {
3186
+ "size": "{space.100}"
3187
+ },
3188
+ "icon": {
3189
+ "size": "{space.200}"
3190
+ },
3191
+ "list": {
3192
+ "vertical": {
3193
+ "gap": "{space.100}"
3194
+ },
3195
+ "horizontal": {
3196
+ "gap": "{space.200}"
3197
+ }
3198
+ }
3199
+ },
3200
+ "border": {
3201
+ "radius": "{content.border.radius}"
3202
+ }
3203
+ },
1423
3204
  "multiselect": {
1424
3205
  "background": "{color.elevation.surface.default}",
1425
3206
  "disabled": {
@@ -1524,41 +3305,362 @@ export default {
1524
3305
  "padding": "{space.100} {space.150}"
1525
3306
  }
1526
3307
  },
1527
- "chip": {
3308
+ "chip": {
3309
+ "border": {
3310
+ "radius": "{border-radius.xs}"
3311
+ }
3312
+ },
3313
+ "empty": {
3314
+ "message": {
3315
+ "padding": "{space.100} {space.150}"
3316
+ }
3317
+ },
3318
+ "sm": {
3319
+ "padding": {
3320
+ "x": "{space.150}",
3321
+ "y": "{space.50}"
3322
+ },
3323
+ "font": {
3324
+ "size": "{font-size.sm}"
3325
+ }
3326
+ },
3327
+ "lg": {
3328
+ "padding": {
3329
+ "x": "{space.150}",
3330
+ "y": "{space.100}"
3331
+ },
3332
+ "font": {
3333
+ "size": "{font-size.md}"
3334
+ }
3335
+ },
3336
+ "clear": {
3337
+ "icon": {
3338
+ "color": "{color.icon.subtlest}"
3339
+ }
3340
+ },
3341
+ "transition": {
3342
+ "duration": "{form.field.transition.duration}"
3343
+ }
3344
+ },
3345
+ "orderlist": {
3346
+ "gap": "{space.200}",
3347
+ "controls": {
3348
+ "gap": "{space.100}"
3349
+ }
3350
+ },
3351
+ "organizationchart": {
3352
+ "gutter": "0.75rem",
3353
+ "node": {
3354
+ "background": "{content.background}",
3355
+ "hover": {
3356
+ "background": "{content.hover.background}",
3357
+ "color": "{content.hover.color}"
3358
+ },
3359
+ "selected": {
3360
+ "background": "{highlight.background}",
3361
+ "color": "{highlight.color}"
3362
+ },
3363
+ "border": {
3364
+ "color": "{content.border.color}",
3365
+ "radius": "{content.border.radius}"
3366
+ },
3367
+ "color": "{content.color}",
3368
+ "padding": "0.75rem 1rem",
3369
+ "toggleable": {
3370
+ "padding": "0.75rem 1rem 1.25rem 1rem"
3371
+ },
3372
+ "toggle": {
3373
+ "button": {
3374
+ "background": "{content.background}",
3375
+ "hover": {
3376
+ "background": "{content.hover.background}",
3377
+ "color": "{text.color}"
3378
+ },
3379
+ "border": {
3380
+ "color": "{content.border.color}",
3381
+ "radius": "{organizationchart.node.toggle.button.size} / 2"
3382
+ },
3383
+ "color": "{text.muted.color}",
3384
+ "size": "{space.300}",
3385
+ "focus": {
3386
+ "ring": {
3387
+ "width": "{focus.ring.width}",
3388
+ "offset": "{focus.ring.offset}",
3389
+ "color": "{focus.ring.color}",
3390
+ "style": "{focus.ring.style}",
3391
+ "shadow": "{focus.ring.shadow}"
3392
+ }
3393
+ }
3394
+ }
3395
+ }
3396
+ },
3397
+ "connector": {
3398
+ "color": "{content.border.color}",
3399
+ "border": {
3400
+ "radius": "{content.border.radius}"
3401
+ },
3402
+ "height": "{space.300}"
3403
+ },
3404
+ "transition": {
3405
+ "duration": "{transition.duration}"
3406
+ }
3407
+ },
3408
+ "overlay": {
3409
+ "select": {
3410
+ "border": {
3411
+ "radius": "{border.radius.md}",
3412
+ "color": "{surface.200}"
3413
+ },
3414
+ "shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
3415
+ "background": "{surface.0}",
3416
+ "color": "{text.color}"
3417
+ },
3418
+ "popover": {
3419
+ "border": {
3420
+ "radius": "{border.radius.md}",
3421
+ "color": "{surface.200}"
3422
+ },
3423
+ "padding": "{space.200} {space.150}",
3424
+ "shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
3425
+ "background": "{surface.0}",
3426
+ "color": "{text.color}"
3427
+ },
3428
+ "modal": {
3429
+ "border": {
3430
+ "radius": "{border.radius.xl}",
3431
+ "color": "{surface.200}"
3432
+ },
3433
+ "padding": "{space.200}",
3434
+ "shadow": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
3435
+ "background": "{surface.0}",
3436
+ "color": "{text.color}"
3437
+ },
3438
+ "navigation": {
3439
+ "shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
3440
+ },
3441
+ "title": {
3442
+ "font": {
3443
+ "size": "{font-size.2xl}"
3444
+ }
3445
+ }
3446
+ },
3447
+ "overlaybadge": {
3448
+ "outline": {
3449
+ "color": "{color.border.inverse}",
3450
+ "width": "{space.50}"
3451
+ }
3452
+ },
3453
+ "paginator": {
3454
+ "padding": "{space.100} {space.150}",
3455
+ "gap": "{space.50}",
3456
+ "border": {
3457
+ "radius": "{border-radius.sm}"
3458
+ },
3459
+ "background": "{color.elevation.surface.default}",
3460
+ "color": "{color.text.default}",
3461
+ "nav": {
3462
+ "button": {
3463
+ "background": "{color.transparent}",
3464
+ "hover": {
3465
+ "background": "{color.background.accent.gray.subtler.hover}",
3466
+ "color": "{color.text.subtlest}"
3467
+ },
3468
+ "selected": {
3469
+ "background": "{color.background.selected.default}",
3470
+ "color": "{color.text.selected}"
3471
+ },
3472
+ "width": "{space.500}",
3473
+ "height": "{space.500}",
3474
+ "border": {
3475
+ "radius": "{border-radius.full}"
3476
+ },
3477
+ "focus": {
3478
+ "ring": {
3479
+ "width": "{focus.ring.width}",
3480
+ "offset": "{focus.ring.offset}",
3481
+ "style": "{focus.ring.style}",
3482
+ "color": "{color.border.focused}",
3483
+ "shadow": "{focus.ring.shadow}"
3484
+ }
3485
+ },
3486
+ "color": "{color.text.subtlest}"
3487
+ }
3488
+ },
3489
+ "current": {
3490
+ "page": {
3491
+ "report": {
3492
+ "color": "{color.text.subtlest}"
3493
+ }
3494
+ }
3495
+ },
3496
+ "jump": {
3497
+ "to": {
3498
+ "page": {
3499
+ "input": {
3500
+ "max": {
3501
+ "width": "{space.500}"
3502
+ }
3503
+ }
3504
+ }
3505
+ }
3506
+ },
3507
+ "transition": {
3508
+ "duration": "{transition.duration}"
3509
+ }
3510
+ },
3511
+ "panel": {
3512
+ "background": "{content.background}",
3513
+ "border": {
3514
+ "color": "{content.border.color}",
3515
+ "radius": "{content.border.radius}"
3516
+ },
3517
+ "color": "{content.color}",
3518
+ "header": {
3519
+ "background": "rgba(0, 0, 0, 0)",
3520
+ "color": "{text.color}",
3521
+ "border": {
3522
+ "color": "{content.border.color}",
3523
+ "radius": "0",
3524
+ "width": "{border-width.0}"
3525
+ },
3526
+ "padding": "{space.200}"
3527
+ },
3528
+ "toggleable": {
3529
+ "header": {
3530
+ "padding": "0.375rem 1.125rem"
3531
+ }
3532
+ },
3533
+ "title": {
3534
+ "font": {
3535
+ "weight": "{font-weight.medium}"
3536
+ }
3537
+ },
3538
+ "content": {
3539
+ "padding": "0 1.125rem 1.125rem 1.125rem"
3540
+ },
3541
+ "footer": {
3542
+ "padding": "0 1.125rem 1.125rem 1.125rem"
3543
+ }
3544
+ },
3545
+ "panelmenu": {
3546
+ "gap": "{space.100}",
3547
+ "panel": {
3548
+ "background": "{content.background}",
3549
+ "border": {
3550
+ "color": "{content.border.color}",
3551
+ "width": "{border-width.1}",
3552
+ "radius": "{content.border.radius}"
3553
+ },
3554
+ "color": "{content.color}",
3555
+ "padding": "0.25rem 0.25rem",
3556
+ "first": {
3557
+ "border": {
3558
+ "width": "{border-width.1}"
3559
+ },
3560
+ "top": {
3561
+ "border": {
3562
+ "radius": "{content.border.radius}"
3563
+ }
3564
+ }
3565
+ },
3566
+ "last": {
3567
+ "border": {
3568
+ "width": "{border-width.1}"
3569
+ },
3570
+ "bottom": {
3571
+ "border": {
3572
+ "radius": "{content.border.radius}"
3573
+ }
3574
+ }
3575
+ }
3576
+ },
3577
+ "item": {
3578
+ "focus": {
3579
+ "background": "{navigation.item.focus.background}",
3580
+ "color": "{navigation.item.focus.color}"
3581
+ },
3582
+ "color": "{navigation.item.color}",
3583
+ "gap": "{space.100}",
3584
+ "padding": "{space.100} {space.150}",
1528
3585
  "border": {
1529
- "radius": "{border-radius.xs}"
3586
+ "radius": "{border-radius.sm}"
3587
+ },
3588
+ "icon": {
3589
+ "color": "{color.icon.default}",
3590
+ "focus": {
3591
+ "color": "{color.icon.default}"
3592
+ }
1530
3593
  }
1531
3594
  },
1532
- "empty": {
1533
- "message": {
1534
- "padding": "{space.100} {space.150}"
3595
+ "submenu": {
3596
+ "indent": "{space.200}",
3597
+ "icon": {
3598
+ "color": "{navigation.submenu.icon.color}",
3599
+ "focus": {
3600
+ "color": "{navigation.submenu.icon.focus.color}"
3601
+ }
1535
3602
  }
1536
3603
  },
1537
- "sm": {
1538
- "padding": {
1539
- "x": "{space.150}",
1540
- "y": "{space.50}"
3604
+ "transition": {
3605
+ "duration": "{transition.duration}"
3606
+ }
3607
+ },
3608
+ "password": {
3609
+ "meter": {
3610
+ "background": "{content.border.color}",
3611
+ "border": {
3612
+ "radius": "{content.border.radius}"
1541
3613
  },
1542
- "font": {
1543
- "size": "{font-size.sm}"
1544
- }
3614
+ "height": "{space.150}"
1545
3615
  },
1546
- "lg": {
1547
- "padding": {
1548
- "x": "{space.150}",
1549
- "y": "{space.100}"
3616
+ "icon": {
3617
+ "color": "{form.field.icon.color}"
3618
+ },
3619
+ "overlay": {
3620
+ "background": "{overlay.popover.background}",
3621
+ "border": {
3622
+ "color": "{overlay.popover.border.color}",
3623
+ "radius": "{overlay.popover.border.radius}"
1550
3624
  },
1551
- "font": {
1552
- "size": "{font-size.md}"
1553
- }
3625
+ "color": "{overlay.popover.color}",
3626
+ "padding": "{overlay.popover.padding}",
3627
+ "shadow": "{overlay.popover.shadow}"
1554
3628
  },
1555
- "clear": {
1556
- "icon": {
1557
- "color": "{color.icon.subtlest}"
3629
+ "content": {
3630
+ "gap": "{space.100}"
3631
+ },
3632
+ "strength": {
3633
+ "weak": {
3634
+ "background": "{red.500}"
3635
+ },
3636
+ "medium": {
3637
+ "background": "{amber.500}"
3638
+ },
3639
+ "strong": {
3640
+ "background": "{green.500}"
1558
3641
  }
3642
+ }
3643
+ },
3644
+ "picklist": {
3645
+ "gap": "{space.200}",
3646
+ "controls": {
3647
+ "gap": "{space.100}"
3648
+ }
3649
+ },
3650
+ "popover": {
3651
+ "background": "{overlay.popover.background}",
3652
+ "border": {
3653
+ "color": "{overlay.popover.border.color}",
3654
+ "radius": "{overlay.popover.border.radius}"
1559
3655
  },
1560
- "transition": {
1561
- "duration": "{form.field.transition.duration}"
3656
+ "color": "{overlay.popover.color}",
3657
+ "shadow": "{overlay.popover.shadow}",
3658
+ "gutter": "10px",
3659
+ "arrow": {
3660
+ "offset": "{space.250}"
3661
+ },
3662
+ "content": {
3663
+ "padding": "{overlay.popover.padding}"
1562
3664
  }
1563
3665
  },
1564
3666
  "progressbar": {
@@ -1666,6 +3768,52 @@ export default {
1666
3768
  "duration": "{form.field.transition.duration}"
1667
3769
  }
1668
3770
  },
3771
+ "rating": {
3772
+ "gap": "{space.50}",
3773
+ "icon": {
3774
+ "size": "{space.200}",
3775
+ "color": "{text.muted.color}",
3776
+ "hover": {
3777
+ "color": "{primary.color}"
3778
+ },
3779
+ "active": {
3780
+ "color": "{primary.color}"
3781
+ }
3782
+ },
3783
+ "focus": {
3784
+ "ring": {
3785
+ "width": "{focus.ring.width}",
3786
+ "style": "{focus.ring.style}",
3787
+ "color": "{focus.ring.color}",
3788
+ "offset": "{focus.ring.offset}",
3789
+ "shadow": "{focus.ring.shadow}"
3790
+ }
3791
+ },
3792
+ "transition": {
3793
+ "duration": "{transition.duration}"
3794
+ }
3795
+ },
3796
+ "scrollpanel": {
3797
+ "bar": {
3798
+ "size": "{space.100}",
3799
+ "border": {
3800
+ "radius": "{border.radius.sm}"
3801
+ },
3802
+ "focus": {
3803
+ "ring": {
3804
+ "width": "{focus.ring.width}",
3805
+ "offset": "{focus.ring.offset}",
3806
+ "style": "{focus.ring.style}",
3807
+ "color": "{focus.ring.color}",
3808
+ "shadow": "{focus.ring.shadow}"
3809
+ }
3810
+ },
3811
+ "background": "{surface.100}"
3812
+ },
3813
+ "transition": {
3814
+ "duration": "{transition.duration}"
3815
+ }
3816
+ },
1669
3817
  "select": {
1670
3818
  "background": "{color.elevation.surface.default}",
1671
3819
  "disabled": {
@@ -1815,6 +3963,182 @@ export default {
1815
3963
  }
1816
3964
  }
1817
3965
  },
3966
+ "skeleton": {
3967
+ "border": {
3968
+ "radius": "{content.border.radius}"
3969
+ },
3970
+ "background": "{surface.200}",
3971
+ "animation": {
3972
+ "background": "rgba(255, 255, 255, 0.4)"
3973
+ }
3974
+ },
3975
+ "slider": {
3976
+ "track": {
3977
+ "background": "{content.border.color}",
3978
+ "border": {
3979
+ "radius": "{content.border.radius}"
3980
+ },
3981
+ "size": "{space.50}"
3982
+ },
3983
+ "range": {
3984
+ "background": "{primary.color}"
3985
+ },
3986
+ "handle": {
3987
+ "width": "{space.250}",
3988
+ "height": "{space.250}",
3989
+ "border": {
3990
+ "radius": "{slider.handle.width} / 2"
3991
+ },
3992
+ "background": "{content.border.color}",
3993
+ "hover": {
3994
+ "background": "{content.border.color}"
3995
+ },
3996
+ "content": {
3997
+ "hover": {
3998
+ "background": "{content.background}"
3999
+ },
4000
+ "width": "{space.200}",
4001
+ "height": "{space.200}",
4002
+ "border": {
4003
+ "radius": "{slider.handle.content.width} / 2"
4004
+ },
4005
+ "shadow": "0 0.5px 0 0 rgba(0, 0, 0, 0.08), 0 1px 1px 0 rgba(0, 0, 0, 0.14)",
4006
+ "background": "{surface.0}"
4007
+ },
4008
+ "focus": {
4009
+ "ring": {
4010
+ "width": "{focus.ring.width}",
4011
+ "offset": "{focus.ring.offset}",
4012
+ "style": "{focus.ring.style}",
4013
+ "color": "{focus.ring.color}",
4014
+ "shadow": "{focus.ring.shadow}"
4015
+ }
4016
+ }
4017
+ },
4018
+ "transition": {
4019
+ "duration": "{transition.duration}"
4020
+ }
4021
+ },
4022
+ "speeddial": {
4023
+ "gap": "{space.100}",
4024
+ "transition": {
4025
+ "duration": "{transition.duration}"
4026
+ }
4027
+ },
4028
+ "splitbutton": {
4029
+ "border": {
4030
+ "radius": "{form.field.border.radius}"
4031
+ },
4032
+ "rounded": {
4033
+ "border": {
4034
+ "radius": "2rem"
4035
+ }
4036
+ },
4037
+ "raised": {
4038
+ "shadow": "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"
4039
+ }
4040
+ },
4041
+ "splitter": {
4042
+ "background": "{content.background}",
4043
+ "border": {
4044
+ "color": "{content.border.color}"
4045
+ },
4046
+ "color": "{content.color}",
4047
+ "gutter": {
4048
+ "background": "{content.border.color}"
4049
+ },
4050
+ "handle": {
4051
+ "size": "{space.300}",
4052
+ "background": "rgba(0, 0, 0, 0)",
4053
+ "border": {
4054
+ "radius": "{content.border.radius}"
4055
+ },
4056
+ "focus": {
4057
+ "ring": {
4058
+ "width": "{focus.ring.width}",
4059
+ "color": "{focus.ring.color}",
4060
+ "offset": "{focus.ring.offset}",
4061
+ "shadow": "{focus.ring.shadow}",
4062
+ "style": "{focus.ring.style}"
4063
+ }
4064
+ }
4065
+ },
4066
+ "transition": {
4067
+ "duration": "{transition.duration}"
4068
+ }
4069
+ },
4070
+ "stepper": {
4071
+ "separator": {
4072
+ "background": "{color.background.accent.gray.default}",
4073
+ "active": {
4074
+ "background": "{color.background.brand.bolder.default}"
4075
+ },
4076
+ "margin": "{space.0} {space.0} {space.0} {space.200}",
4077
+ "size": "{space.50}"
4078
+ },
4079
+ "step": {
4080
+ "padding": "{space.100}",
4081
+ "gap": "{space.200}",
4082
+ "header": {
4083
+ "padding": "{space.0}",
4084
+ "border": {
4085
+ "radius": "{border-radius.sm}"
4086
+ },
4087
+ "focus": {
4088
+ "ring": {
4089
+ "width": "{focus.ring.width}",
4090
+ "style": "{focus.ring.style}",
4091
+ "color": "{color.border.focused}",
4092
+ "offset": "{focus.ring.offset}",
4093
+ "shadow": "{focus.ring.shadow}"
4094
+ }
4095
+ },
4096
+ "gap": "{space.100}"
4097
+ },
4098
+ "title": {
4099
+ "color": "{color.text.subtlest}",
4100
+ "active": {
4101
+ "color": "{color.text.selected}"
4102
+ },
4103
+ "font": {
4104
+ "weight": "{font-weight.medium}"
4105
+ }
4106
+ },
4107
+ "number": {
4108
+ "background": "{color.elevation.surface.default}",
4109
+ "active": {
4110
+ "background": "{color.elevation.surface.default}",
4111
+ "border": {
4112
+ "color": "{color.border.default}"
4113
+ },
4114
+ "color": "{color.text.selected}"
4115
+ },
4116
+ "border": {
4117
+ "color": "{color.border.default}",
4118
+ "radius": "{border-radius.xl}"
4119
+ },
4120
+ "color": "{color.text.subtlest}",
4121
+ "size": "{space.400}",
4122
+ "font": {
4123
+ "size": "{font-size.md}",
4124
+ "weight": "{font-weight.medium}"
4125
+ },
4126
+ "shadow": "0 0.5px 0 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.12)"
4127
+ }
4128
+ },
4129
+ "steppanels": {
4130
+ "padding": "{space.150} {space.100} {space.200} {space.100}"
4131
+ },
4132
+ "steppanel": {
4133
+ "padding": "{space.0}",
4134
+ "background": "{color.transparent}",
4135
+ "color": "{color.text.default}",
4136
+ "indent": "{space.200}"
4137
+ },
4138
+ "transition": {
4139
+ "duration": "{transition.duration}"
4140
+ }
4141
+ },
1818
4142
  "tabs": {
1819
4143
  "tablist": {
1820
4144
  "background": "{color.transparent}",
@@ -1952,6 +4276,24 @@ export default {
1952
4276
  "color": "{color.text.inverse}"
1953
4277
  }
1954
4278
  },
4279
+ "terminal": {
4280
+ "background": "{form.field.background}",
4281
+ "border": {
4282
+ "color": "{form.field.border.color}",
4283
+ "radius": "{form.field.border.radius}"
4284
+ },
4285
+ "color": "{form.field.color}",
4286
+ "height": "{space.1000}",
4287
+ "prompt": {
4288
+ "gap": "{space.50}"
4289
+ },
4290
+ "command": {
4291
+ "response": {
4292
+ "margin": "2rem"
4293
+ }
4294
+ },
4295
+ "padding": "{form.field.padding.y} {form.field.padding.x}"
4296
+ },
1955
4297
  "textarea": {
1956
4298
  "background": "{color.elevation.surface.default}",
1957
4299
  "disabled": {
@@ -2014,17 +4356,122 @@ export default {
2014
4356
  "size": "{form.field.sm.font.size}"
2015
4357
  }
2016
4358
  },
2017
- "lg": {
2018
- "padding": {
2019
- "x": "{space.150}",
2020
- "y": "{space.50}"
4359
+ "lg": {
4360
+ "padding": {
4361
+ "x": "{space.150}",
4362
+ "y": "{space.50}"
4363
+ },
4364
+ "font": {
4365
+ "size": "{form.field.lg.font.size}"
4366
+ }
4367
+ },
4368
+ "transition": {
4369
+ "duration": "{form.field.transition.duration}"
4370
+ }
4371
+ },
4372
+ "tieredmenu": {
4373
+ "background": "{content.background}",
4374
+ "border": {
4375
+ "color": "{content.border.color}",
4376
+ "radius": "{border-radius.sm}"
4377
+ },
4378
+ "color": "{content.color}",
4379
+ "shadow": "{overlay.navigation.shadow}",
4380
+ "list": {
4381
+ "padding": "{navigation.list.padding}",
4382
+ "gap": "{navigation.list.gap}"
4383
+ },
4384
+ "item": {
4385
+ "focus": {
4386
+ "background": "{navigation.item.focus.background}",
4387
+ "color": "{navigation.item.focus.color}"
4388
+ },
4389
+ "active": {
4390
+ "background": "{navigation.item.active.background}",
4391
+ "color": "{navigation.item.active.color}"
4392
+ },
4393
+ "color": "{navigation.item.color}",
4394
+ "padding": "{space.100} {space.150}",
4395
+ "border": {
4396
+ "radius": "{border-radius.xs}"
4397
+ },
4398
+ "gap": "{space.100}",
4399
+ "icon": {
4400
+ "color": "{navigation.item.icon.color}",
4401
+ "focus": {
4402
+ "color": "{navigation.item.icon.focus.color}"
4403
+ },
4404
+ "active": {
4405
+ "color": "{navigation.item.icon.active.color}"
4406
+ }
4407
+ }
4408
+ },
4409
+ "submenu": {
4410
+ "icon": {
4411
+ "size": "{icon-size.xs}",
4412
+ "color": "{navigation.submenu.icon.color}",
4413
+ "focus": {
4414
+ "color": "{navigation.submenu.icon.focus.color}"
4415
+ },
4416
+ "active": {
4417
+ "color": "{navigation.submenu.icon.active.color}"
4418
+ }
4419
+ },
4420
+ "mobile": {
4421
+ "indent": "{space.200}"
4422
+ }
4423
+ },
4424
+ "separator": {
4425
+ "border": {
4426
+ "color": "{content.border.color}"
4427
+ }
4428
+ },
4429
+ "transition": {
4430
+ "duration": "{transition.duration}"
4431
+ }
4432
+ },
4433
+ "timeline": {
4434
+ "event": {
4435
+ "min": {
4436
+ "height": "{space.1000}"
2021
4437
  },
2022
- "font": {
2023
- "size": "{form.field.lg.font.size}"
4438
+ "marker": {
4439
+ "size": "{space.200}",
4440
+ "border": {
4441
+ "radius": "{timeline.event.marker.size} / 2",
4442
+ "width": "{border-width.2}",
4443
+ "color": "{content.border.color}"
4444
+ },
4445
+ "background": "{content.background}",
4446
+ "content": {
4447
+ "border": {
4448
+ "radius": "{timeline.event.marker.content.size} / 2"
4449
+ },
4450
+ "size": "{space.75}",
4451
+ "background": "{primary.color}",
4452
+ "inset": {
4453
+ "shadow": "0 0.5px 0 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.12)"
4454
+ }
4455
+ }
4456
+ },
4457
+ "connector": {
4458
+ "color": "{content.border.color}",
4459
+ "size": "{space.50}"
2024
4460
  }
2025
4461
  },
2026
- "transition": {
2027
- "duration": "{form.field.transition.duration}"
4462
+ "horizontal": {
4463
+ "event": {
4464
+ "content": {
4465
+ "padding": "1rem"
4466
+ }
4467
+ }
4468
+ },
4469
+ "vertical": {
4470
+ "event": {
4471
+ "content": {
4472
+ "padding": "0 1rem"
4473
+ }
4474
+ }
2028
4475
  }
2029
4476
  },
2030
4477
  "toast": {
@@ -2386,5 +4833,399 @@ export default {
2386
4833
  "disabled": {
2387
4834
  "background": "{color.background.disabled.default}"
2388
4835
  }
4836
+ },
4837
+ "toolbar": {
4838
+ "background": "{content.background}",
4839
+ "border": {
4840
+ "color": "{content.border.color}",
4841
+ "radius": "{content.border.radius}"
4842
+ },
4843
+ "color": "{content.color}",
4844
+ "gap": "{space.100}",
4845
+ "padding": "{space.150}"
4846
+ },
4847
+ "tooltip": {
4848
+ "max": {
4849
+ "width": "{space.1000}"
4850
+ },
4851
+ "gutter": "0.25rem",
4852
+ "shadow": "{overlay.popover.shadow}",
4853
+ "padding": "0.5rem 0.75rem",
4854
+ "border": {
4855
+ "radius": "{overlay.popover.border.radius}"
4856
+ },
4857
+ "background": "{surface.700}",
4858
+ "color": "{surface.0}"
4859
+ },
4860
+ "tree": {
4861
+ "background": "{content.background}",
4862
+ "color": "{content.color}",
4863
+ "padding": "{space.200}",
4864
+ "gap": "{space.50}",
4865
+ "indent": "1rem",
4866
+ "node": {
4867
+ "padding": "0.25rem 0.5rem",
4868
+ "border": {
4869
+ "radius": "{content.border.radius}"
4870
+ },
4871
+ "hover": {
4872
+ "background": "{content.hover.background}",
4873
+ "color": "{text.hover.color}"
4874
+ },
4875
+ "selected": {
4876
+ "background": "{highlight.background}",
4877
+ "color": "{highlight.color}"
4878
+ },
4879
+ "color": "{text.color}",
4880
+ "focus": {
4881
+ "ring": {
4882
+ "width": "{focus.ring.width}",
4883
+ "offset": "-1px",
4884
+ "style": "{focus.ring.style}",
4885
+ "color": "{focus.ring.color}",
4886
+ "shadow": "{focus.ring.shadow}"
4887
+ }
4888
+ },
4889
+ "gap": "{space.50}",
4890
+ "icon": {
4891
+ "color": "{text.muted.color}",
4892
+ "hover": {
4893
+ "color": "{text.hover.muted.color}"
4894
+ },
4895
+ "selected": {
4896
+ "color": "{highlight.color}"
4897
+ }
4898
+ },
4899
+ "toggle": {
4900
+ "button": {
4901
+ "border": {
4902
+ "radius": "{tree.node.toggle.button.size} / 2"
4903
+ },
4904
+ "size": "{space.300}",
4905
+ "hover": {
4906
+ "background": "{content.hover.background}",
4907
+ "color": "{text.hover.muted.color}"
4908
+ },
4909
+ "selected": {
4910
+ "hover": {
4911
+ "background": "{content.background}",
4912
+ "color": "{primary.color}"
4913
+ }
4914
+ },
4915
+ "color": "{text.muted.color}",
4916
+ "focus": {
4917
+ "ring": {
4918
+ "width": "{focus.ring.width}",
4919
+ "offset": "{focus.ring.offset}",
4920
+ "style": "{focus.ring.style}",
4921
+ "color": "{focus.ring.color}",
4922
+ "shadow": "{focus.ring.shadow}"
4923
+ }
4924
+ }
4925
+ }
4926
+ }
4927
+ },
4928
+ "loading": {
4929
+ "icon": {
4930
+ "size": "{space.400}"
4931
+ }
4932
+ },
4933
+ "filter": {
4934
+ "margin": "{space.100}"
4935
+ },
4936
+ "transition": {
4937
+ "duration": "{transition.duration}"
4938
+ }
4939
+ },
4940
+ "treeselect": {
4941
+ "background": "{form.field.background}",
4942
+ "disabled": {
4943
+ "background": "{form.field.disabled.background}",
4944
+ "color": "{form.field.disabled.color}"
4945
+ },
4946
+ "filled": {
4947
+ "background": "{form.field.filled.background}",
4948
+ "focus": {
4949
+ "background": "{form.field.filled.focus.background}"
4950
+ },
4951
+ "hover": {
4952
+ "background": "{form.field.filled.hover.background}"
4953
+ }
4954
+ },
4955
+ "border": {
4956
+ "color": "{form.field.border.color}",
4957
+ "radius": "{form.field.border.radius}"
4958
+ },
4959
+ "hover": {
4960
+ "border": {
4961
+ "color": "{form.field.hover.border.color}"
4962
+ }
4963
+ },
4964
+ "focus": {
4965
+ "border": {
4966
+ "color": "{form.field.focus.border.color}"
4967
+ },
4968
+ "ring": {
4969
+ "width": "{form.field.focus.ring.width}",
4970
+ "offset": "{form.field.focus.ring.offset}",
4971
+ "color": "{form.field.focus.ring.color}",
4972
+ "style": "{form.field.focus.ring.style}",
4973
+ "shadow": "{form.field.focus.ring.shadow}"
4974
+ }
4975
+ },
4976
+ "invalid": {
4977
+ "border": {
4978
+ "color": "{form.field.invalid.border.color}"
4979
+ },
4980
+ "placeholder": {
4981
+ "color": "{form.field.invalid.placeholder.color}"
4982
+ }
4983
+ },
4984
+ "color": "{form.field.color}",
4985
+ "placeholder": {
4986
+ "color": "{form.field.placeholder.color}"
4987
+ },
4988
+ "shadow": "{form.field.shadow}",
4989
+ "padding": {
4990
+ "x": "{form.field.padding.x}",
4991
+ "y": "{form.field.padding.y}"
4992
+ },
4993
+ "dropdown": {
4994
+ "width": "{space.500}",
4995
+ "color": "{form.field.icon.color}"
4996
+ },
4997
+ "overlay": {
4998
+ "background": "{overlay.select.background}",
4999
+ "border": {
5000
+ "color": "{overlay.select.border.color}",
5001
+ "radius": "{overlay.select.border.radius}"
5002
+ },
5003
+ "color": "{overlay.select.color}",
5004
+ "shadow": "{overlay.select.shadow}"
5005
+ },
5006
+ "tree": {
5007
+ "padding": "{list.padding}"
5008
+ },
5009
+ "empty": {
5010
+ "message": {
5011
+ "padding": "{list.option.padding}"
5012
+ }
5013
+ },
5014
+ "chip": {
5015
+ "border": {
5016
+ "radius": "{border-radius.xs}"
5017
+ }
5018
+ },
5019
+ "sm": {
5020
+ "font": {
5021
+ "size": "{form.field.sm.font.size}"
5022
+ },
5023
+ "padding": {
5024
+ "x": "{form.field.sm.padding.x}",
5025
+ "y": "{form.field.sm.padding.y}"
5026
+ }
5027
+ },
5028
+ "lg": {
5029
+ "font": {
5030
+ "size": "{form.field.lg.font.size}"
5031
+ },
5032
+ "padding": {
5033
+ "x": "{form.field.lg.padding.x}",
5034
+ "y": "{form.field.lg.padding.y}"
5035
+ }
5036
+ },
5037
+ "clear": {
5038
+ "icon": {
5039
+ "color": "{form.field.icon.color}"
5040
+ }
5041
+ },
5042
+ "transition": {
5043
+ "duration": "{form.field.transition.duration}"
5044
+ }
5045
+ },
5046
+ "treetable": {
5047
+ "header": {
5048
+ "background": "{content.background}",
5049
+ "border": {
5050
+ "color": "{treetable.border.color}",
5051
+ "width": "{border-width.1}"
5052
+ },
5053
+ "color": "{content.color}",
5054
+ "padding": "0.75rem 1rem",
5055
+ "cell": {
5056
+ "background": "{content.background}",
5057
+ "hover": {
5058
+ "background": "{content.hover.background}",
5059
+ "color": "{content.hover.color}"
5060
+ },
5061
+ "selected": {
5062
+ "background": "{highlight.background}",
5063
+ "color": "{highlight.color}"
5064
+ },
5065
+ "border": {
5066
+ "color": "{treetable.border.color}"
5067
+ },
5068
+ "color": "{content.color}",
5069
+ "gap": "{space.100}",
5070
+ "padding": "0.75rem 1rem",
5071
+ "focus": {
5072
+ "ring": {
5073
+ "width": "{focus.ring.width}",
5074
+ "offset": "-1px",
5075
+ "style": "{focus.ring.style}",
5076
+ "color": "{focus.ring.color}",
5077
+ "shadow": "{focus.ring.shadow}"
5078
+ }
5079
+ }
5080
+ }
5081
+ },
5082
+ "column": {
5083
+ "title": {
5084
+ "font": {
5085
+ "weight": "{font-weight.medium}"
5086
+ }
5087
+ },
5088
+ "footer": {
5089
+ "font": {
5090
+ "weight": "{font-weight.medium}"
5091
+ }
5092
+ },
5093
+ "resizer": {
5094
+ "width": "{space.100}"
5095
+ }
5096
+ },
5097
+ "row": {
5098
+ "background": "{content.background}",
5099
+ "hover": {
5100
+ "background": "{content.hover.background}",
5101
+ "color": "{content.hover.color}"
5102
+ },
5103
+ "selected": {
5104
+ "background": "{highlight.background}",
5105
+ "color": "{highlight.color}"
5106
+ },
5107
+ "color": "{content.color}",
5108
+ "focus": {
5109
+ "ring": {
5110
+ "width": "{focus.ring.width}",
5111
+ "offset": "-1px",
5112
+ "color": "{focus.ring.color}",
5113
+ "shadow": "{focus.ring.shadow}",
5114
+ "style": "{focus.ring.style}"
5115
+ }
5116
+ }
5117
+ },
5118
+ "body": {
5119
+ "cell": {
5120
+ "border": {
5121
+ "color": "{treetable.border.color}"
5122
+ },
5123
+ "padding": "0.75rem 1rem",
5124
+ "gap": "{space.100}",
5125
+ "selected": {
5126
+ "border": {
5127
+ "color": "{primary.100}"
5128
+ }
5129
+ }
5130
+ }
5131
+ },
5132
+ "footer": {
5133
+ "cell": {
5134
+ "background": "{content.background}",
5135
+ "border": {
5136
+ "color": "{treetable.border.color}"
5137
+ },
5138
+ "color": "{content.color}",
5139
+ "padding": "0.75rem 1rem"
5140
+ },
5141
+ "background": "{content.background}",
5142
+ "border": {
5143
+ "color": "{treetable.border.color}",
5144
+ "width": "{border-width.1}"
5145
+ },
5146
+ "color": "{content.color}",
5147
+ "padding": "0.75rem 1rem"
5148
+ },
5149
+ "resize": {
5150
+ "indicator": {
5151
+ "width": "{space.25}",
5152
+ "color": "{primary.color}"
5153
+ }
5154
+ },
5155
+ "sort": {
5156
+ "icon": {
5157
+ "color": "{text.muted.color}",
5158
+ "hover": {
5159
+ "color": "{text.hover.muted.color}"
5160
+ },
5161
+ "size": "{space.150}"
5162
+ }
5163
+ },
5164
+ "loading": {
5165
+ "icon": {
5166
+ "size": "{space.400}"
5167
+ }
5168
+ },
5169
+ "node": {
5170
+ "toggle": {
5171
+ "button": {
5172
+ "hover": {
5173
+ "background": "{content.hover.background}",
5174
+ "color": "{text.color}"
5175
+ },
5176
+ "selected": {
5177
+ "hover": {
5178
+ "background": "{content.background}",
5179
+ "color": "{primary.color}"
5180
+ }
5181
+ },
5182
+ "color": "{text.muted.color}",
5183
+ "size": "{space.300}",
5184
+ "border": {
5185
+ "radius": "{treetable.node.toggle.button.size} / 2"
5186
+ },
5187
+ "focus": {
5188
+ "ring": {
5189
+ "width": "{focus.ring.width}",
5190
+ "offset": "{focus.ring.offset}",
5191
+ "style": "{focus.ring.style}",
5192
+ "color": "{focus.ring.color}",
5193
+ "shadow": "{focus.ring.shadow}"
5194
+ }
5195
+ }
5196
+ }
5197
+ }
5198
+ },
5199
+ "paginator": {
5200
+ "top": {
5201
+ "border": {
5202
+ "color": "{content.border.color}",
5203
+ "width": "{border-width.1}"
5204
+ }
5205
+ },
5206
+ "bottom": {
5207
+ "border": {
5208
+ "width": "{border-width.1}",
5209
+ "color": "{content.border.color}"
5210
+ }
5211
+ }
5212
+ },
5213
+ "transition": {
5214
+ "duration": "{transition.duration}"
5215
+ },
5216
+ "border": {
5217
+ "color": "{content.border.color}"
5218
+ }
5219
+ },
5220
+ "virtualscroller": {
5221
+ "loader": {
5222
+ "mask": {
5223
+ "background": "{content.background}",
5224
+ "color": "{text.muted.color}"
5225
+ },
5226
+ "icon": {
5227
+ "size": "{space.400}"
5228
+ }
5229
+ }
2389
5230
  }
2390
5231
  };