@rijkshuisstijl-community/design-tokens 5.0.0 → 7.0.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.
Files changed (105) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/_variables.scss +626 -673
  3. package/dist/index.css +626 -673
  4. package/dist/index.d.ts +708 -755
  5. package/dist/index.js +710 -757
  6. package/dist/index.json +709 -756
  7. package/dist/index.tokens.json +1745 -1802
  8. package/dist/koop/_variables.scss +61 -123
  9. package/dist/koop/index.css +61 -123
  10. package/dist/koop/index.d.ts +59 -121
  11. package/dist/koop/index.js +61 -123
  12. package/dist/koop/index.json +60 -122
  13. package/dist/koop/index.tokens.json +83 -165
  14. package/dist/koop/root.css +61 -123
  15. package/dist/koop/tokens.d.ts +82 -164
  16. package/dist/koop/tokens.js +3879 -5309
  17. package/dist/root.css +626 -673
  18. package/dist/tokens.d.ts +1639 -1696
  19. package/dist/tokens.js +25088 -26173
  20. package/dist/uitvoerend-groen/_variables.scss +51 -113
  21. package/dist/uitvoerend-groen/index.css +51 -113
  22. package/dist/uitvoerend-groen/index.d.ts +49 -111
  23. package/dist/uitvoerend-groen/index.js +51 -113
  24. package/dist/uitvoerend-groen/index.json +50 -112
  25. package/dist/uitvoerend-groen/index.tokens.json +71 -153
  26. package/dist/uitvoerend-groen/root.css +51 -113
  27. package/dist/uitvoerend-groen/tokens.d.ts +70 -152
  28. package/dist/uitvoerend-groen/tokens.js +2417 -3847
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +51 -113
  30. package/dist/uitvoerend-hemelblauw/index.css +51 -113
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +49 -111
  32. package/dist/uitvoerend-hemelblauw/index.js +51 -113
  33. package/dist/uitvoerend-hemelblauw/index.json +50 -112
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +71 -153
  35. package/dist/uitvoerend-hemelblauw/root.css +51 -113
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +70 -152
  37. package/dist/uitvoerend-hemelblauw/tokens.js +2417 -3847
  38. package/dist/uitvoerend-mintgroen/_variables.scss +51 -113
  39. package/dist/uitvoerend-mintgroen/index.css +51 -113
  40. package/dist/uitvoerend-mintgroen/index.d.ts +49 -111
  41. package/dist/uitvoerend-mintgroen/index.js +51 -113
  42. package/dist/uitvoerend-mintgroen/index.json +50 -112
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +71 -153
  44. package/dist/uitvoerend-mintgroen/root.css +51 -113
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +70 -152
  46. package/dist/uitvoerend-mintgroen/tokens.js +2417 -3847
  47. package/dist/uitvoerend-oranje/_variables.scss +74 -136
  48. package/dist/uitvoerend-oranje/index.css +74 -136
  49. package/dist/uitvoerend-oranje/index.d.ts +72 -134
  50. package/dist/uitvoerend-oranje/index.js +74 -136
  51. package/dist/uitvoerend-oranje/index.json +73 -135
  52. package/dist/uitvoerend-oranje/index.tokens.json +105 -187
  53. package/dist/uitvoerend-oranje/root.css +74 -136
  54. package/dist/uitvoerend-oranje/tokens.d.ts +101 -183
  55. package/dist/uitvoerend-oranje/tokens.js +3100 -4530
  56. package/dist/uitvoerend-paars/_variables.scss +51 -113
  57. package/dist/uitvoerend-paars/index.css +51 -113
  58. package/dist/uitvoerend-paars/index.d.ts +49 -111
  59. package/dist/uitvoerend-paars/index.js +51 -113
  60. package/dist/uitvoerend-paars/index.json +50 -112
  61. package/dist/uitvoerend-paars/index.tokens.json +71 -153
  62. package/dist/uitvoerend-paars/root.css +51 -113
  63. package/dist/uitvoerend-paars/tokens.d.ts +70 -152
  64. package/dist/uitvoerend-paars/tokens.js +2417 -3847
  65. package/dist/uitvoerend-violet/_variables.scss +51 -113
  66. package/dist/uitvoerend-violet/index.css +51 -113
  67. package/dist/uitvoerend-violet/index.d.ts +49 -111
  68. package/dist/uitvoerend-violet/index.js +51 -113
  69. package/dist/uitvoerend-violet/index.json +50 -112
  70. package/dist/uitvoerend-violet/index.tokens.json +71 -153
  71. package/dist/uitvoerend-violet/root.css +51 -113
  72. package/dist/uitvoerend-violet/tokens.d.ts +70 -152
  73. package/dist/uitvoerend-violet/tokens.js +2417 -3847
  74. package/dist/uitvoerend-violet-oud/_variables.scss +106 -168
  75. package/dist/uitvoerend-violet-oud/index.css +106 -168
  76. package/dist/uitvoerend-violet-oud/index.d.ts +104 -166
  77. package/dist/uitvoerend-violet-oud/index.js +106 -168
  78. package/dist/uitvoerend-violet-oud/index.json +105 -167
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +138 -220
  80. package/dist/uitvoerend-violet-oud/root.css +106 -168
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +136 -218
  82. package/dist/uitvoerend-violet-oud/tokens.js +3558 -4988
  83. package/dist/wetgevend/_variables.scss +51 -113
  84. package/dist/wetgevend/index.css +51 -113
  85. package/dist/wetgevend/index.d.ts +49 -111
  86. package/dist/wetgevend/index.js +51 -113
  87. package/dist/wetgevend/index.json +50 -112
  88. package/dist/wetgevend/index.tokens.json +71 -153
  89. package/dist/wetgevend/root.css +51 -113
  90. package/dist/wetgevend/tokens.d.ts +70 -152
  91. package/dist/wetgevend/tokens.js +2417 -3847
  92. package/figma/figma.tokens.json +953 -906
  93. package/package.json +2 -2
  94. package/src/generated/base.tokens.json +4984 -5182
  95. package/src/generated/koop/tokens.json +261 -529
  96. package/src/generated/themes.json +2258 -4670
  97. package/src/generated/uitvoerend-groen/tokens.json +217 -485
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +217 -485
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +217 -485
  100. package/src/generated/uitvoerend-oranje/tokens.json +304 -572
  101. package/src/generated/uitvoerend-paars/tokens.json +217 -485
  102. package/src/generated/uitvoerend-violet/tokens.json +217 -485
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +482 -750
  104. package/src/generated/wetgevend/tokens.json +217 -485
  105. package/token-transformer.mjs +1 -3
@@ -1120,60 +1120,6 @@
1120
1120
  }
1121
1121
  }
1122
1122
  },
1123
- "number-badge": {
1124
- "line-height": {
1125
- "type": "lineHeights",
1126
- "value": "125%"
1127
- },
1128
- "background-color": {
1129
- "type": "color",
1130
- "value": "#a90061"
1131
- },
1132
- "border-color": {
1133
- "type": "color",
1134
- "value": "transparent"
1135
- },
1136
- "border-radius": {
1137
- "type": "dimension",
1138
- "value": "999px"
1139
- },
1140
- "border-width": {
1141
- "type": "dimension",
1142
- "value": "0px"
1143
- },
1144
- "color": {
1145
- "type": "color",
1146
- "value": "#fff"
1147
- },
1148
- "font-family": {
1149
- "type": "fontFamilies",
1150
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1151
- },
1152
- "font-size": {
1153
- "type": "fontSizes",
1154
- "value": "1.25rem"
1155
- },
1156
- "font-weight": {
1157
- "type": "fontWeights",
1158
- "value": 700
1159
- },
1160
- "min-block-size": {
1161
- "type": "dimension",
1162
- "value": "24px"
1163
- },
1164
- "min-inline-size": {
1165
- "type": "dimension",
1166
- "value": "24px"
1167
- },
1168
- "padding-block": {
1169
- "type": "dimension",
1170
- "value": "0.125rem"
1171
- },
1172
- "padding-inline": {
1173
- "type": "dimension",
1174
- "value": "0.5rem"
1175
- }
1176
- },
1177
1123
  "figure": {
1178
1124
  "caption": {
1179
1125
  "border-color": {
@@ -1182,415 +1128,102 @@
1182
1128
  },
1183
1129
  "border-width": {
1184
1130
  "type": "dimension",
1185
- "value": "4px"
1186
- },
1187
- "padding-block-end": {
1188
- "type": "dimension",
1189
- "value": "0.5rem"
1190
- },
1191
- "padding-block-start": {
1192
- "type": "dimension",
1193
- "value": "0.5rem"
1194
- },
1195
- "padding-inline-start": {
1196
- "type": "dimension",
1197
- "value": "1rem"
1198
- },
1199
- "color": {
1200
- "type": "color",
1201
- "value": "#0F172A"
1202
- },
1203
- "font-size": {
1204
- "type": "fontSizes",
1205
- "value": "1.25rem"
1206
- },
1207
- "line-height": {
1208
- "type": "lineHeights",
1209
- "value": "150%"
1210
- }
1211
- },
1212
- "img": {
1213
- "border-end-end-radius": {
1214
- "type": "dimension",
1215
- "value": 0
1216
- },
1217
- "border-end-start-radius": {
1218
- "type": "dimension",
1219
- "value": 0
1220
- },
1221
- "border-start-end-radius": {
1222
- "type": "dimension",
1223
- "value": 0
1224
- },
1225
- "border-start-start-radius": {
1226
- "type": "dimension",
1227
- "value": 0
1228
- }
1229
- }
1230
- },
1231
- "alert": {
1232
- "heading": {
1233
- "font-family": {
1234
- "type": "fontFamilies",
1235
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1236
- },
1237
- "font-size": {
1238
- "type": "fontSizes",
1239
- "value": "1.25rem"
1240
- },
1241
- "font-weight": {
1242
- "type": "fontWeights",
1243
- "value": 700
1244
- },
1245
- "line-height": {
1246
- "type": "lineHeights",
1247
- "value": "150%"
1248
- }
1249
- },
1250
- "message": {
1251
- "column-gap": {
1252
- "type": "dimension",
1253
- "value": "0.5rem"
1254
- },
1255
- "line-height": {
1256
- "type": "lineHeights",
1257
- "value": "150%"
1258
- },
1259
- "row-gap": {
1260
- "type": "dimension",
1261
- "value": "0rem"
1262
- }
1263
- },
1264
- "background-color": {
1265
- "type": "color",
1266
- "value": "#d9ebf7"
1267
- },
1268
- "border-color": {
1269
- "type": "color",
1270
- "value": "transparent"
1271
- },
1272
- "border-radius": {
1273
- "type": "dimension",
1274
- "value": 0
1275
- },
1276
- "border-width": {
1277
- "type": "dimension",
1278
- "value": "0px"
1279
- },
1280
- "color": {
1281
- "type": "color",
1282
- "value": "#000"
1283
- },
1284
- "column-gap": {
1285
- "type": "dimension",
1286
- "value": "0.5rem"
1287
- },
1288
- "margin-block-end": {
1289
- "description": "[code-only]",
1290
- "type": "dimension",
1291
- "value": "0.75rem"
1292
- },
1293
- "margin-block-start": {
1294
- "description": "[code-only]",
1295
- "type": "dimension",
1296
- "value": "0.75rem"
1297
- },
1298
- "padding-block-end": {
1299
- "type": "dimension",
1300
- "value": "1rem"
1301
- },
1302
- "padding-block-start": {
1303
- "type": "dimension",
1304
- "value": "1rem"
1305
- },
1306
- "padding-inline-end": {
1307
- "type": "dimension",
1308
- "value": "1rem"
1309
- },
1310
- "padding-inline-start": {
1311
- "type": "dimension",
1312
- "value": "1rem"
1313
- },
1314
- "content": {
1315
- "row-gap": {
1316
- "type": "dimension",
1317
- "value": "0.5rem"
1318
- }
1319
- },
1320
- "error": {
1321
- "background-color": {
1322
- "type": "color",
1323
- "value": "#f9dfdd"
1324
- },
1325
- "border-color": {
1326
- "type": "color",
1327
- "value": "transparent"
1328
- },
1329
- "color": {
1330
- "type": "color",
1331
- "value": "#000"
1332
- }
1333
- },
1334
- "info": {
1335
- "background-color": {
1336
- "type": "color",
1337
- "value": "#d9ebf7"
1338
- },
1339
- "border-color": {
1340
- "type": "color",
1341
- "value": "transparent"
1342
- },
1343
- "color": {
1344
- "type": "color",
1345
- "value": "#000"
1346
- }
1347
- },
1348
- "ok": {
1349
- "background-color": {
1350
- "type": "color",
1351
- "value": "#e1eddb"
1352
- },
1353
- "border-color": {
1354
- "type": "color",
1355
- "value": "transparent"
1356
- },
1357
- "color": {
1358
- "type": "color",
1359
- "value": "#000"
1360
- }
1361
- },
1362
- "warning": {
1363
- "background-color": {
1364
- "type": "color",
1365
- "value": "#fff4db"
1366
- },
1367
- "border-color": {
1368
- "type": "color",
1369
- "value": "transparent"
1370
- },
1371
- "color": {
1372
- "type": "color",
1373
- "value": "#000"
1374
- }
1375
- },
1376
- "icon": {
1377
- "color": {
1378
- "type": "color",
1379
- "value": "#007bc7"
1380
- },
1381
- "inset-block-start": {
1382
- "type": "dimension",
1383
- "value": "3px"
1384
- },
1385
- "size": {
1386
- "type": "dimension",
1387
- "value": "24px"
1388
- },
1389
- "error": {
1390
- "color": {
1391
- "type": "color",
1392
- "value": "#d52b1e"
1393
- }
1394
- },
1395
- "info": {
1396
- "color": {
1397
- "type": "color",
1398
- "value": "#007bc7"
1399
- }
1400
- },
1401
- "ok": {
1402
- "color": {
1403
- "type": "color",
1404
- "value": "#39870c"
1405
- }
1406
- },
1407
- "warning": {
1408
- "color": {
1409
- "type": "color",
1410
- "value": "#ffb612"
1411
- }
1412
- }
1413
- }
1414
- },
1415
- "accordion": {
1416
- "button": {
1417
- "active": {
1418
- "row-gap": {
1419
- "type": "dimension",
1420
- "value": 0
1421
- },
1422
- "background-color": {
1423
- "type": "color",
1424
- "value": "#F1F5F9"
1425
- },
1426
- "border-color": {
1427
- "type": "color",
1428
- "value": "transparent"
1429
- },
1430
- "color": {
1431
- "type": "color",
1432
- "value": "#0F172A"
1433
- }
1434
- },
1435
- "focus": {
1436
- "background-color": {
1437
- "type": "color",
1438
- "value": "#f2d9e7"
1439
- },
1440
- "border-color": {
1441
- "type": "color",
1442
- "value": "#a90061"
1443
- },
1444
- "color": {
1445
- "type": "color",
1446
- "value": "#0F172A"
1447
- }
1448
- },
1449
- "background-color": {
1450
- "type": "color",
1451
- "value": "#fff"
1452
- },
1453
- "border-color": {
1454
- "type": "color",
1455
- "value": "transparent"
1456
- },
1457
- "border-radius": {
1458
- "type": "dimension",
1459
- "value": "0px"
1460
- },
1461
- "border-width": {
1462
- "type": "dimension",
1463
- "value": "1px"
1464
- },
1465
- "color": {
1466
- "type": "color",
1467
- "value": "#0F172A"
1468
- },
1469
- "gap": {
1470
- "type": "dimension",
1471
- "value": "0.5rem"
1472
- },
1473
- "padding-block-end": {
1474
- "type": "dimension",
1475
- "value": "0.75rem"
1476
- },
1477
- "padding-block-start": {
1478
- "type": "dimension",
1479
- "value": "0.75rem"
1480
- },
1481
- "padding-inline-end": {
1482
- "type": "dimension",
1483
- "value": "1rem"
1484
- },
1485
- "padding-inline-start": {
1486
- "type": "dimension",
1487
- "value": "1rem"
1488
- },
1489
- "icon": {
1490
- "size": {
1491
- "type": "dimension",
1492
- "value": "24px"
1493
- }
1494
- },
1495
- "hover": {
1496
- "background-color": {
1497
- "type": "color",
1498
- "value": "#F8FAFC"
1499
- },
1500
- "border-color": {
1501
- "type": "color",
1502
- "value": "transparent"
1503
- },
1504
- "color": {
1505
- "type": "color",
1506
- "value": "#0F172A"
1507
- }
1508
- },
1509
- "focus-visible": {
1510
- "background-color": {
1511
- "type": "color",
1512
- "value": "#f2d9e7"
1513
- },
1514
- "border-color": {
1515
- "type": "color",
1516
- "value": "transparent"
1517
- },
1518
- "border-width": {
1519
- "type": "dimension",
1520
- "value": "1px"
1521
- },
1522
- "color": {
1523
- "type": "color",
1524
- "value": "#0F172A"
1525
- }
1526
- }
1527
- },
1528
- "margin-block-end": {
1529
- "description": "[code-only]",
1530
- "type": "dimension",
1531
- "value": "0rem"
1532
- },
1533
- "margin-block-start": {
1534
- "type": "dimension",
1535
- "value": "0rem"
1536
- },
1537
- "row-gap": {
1538
- "type": "dimension",
1539
- "value": "0rem"
1540
- },
1541
- "panel": {
1542
- "border-color": {
1543
- "type": "color",
1544
- "value": "transparent"
1545
- },
1546
- "border-width": {
1547
- "type": "dimension",
1548
- "value": "1px"
1131
+ "value": "4px"
1549
1132
  },
1550
1133
  "padding-block-end": {
1551
1134
  "type": "dimension",
1552
- "value": "1.5rem"
1135
+ "value": "0.5rem"
1553
1136
  },
1554
1137
  "padding-block-start": {
1555
1138
  "type": "dimension",
1556
- "value": "1rem"
1557
- },
1558
- "padding-inline-end": {
1559
- "type": "dimension",
1560
- "value": "1rem"
1139
+ "value": "0.5rem"
1561
1140
  },
1562
1141
  "padding-inline-start": {
1563
1142
  "type": "dimension",
1564
1143
  "value": "1rem"
1565
- }
1566
- },
1567
- "section": {
1568
- "border-color": {
1144
+ },
1145
+ "color": {
1569
1146
  "type": "color",
1570
- "value": "#94A3B8"
1147
+ "value": "#0F172A"
1571
1148
  },
1572
- "hover": {
1573
- "border-color": {
1574
- "type": "color",
1575
- "value": "#94A3B8"
1576
- }
1149
+ "font-size": {
1150
+ "type": "fontSizes",
1151
+ "value": "1.25rem"
1577
1152
  },
1578
- "border-width": {
1579
- "value": "1px",
1580
- "type": "dimension"
1153
+ "line-height": {
1154
+ "type": "lineHeights",
1155
+ "value": "150%"
1156
+ }
1157
+ },
1158
+ "img": {
1159
+ "border-end-end-radius": {
1160
+ "type": "dimension",
1161
+ "value": 0
1581
1162
  },
1582
- "margin-block-end": {
1583
- "value": "0rem",
1163
+ "border-end-start-radius": {
1584
1164
  "type": "dimension",
1585
- "description": "[code-only]"
1165
+ "value": 0
1586
1166
  },
1587
- "margin-block-start": {
1588
- "value": "0rem",
1167
+ "border-start-end-radius": {
1589
1168
  "type": "dimension",
1590
- "description": "[code-only]"
1169
+ "value": 0
1170
+ },
1171
+ "border-start-start-radius": {
1172
+ "type": "dimension",
1173
+ "value": 0
1591
1174
  }
1592
1175
  }
1593
1176
  },
1177
+ "number-badge": {
1178
+ "background-color": {
1179
+ "type": "color",
1180
+ "value": "#a90061"
1181
+ },
1182
+ "border-color": {
1183
+ "type": "color",
1184
+ "value": "transparent"
1185
+ },
1186
+ "border-radius": {
1187
+ "type": "dimension",
1188
+ "value": "999px"
1189
+ },
1190
+ "border-width": {
1191
+ "type": "dimension",
1192
+ "value": "0px"
1193
+ },
1194
+ "color": {
1195
+ "type": "color",
1196
+ "value": "#fff"
1197
+ },
1198
+ "font-family": {
1199
+ "type": "fontFamilies",
1200
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1201
+ },
1202
+ "font-size": {
1203
+ "type": "fontSizes",
1204
+ "value": "1.25rem"
1205
+ },
1206
+ "font-weight": {
1207
+ "type": "fontWeights",
1208
+ "value": 700
1209
+ },
1210
+ "min-block-size": {
1211
+ "type": "dimension",
1212
+ "value": "24px"
1213
+ },
1214
+ "min-inline-size": {
1215
+ "type": "dimension",
1216
+ "value": "24px"
1217
+ },
1218
+ "padding-block": {
1219
+ "type": "dimension",
1220
+ "value": "0.125rem"
1221
+ },
1222
+ "padding-inline": {
1223
+ "type": "dimension",
1224
+ "value": "0.5rem"
1225
+ }
1226
+ },
1594
1227
  "blockquote": {
1595
1228
  "border-block-end-width": {
1596
1229
  "type": "dimension",
@@ -1821,134 +1454,329 @@
1821
1454
  "value": "#154273",
1822
1455
  "type": "color"
1823
1456
  },
1824
- "font-size": {
1825
- "value": "1.25rem",
1826
- "type": "fontSizes"
1457
+ "font-size": {
1458
+ "value": "1.25rem",
1459
+ "type": "fontSizes"
1460
+ }
1461
+ }
1462
+ },
1463
+ "alert": {
1464
+ "background-color": {
1465
+ "type": "color",
1466
+ "value": "#d9ebf7"
1467
+ },
1468
+ "border-color": {
1469
+ "type": "color",
1470
+ "value": "transparent"
1471
+ },
1472
+ "border-radius": {
1473
+ "type": "dimension",
1474
+ "value": 0
1475
+ },
1476
+ "border-width": {
1477
+ "type": "dimension",
1478
+ "value": "0px"
1479
+ },
1480
+ "color": {
1481
+ "type": "color",
1482
+ "value": "#000"
1483
+ },
1484
+ "column-gap": {
1485
+ "type": "dimension",
1486
+ "value": "0.5rem"
1487
+ },
1488
+ "margin-block-end": {
1489
+ "description": "[code-only]",
1490
+ "type": "dimension",
1491
+ "value": "0.75rem"
1492
+ },
1493
+ "margin-block-start": {
1494
+ "description": "[code-only]",
1495
+ "type": "dimension",
1496
+ "value": "0.75rem"
1497
+ },
1498
+ "padding-block-end": {
1499
+ "type": "dimension",
1500
+ "value": "1rem"
1501
+ },
1502
+ "padding-block-start": {
1503
+ "type": "dimension",
1504
+ "value": "1rem"
1505
+ },
1506
+ "padding-inline-end": {
1507
+ "type": "dimension",
1508
+ "value": "1rem"
1509
+ },
1510
+ "padding-inline-start": {
1511
+ "type": "dimension",
1512
+ "value": "1rem"
1513
+ },
1514
+ "content": {
1515
+ "row-gap": {
1516
+ "type": "dimension",
1517
+ "value": "0.5rem"
1518
+ }
1519
+ },
1520
+ "error": {
1521
+ "background-color": {
1522
+ "type": "color",
1523
+ "value": "#f9dfdd"
1524
+ },
1525
+ "border-color": {
1526
+ "type": "color",
1527
+ "value": "transparent"
1528
+ },
1529
+ "color": {
1530
+ "type": "color",
1531
+ "value": "#000"
1532
+ }
1533
+ },
1534
+ "info": {
1535
+ "background-color": {
1536
+ "type": "color",
1537
+ "value": "#d9ebf7"
1538
+ },
1539
+ "border-color": {
1540
+ "type": "color",
1541
+ "value": "transparent"
1542
+ },
1543
+ "color": {
1544
+ "type": "color",
1545
+ "value": "#000"
1546
+ }
1547
+ },
1548
+ "message": {
1549
+ "row-gap": {
1550
+ "type": "dimension",
1551
+ "value": "0rem"
1552
+ }
1553
+ },
1554
+ "ok": {
1555
+ "background-color": {
1556
+ "type": "color",
1557
+ "value": "#e1eddb"
1558
+ },
1559
+ "border-color": {
1560
+ "type": "color",
1561
+ "value": "transparent"
1562
+ },
1563
+ "color": {
1564
+ "type": "color",
1565
+ "value": "#000"
1566
+ }
1567
+ },
1568
+ "warning": {
1569
+ "background-color": {
1570
+ "type": "color",
1571
+ "value": "#fff4db"
1572
+ },
1573
+ "border-color": {
1574
+ "type": "color",
1575
+ "value": "transparent"
1576
+ },
1577
+ "color": {
1578
+ "type": "color",
1579
+ "value": "#000"
1580
+ }
1581
+ },
1582
+ "icon": {
1583
+ "color": {
1584
+ "type": "color",
1585
+ "value": "#007bc7"
1586
+ },
1587
+ "inset-block-start": {
1588
+ "type": "dimension",
1589
+ "value": "3px"
1590
+ },
1591
+ "size": {
1592
+ "type": "dimension",
1593
+ "value": "24px"
1594
+ },
1595
+ "error": {
1596
+ "color": {
1597
+ "type": "color",
1598
+ "value": "#d52b1e"
1599
+ }
1600
+ },
1601
+ "info": {
1602
+ "color": {
1603
+ "type": "color",
1604
+ "value": "#007bc7"
1605
+ }
1606
+ },
1607
+ "ok": {
1608
+ "color": {
1609
+ "type": "color",
1610
+ "value": "#39870c"
1611
+ }
1612
+ },
1613
+ "warning": {
1614
+ "color": {
1615
+ "type": "color",
1616
+ "value": "#ffb612"
1617
+ }
1827
1618
  }
1828
1619
  }
1829
1620
  },
1830
- "skip-link": {
1831
- "focus": {
1832
- "text-decoration": {
1833
- "type": "textDecoration",
1834
- "value": "None"
1835
- },
1621
+ "accordion": {
1622
+ "margin-block-end": {
1623
+ "description": "[code-only]",
1624
+ "type": "dimension",
1625
+ "value": "0rem"
1626
+ },
1627
+ "margin-block-start": {
1628
+ "type": "dimension",
1629
+ "value": "0rem"
1630
+ },
1631
+ "row-gap": {
1632
+ "type": "dimension",
1633
+ "value": "0rem"
1634
+ },
1635
+ "panel": {
1836
1636
  "border-color": {
1837
1637
  "type": "color",
1838
- "value": "#a90061"
1638
+ "value": "transparent"
1839
1639
  },
1840
1640
  "border-width": {
1841
1641
  "type": "dimension",
1842
- "value": "2px"
1642
+ "value": "1px"
1843
1643
  },
1844
- "border-style": {
1845
- "type": "other",
1846
- "value": "solid"
1644
+ "padding-block-end": {
1645
+ "type": "dimension",
1646
+ "value": "1.5rem"
1647
+ },
1648
+ "padding-block-start": {
1649
+ "type": "dimension",
1650
+ "value": "1rem"
1651
+ },
1652
+ "padding-inline-end": {
1653
+ "type": "dimension",
1654
+ "value": "1rem"
1847
1655
  },
1656
+ "padding-inline-start": {
1657
+ "type": "dimension",
1658
+ "value": "1rem"
1659
+ }
1660
+ },
1661
+ "button": {
1848
1662
  "background-color": {
1849
1663
  "type": "color",
1850
1664
  "value": "#fff"
1851
1665
  },
1852
- "color": {
1666
+ "border-color": {
1853
1667
  "type": "color",
1854
- "value": "#01689b"
1855
- }
1856
- },
1857
- "border-color": {
1858
- "type": "color",
1859
- "value": "transparent"
1860
- },
1861
- "box-block-end-shadow": {
1668
+ "value": "transparent"
1669
+ },
1670
+ "border-radius": {
1671
+ "type": "dimension",
1672
+ "value": "0px"
1673
+ },
1674
+ "border-width": {
1675
+ "type": "dimension",
1676
+ "value": "1px"
1677
+ },
1862
1678
  "color": {
1863
1679
  "type": "color",
1864
- "value": "#0000001a"
1680
+ "value": "#0F172A"
1865
1681
  },
1866
- "blur-radius": {
1867
- "type": "other",
1868
- "value": "48px"
1682
+ "gap": {
1683
+ "type": "dimension",
1684
+ "value": "0.5rem"
1869
1685
  },
1870
- "offset-x": {
1871
- "type": "other",
1872
- "value": 0
1686
+ "padding-block-end": {
1687
+ "type": "dimension",
1688
+ "value": "0.75rem"
1873
1689
  },
1874
- "offset-y": {
1875
- "type": "other",
1876
- "value": "16px"
1690
+ "padding-block-start": {
1691
+ "type": "dimension",
1692
+ "value": "0.75rem"
1877
1693
  },
1878
- "spread-radius": {
1879
- "type": "other",
1880
- "value": 0
1694
+ "padding-inline-end": {
1695
+ "type": "dimension",
1696
+ "value": "1rem"
1697
+ },
1698
+ "padding-inline-start": {
1699
+ "type": "dimension",
1700
+ "value": "1rem"
1701
+ },
1702
+ "icon": {
1703
+ "size": {
1704
+ "type": "dimension",
1705
+ "value": "24px"
1706
+ }
1707
+ },
1708
+ "active": {
1709
+ "background-color": {
1710
+ "type": "color",
1711
+ "value": "#F1F5F9"
1712
+ },
1713
+ "border-color": {
1714
+ "type": "color",
1715
+ "value": "transparent"
1716
+ },
1717
+ "color": {
1718
+ "type": "color",
1719
+ "value": "#0F172A"
1720
+ }
1721
+ },
1722
+ "hover": {
1723
+ "background-color": {
1724
+ "type": "color",
1725
+ "value": "#F8FAFC"
1726
+ },
1727
+ "border-color": {
1728
+ "type": "color",
1729
+ "value": "transparent"
1730
+ },
1731
+ "color": {
1732
+ "type": "color",
1733
+ "value": "#0F172A"
1734
+ }
1735
+ },
1736
+ "focus-visible": {
1737
+ "background-color": {
1738
+ "type": "color",
1739
+ "value": "#f2d9e7"
1740
+ },
1741
+ "border-color": {
1742
+ "type": "color",
1743
+ "value": "transparent"
1744
+ },
1745
+ "border-width": {
1746
+ "type": "dimension",
1747
+ "value": "1px"
1748
+ },
1749
+ "color": {
1750
+ "type": "color",
1751
+ "value": "#0F172A"
1752
+ }
1881
1753
  }
1882
1754
  },
1883
- "focus-visible": {
1884
- "outline-color": {
1755
+ "section": {
1756
+ "border-color": {
1885
1757
  "type": "color",
1886
- "value": "#000"
1758
+ "value": "#94A3B8"
1887
1759
  },
1888
- "text-decoration": {
1889
- "type": "textDecoration",
1890
- "value": "underline"
1760
+ "hover": {
1761
+ "border-color": {
1762
+ "type": "color",
1763
+ "value": "#94A3B8"
1764
+ }
1765
+ },
1766
+ "border-width": {
1767
+ "value": "1px",
1768
+ "type": "dimension"
1769
+ },
1770
+ "margin-block-end": {
1771
+ "value": "0rem",
1772
+ "type": "dimension",
1773
+ "description": "[code-only]"
1774
+ },
1775
+ "margin-block-start": {
1776
+ "value": "0rem",
1777
+ "type": "dimension",
1778
+ "description": "[code-only]"
1891
1779
  }
1892
- },
1893
- "font-family": {
1894
- "type": "fontFamilies",
1895
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1896
- },
1897
- "font-weight": {
1898
- "type": "fontWeights",
1899
- "value": 700
1900
- },
1901
- "line-height": {
1902
- "type": "lineHeights",
1903
- "value": "150%"
1904
- },
1905
- "border-width": {
1906
- "type": "dimension",
1907
- "value": "2px"
1908
- },
1909
- "text-underline-offset": {
1910
- "type": "other",
1911
- "value": "0.125rem"
1912
- },
1913
- "font-size": {
1914
- "type": "fontSizes",
1915
- "value": "1.25rem"
1916
- },
1917
- "background-color": {
1918
- "type": "color",
1919
- "value": "#fff"
1920
- },
1921
- "color": {
1922
- "type": "color",
1923
- "value": "#01689b"
1924
- },
1925
- "min-block-size": {
1926
- "type": "dimension",
1927
- "value": "48px"
1928
- },
1929
- "min-inline-size": {
1930
- "type": "dimension",
1931
- "value": "48px"
1932
- },
1933
- "padding-block-end": {
1934
- "type": "dimension",
1935
- "value": "0.75rem"
1936
- },
1937
- "padding-block-start": {
1938
- "type": "dimension",
1939
- "value": "0.75rem"
1940
- },
1941
- "padding-inline-end": {
1942
- "type": "dimension",
1943
- "value": "1rem"
1944
- },
1945
- "padding-inline-start": {
1946
- "type": "dimension",
1947
- "value": "1rem"
1948
- },
1949
- "text-decoration": {
1950
- "type": "textDecoration",
1951
- "value": "underline"
1952
1780
  }
1953
1781
  },
1954
1782
  "data-badge": {
@@ -2472,30 +2300,10 @@
2472
2300
  "value": "0rem",
2473
2301
  "description": "[code-only]"
2474
2302
  },
2475
- "margin-block-start": {
2476
- "type": "dimension",
2477
- "value": "0rem",
2478
- "description": "[code-only]"
2479
- },
2480
- "background-color": {
2481
- "type": "color",
2482
- "value": "transparent"
2483
- },
2484
- "column-gap": {
2485
- "type": "dimension",
2486
- "value": "0.5rem"
2487
- },
2488
- "padding-block-end": {
2489
- "type": "dimension",
2490
- "value": "0px"
2491
- },
2492
- "padding-block-start": {
2493
- "type": "dimension",
2494
- "value": "0px"
2495
- },
2496
- "row-gap": {
2303
+ "margin-block-start": {
2497
2304
  "type": "dimension",
2498
- "value": "0.5rem"
2305
+ "value": "0rem",
2306
+ "description": "[code-only]"
2499
2307
  }
2500
2308
  },
2501
2309
  "breadcrumb-nav": {
@@ -2792,6 +2600,28 @@
2792
2600
  }
2793
2601
  }
2794
2602
  },
2603
+ "action-group": {
2604
+ "background-color": {
2605
+ "type": "color",
2606
+ "value": "transparent"
2607
+ },
2608
+ "column-gap": {
2609
+ "type": "dimension",
2610
+ "value": "0.5rem"
2611
+ },
2612
+ "padding-block-end": {
2613
+ "type": "dimension",
2614
+ "value": "0rem"
2615
+ },
2616
+ "padding-block-start": {
2617
+ "type": "dimension",
2618
+ "value": "0rem"
2619
+ },
2620
+ "row-gap": {
2621
+ "type": "dimension",
2622
+ "value": "0.5rem"
2623
+ }
2624
+ },
2795
2625
  "column-layout": {
2796
2626
  "column-rule-color": {
2797
2627
  "value": "transparent",
@@ -3257,6 +3087,78 @@
3257
3087
  }
3258
3088
  }
3259
3089
  },
3090
+ "drawer": {
3091
+ "max-inline-size": {
3092
+ "value": "256px",
3093
+ "type": "spacing"
3094
+ },
3095
+ "z-index": {
3096
+ "type": "dimension",
3097
+ "value": 1
3098
+ },
3099
+ "background-color": {
3100
+ "value": "#fff",
3101
+ "type": "color"
3102
+ },
3103
+ "border-color": {
3104
+ "value": "#64748B",
3105
+ "type": "color"
3106
+ },
3107
+ "border-width": {
3108
+ "type": "dimension",
3109
+ "value": "0px"
3110
+ },
3111
+ "color": {
3112
+ "value": "#0F172A",
3113
+ "type": "color"
3114
+ },
3115
+ "max-block-size": {
3116
+ "value": "240px",
3117
+ "type": "dimension"
3118
+ },
3119
+ "padding-block-start": {
3120
+ "value": "1rem",
3121
+ "type": "spacing"
3122
+ },
3123
+ "padding-block-end": {
3124
+ "value": "1rem",
3125
+ "type": "spacing"
3126
+ },
3127
+ "padding-inline-start": {
3128
+ "value": "1rem",
3129
+ "type": "spacing"
3130
+ },
3131
+ "padding-inline-end": {
3132
+ "value": "1rem",
3133
+ "type": "spacing"
3134
+ }
3135
+ },
3136
+ "backdrop": {
3137
+ "background-color": {
3138
+ "value": "#0000004d",
3139
+ "type": "color"
3140
+ },
3141
+ "color": {
3142
+ "value": "#0F172A",
3143
+ "type": "color"
3144
+ },
3145
+ "opacity": {
3146
+ "value": 0.8,
3147
+ "type": "opacity"
3148
+ },
3149
+ "fade-in": {
3150
+ "animation-duration": {
3151
+ "value": "400ms",
3152
+ "type": "other"
3153
+ }
3154
+ },
3155
+ "reduced-transparency": {
3156
+ "opacity": {
3157
+ "value": 0.98,
3158
+ "type": "opacity"
3159
+ }
3160
+ }
3161
+ },
3260
3162
  "article": {
3261
3163
  "max-inline-size": {
3262
3164
  "value": "75ch",
@@ -3601,11 +3503,11 @@
3601
3503
  },
3602
3504
  "font-weight": {
3603
3505
  "type": "fontWeights",
3604
- "value": 400
3506
+ "value": 700
3605
3507
  },
3606
3508
  "line-height": {
3607
3509
  "type": "lineHeights",
3608
- "value": "150%"
3510
+ "value": "1.875rem"
3609
3511
  }
3610
3512
  }
3611
3513
  },
@@ -3618,20 +3520,10 @@
3618
3520
  }
3619
3521
  }
3620
3522
  }
3621
- },
3622
- "skip-link": {
3623
- "font-weight": {
3624
- "type": "fontWeights",
3625
- "value": 700
3626
- }
3627
3523
  }
3628
3524
  },
3629
3525
  "nl": {
3630
3526
  "number-badge": {
3631
- "line-height": {
3632
- "type": "lineHeights",
3633
- "value": "125%"
3634
- },
3635
3527
  "background-color": {
3636
3528
  "type": "color",
3637
3529
  "value": "#a90061"
@@ -3682,96 +3574,6 @@
3682
3574
  }
3683
3575
  },
3684
3576
  "skip-link": {
3685
- "border-color": {
3686
- "type": "color",
3687
- "value": "transparent"
3688
- },
3689
- "border-width": {
3690
- "type": "dimension",
3691
- "value": "2px"
3692
- },
3693
- "font-family": {
3694
- "type": "fontFamilies",
3695
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
3696
- },
3697
- "font-weight": {
3698
- "type": "fontWeights",
3699
- "value": 700
3700
- },
3701
- "padding-block-end": {
3702
- "type": "dimension",
3703
- "value": "0.75rem"
3704
- },
3705
- "padding-block-start": {
3706
- "type": "dimension",
3707
- "value": "0.75rem"
3708
- },
3709
- "padding-inline-end": {
3710
- "type": "dimension",
3711
- "value": "1rem"
3712
- },
3713
- "padding-inline-start": {
3714
- "type": "dimension",
3715
- "value": "1rem"
3716
- },
3717
- "box-block-end-shadow": {
3718
- "blur-radius": {
3719
- "type": "other",
3720
- "value": "48px"
3721
- },
3722
- "color": {
3723
- "type": "color",
3724
- "value": "#0000001a"
3725
- },
3726
- "offset-x": {
3727
- "type": "other",
3728
- "value": 0
3729
- },
3730
- "offset-y": {
3731
- "type": "other",
3732
- "value": "16px"
3733
- },
3734
- "spread-radius": {
3735
- "type": "other",
3736
- "value": 0
3737
- }
3738
- },
3739
- "focus": {
3740
- "background-color": {
3741
- "type": "color",
3742
- "value": "#fff"
3743
- },
3744
- "border-color": {
3745
- "type": "color",
3746
- "value": "#a90061"
3747
- },
3748
- "border-style": {
3749
- "type": "other",
3750
- "value": "solid"
3751
- },
3752
- "border-width": {
3753
- "type": "dimension",
3754
- "value": "2px"
3755
- },
3756
- "color": {
3757
- "type": "color",
3758
- "value": "#0F172A"
3759
- },
3760
- "text-decoration": {
3761
- "type": "textDecoration",
3762
- "value": "None"
3763
- }
3764
- },
3765
- "focus-visible": {
3766
- "outline-color": {
3767
- "type": "color",
3768
- "value": "#000"
3769
- }
3770
- },
3771
- "text-decoration": {
3772
- "type": "textDecoration",
3773
- "value": "underline"
3774
- },
3775
3577
  "background-color": {
3776
3578
  "type": "color",
3777
3579
  "value": "#fff"
@@ -4148,86 +3950,6 @@
4148
3950
  }
4149
3951
  },
4150
3952
  "rhc": {
4151
- "accordion": {
4152
- "border-radius": {
4153
- "type": "dimension",
4154
- "value": "0px"
4155
- },
4156
- "color": {
4157
- "type": "color",
4158
- "value": "#0F172A"
4159
- },
4160
- "header": {
4161
- "margin": {
4162
- "type": "dimension",
4163
- "value": 0
4164
- }
4165
- },
4166
- "section": {
4167
- "border-block-end-width": {
4168
- "type": "dimension",
4169
- "value": "1px"
4170
- },
4171
- "border-color": {
4172
- "type": "color",
4173
- "value": "#94A3B8"
4174
- },
4175
- "border-width": {
4176
- "type": "dimension",
4177
- "value": "1px"
4178
- }
4179
- },
4180
- "button": {
4181
- "padding-block-end": {
4182
- "type": "dimension",
4183
- "value": "0.75rem"
4184
- },
4185
- "padding-block-start": {
4186
- "type": "dimension",
4187
- "value": "0.75rem"
4188
- },
4189
- "padding-inline-end": {
4190
- "type": "dimension",
4191
- "value": "1rem"
4192
- },
4193
- "padding-inline-start": {
4194
- "type": "dimension",
4195
- "value": "1rem"
4196
- },
4197
- "expanded": {
4198
- "background-color": {
4199
- "type": "color",
4200
- "value": "#fff"
4201
- },
4202
- "color": {
4203
- "type": "color",
4204
- "value": "#0F172A"
4205
- }
4206
- },
4207
- "icon": {
4208
- "margin-block": {
4209
- "type": "dimension",
4210
- "value": "0.25rem"
4211
- }
4212
- },
4213
- "font-family": {
4214
- "type": "fontFamilies",
4215
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
4216
- },
4217
- "font-weight": {
4218
- "type": "fontWeights",
4219
- "value": 400
4220
- },
4221
- "font-size": {
4222
- "type": "fontSizes",
4223
- "value": "1.25rem"
4224
- },
4225
- "line-height": {
4226
- "value": "150%",
4227
- "type": "lineHeights"
4228
- }
4229
- }
4230
- },
4231
3953
  "keep": {
4232
3954
  "_comment": {
4233
3955
  "type": "other",
@@ -4582,6 +4304,10 @@
4582
4304
  "type": "color"
4583
4305
  }
4584
4306
  },
4307
+ "backdrop": {
4308
+ "value": "#0000004d",
4309
+ "type": "color"
4310
+ },
4585
4311
  "border": {
4586
4312
  "default": {
4587
4313
  "parent": "mode/light",
@@ -5257,6 +4983,12 @@
5257
4983
  "value": "#000",
5258
4984
  "type": "color"
5259
4985
  },
4986
+ "transparent": {
4987
+ "30": {
4988
+ "value": "#0000004d",
4989
+ "type": "color"
4990
+ }
4991
+ },
5260
4992
  "none": {
5261
4993
  "value": "transparent",
5262
4994
  "type": "color"