@rijkshuisstijl-community/design-tokens 5.0.0 → 6.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 +34 -0
  2. package/dist/_variables.scss +603 -668
  3. package/dist/index.css +603 -668
  4. package/dist/index.d.ts +690 -755
  5. package/dist/index.js +692 -757
  6. package/dist/index.json +691 -756
  7. package/dist/index.tokens.json +1715 -1802
  8. package/dist/koop/_variables.scss +38 -118
  9. package/dist/koop/index.css +38 -118
  10. package/dist/koop/index.d.ts +36 -116
  11. package/dist/koop/index.js +38 -118
  12. package/dist/koop/index.json +37 -117
  13. package/dist/koop/index.tokens.json +47 -159
  14. package/dist/koop/root.css +38 -118
  15. package/dist/koop/tokens.d.ts +46 -158
  16. package/dist/koop/tokens.js +2345 -4171
  17. package/dist/root.css +603 -668
  18. package/dist/tokens.d.ts +1614 -1701
  19. package/dist/tokens.js +24567 -26048
  20. package/dist/uitvoerend-groen/_variables.scss +28 -108
  21. package/dist/uitvoerend-groen/index.css +28 -108
  22. package/dist/uitvoerend-groen/index.d.ts +26 -106
  23. package/dist/uitvoerend-groen/index.js +28 -108
  24. package/dist/uitvoerend-groen/index.json +27 -107
  25. package/dist/uitvoerend-groen/index.tokens.json +35 -147
  26. package/dist/uitvoerend-groen/root.css +28 -108
  27. package/dist/uitvoerend-groen/tokens.d.ts +34 -146
  28. package/dist/uitvoerend-groen/tokens.js +1240 -3066
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +28 -108
  30. package/dist/uitvoerend-hemelblauw/index.css +28 -108
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +26 -106
  32. package/dist/uitvoerend-hemelblauw/index.js +28 -108
  33. package/dist/uitvoerend-hemelblauw/index.json +27 -107
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +35 -147
  35. package/dist/uitvoerend-hemelblauw/root.css +28 -108
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +34 -146
  37. package/dist/uitvoerend-hemelblauw/tokens.js +1240 -3066
  38. package/dist/uitvoerend-mintgroen/_variables.scss +28 -108
  39. package/dist/uitvoerend-mintgroen/index.css +28 -108
  40. package/dist/uitvoerend-mintgroen/index.d.ts +26 -106
  41. package/dist/uitvoerend-mintgroen/index.js +28 -108
  42. package/dist/uitvoerend-mintgroen/index.json +27 -107
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +35 -147
  44. package/dist/uitvoerend-mintgroen/root.css +28 -108
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +34 -146
  46. package/dist/uitvoerend-mintgroen/tokens.js +1240 -3066
  47. package/dist/uitvoerend-oranje/_variables.scss +51 -131
  48. package/dist/uitvoerend-oranje/index.css +51 -131
  49. package/dist/uitvoerend-oranje/index.d.ts +49 -129
  50. package/dist/uitvoerend-oranje/index.js +51 -131
  51. package/dist/uitvoerend-oranje/index.json +50 -130
  52. package/dist/uitvoerend-oranje/index.tokens.json +69 -181
  53. package/dist/uitvoerend-oranje/root.css +51 -131
  54. package/dist/uitvoerend-oranje/tokens.d.ts +65 -177
  55. package/dist/uitvoerend-oranje/tokens.js +1856 -3682
  56. package/dist/uitvoerend-paars/_variables.scss +28 -108
  57. package/dist/uitvoerend-paars/index.css +28 -108
  58. package/dist/uitvoerend-paars/index.d.ts +26 -106
  59. package/dist/uitvoerend-paars/index.js +28 -108
  60. package/dist/uitvoerend-paars/index.json +27 -107
  61. package/dist/uitvoerend-paars/index.tokens.json +35 -147
  62. package/dist/uitvoerend-paars/root.css +28 -108
  63. package/dist/uitvoerend-paars/tokens.d.ts +34 -146
  64. package/dist/uitvoerend-paars/tokens.js +1240 -3066
  65. package/dist/uitvoerend-violet/_variables.scss +28 -108
  66. package/dist/uitvoerend-violet/index.css +28 -108
  67. package/dist/uitvoerend-violet/index.d.ts +26 -106
  68. package/dist/uitvoerend-violet/index.js +28 -108
  69. package/dist/uitvoerend-violet/index.json +27 -107
  70. package/dist/uitvoerend-violet/index.tokens.json +35 -147
  71. package/dist/uitvoerend-violet/root.css +28 -108
  72. package/dist/uitvoerend-violet/tokens.d.ts +34 -146
  73. package/dist/uitvoerend-violet/tokens.js +1240 -3066
  74. package/dist/uitvoerend-violet-oud/_variables.scss +83 -163
  75. package/dist/uitvoerend-violet-oud/index.css +83 -163
  76. package/dist/uitvoerend-violet-oud/index.d.ts +81 -161
  77. package/dist/uitvoerend-violet-oud/index.js +83 -163
  78. package/dist/uitvoerend-violet-oud/index.json +82 -162
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +102 -214
  80. package/dist/uitvoerend-violet-oud/root.css +83 -163
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +100 -212
  82. package/dist/uitvoerend-violet-oud/tokens.js +3009 -4835
  83. package/dist/wetgevend/_variables.scss +28 -108
  84. package/dist/wetgevend/index.css +28 -108
  85. package/dist/wetgevend/index.d.ts +26 -106
  86. package/dist/wetgevend/index.js +28 -108
  87. package/dist/wetgevend/index.json +27 -107
  88. package/dist/wetgevend/index.tokens.json +35 -147
  89. package/dist/wetgevend/root.css +28 -108
  90. package/dist/wetgevend/tokens.d.ts +34 -146
  91. package/dist/wetgevend/tokens.js +1240 -3066
  92. package/figma/figma.tokens.json +872 -934
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +4916 -5198
  95. package/src/generated/koop/tokens.json +167 -519
  96. package/src/generated/themes.json +1379 -4547
  97. package/src/generated/uitvoerend-groen/tokens.json +124 -476
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +124 -476
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +124 -476
  100. package/src/generated/uitvoerend-oranje/tokens.json +196 -548
  101. package/src/generated/uitvoerend-paars/tokens.json +124 -476
  102. package/src/generated/uitvoerend-violet/tokens.json +124 -476
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +434 -786
  104. package/src/generated/wetgevend/tokens.json +124 -476
  105. package/token-transformer.mjs +1 -1
@@ -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": {
@@ -1228,42 +1174,10 @@
1228
1174
  }
1229
1175
  }
1230
1176
  },
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
- },
1177
+ "number-badge": {
1264
1178
  "background-color": {
1265
1179
  "type": "color",
1266
- "value": "#d9ebf7"
1180
+ "value": "#a90061"
1267
1181
  },
1268
1182
  "border-color": {
1269
1183
  "type": "color",
@@ -1271,7 +1185,7 @@
1271
1185
  },
1272
1186
  "border-radius": {
1273
1187
  "type": "dimension",
1274
- "value": 0
1188
+ "value": "999px"
1275
1189
  },
1276
1190
  "border-width": {
1277
1191
  "type": "dimension",
@@ -1279,676 +1193,590 @@
1279
1193
  },
1280
1194
  "color": {
1281
1195
  "type": "color",
1282
- "value": "#000"
1196
+ "value": "#fff"
1283
1197
  },
1284
- "column-gap": {
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": {
1285
1223
  "type": "dimension",
1286
1224
  "value": "0.5rem"
1225
+ }
1226
+ },
1227
+ "blockquote": {
1228
+ "border-block-end-width": {
1229
+ "type": "dimension",
1230
+ "value": 0
1287
1231
  },
1288
- "margin-block-end": {
1289
- "description": "[code-only]",
1232
+ "border-block-start-width": {
1290
1233
  "type": "dimension",
1291
- "value": "0.75rem"
1234
+ "value": 0
1292
1235
  },
1293
- "margin-block-start": {
1294
- "description": "[code-only]",
1236
+ "border-end-end-radius": {
1295
1237
  "type": "dimension",
1296
- "value": "0.75rem"
1238
+ "value": 0
1297
1239
  },
1298
- "padding-block-end": {
1240
+ "border-end-start-radius": {
1299
1241
  "type": "dimension",
1300
- "value": "1rem"
1242
+ "value": 0
1301
1243
  },
1302
- "padding-block-start": {
1244
+ "border-inline-end-width": {
1303
1245
  "type": "dimension",
1304
- "value": "1rem"
1246
+ "value": 0
1305
1247
  },
1306
- "padding-inline-end": {
1248
+ "border-start-end-radius": {
1307
1249
  "type": "dimension",
1308
- "value": "1rem"
1250
+ "value": 0
1309
1251
  },
1310
- "padding-inline-start": {
1252
+ "border-start-start-radius": {
1311
1253
  "type": "dimension",
1312
- "value": "1rem"
1254
+ "value": 0
1313
1255
  },
1314
- "content": {
1315
- "row-gap": {
1316
- "type": "dimension",
1317
- "value": "0.5rem"
1318
- }
1256
+ "margin-block-end": {
1257
+ "type": "dimension",
1258
+ "value": 0
1319
1259
  },
1320
- "error": {
1321
- "background-color": {
1322
- "type": "color",
1323
- "value": "#f9dfdd"
1260
+ "margin-block-start": {
1261
+ "type": "dimension",
1262
+ "value": 0
1263
+ },
1264
+ "margin-inline-end": {
1265
+ "type": "dimension",
1266
+ "value": 0
1267
+ },
1268
+ "margin-inline-start": {
1269
+ "type": "dimension",
1270
+ "value": 0
1271
+ },
1272
+ "blue-corner-border-variation": {
1273
+ "border-block-end-width": {
1274
+ "type": "dimension",
1275
+ "value": "2px"
1324
1276
  },
1325
1277
  "border-color": {
1326
1278
  "type": "color",
1327
- "value": "transparent"
1279
+ "value": "#a90061"
1328
1280
  },
1329
- "color": {
1330
- "type": "color",
1331
- "value": "#000"
1281
+ "border-end-end-radius": {
1282
+ "type": "dimension",
1283
+ "value": "3rem"
1284
+ },
1285
+ "border-inline-end-width": {
1286
+ "type": "dimension",
1287
+ "value": "2px"
1332
1288
  }
1333
1289
  },
1334
- "info": {
1335
- "background-color": {
1290
+ "caption": {
1291
+ "color": {
1336
1292
  "type": "color",
1337
- "value": "#d9ebf7"
1293
+ "value": "#154273"
1338
1294
  },
1339
- "border-color": {
1340
- "type": "color",
1341
- "value": "transparent"
1295
+ "font-family": {
1296
+ "type": "fontFamilies",
1297
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1342
1298
  },
1343
- "color": {
1344
- "type": "color",
1345
- "value": "#000"
1299
+ "font-size": {
1300
+ "type": "fontSizes",
1301
+ "value": "1.25rem"
1302
+ },
1303
+ "font-weight": {
1304
+ "type": "fontWeights",
1305
+ "value": 400
1306
+ },
1307
+ "line-height": {
1308
+ "type": "lineHeights",
1309
+ "value": "150%"
1310
+ },
1311
+ "padding-block-start": {
1312
+ "type": "dimension",
1313
+ "value": "0.75rem"
1346
1314
  }
1347
1315
  },
1348
- "ok": {
1349
- "background-color": {
1350
- "type": "color",
1351
- "value": "#e1eddb"
1316
+ "content": {
1317
+ "font-family": {
1318
+ "type": "fontFamilies",
1319
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1352
1320
  },
1353
- "border-color": {
1354
- "type": "color",
1355
- "value": "transparent"
1321
+ "font-weight": {
1322
+ "type": "fontWeights",
1323
+ "value": 400
1324
+ },
1325
+ "line-height": {
1326
+ "type": "lineHeights",
1327
+ "value": "150%"
1356
1328
  },
1357
1329
  "color": {
1358
- "type": "color",
1359
- "value": "#000"
1330
+ "value": "#154273",
1331
+ "type": "color"
1332
+ },
1333
+ "font-size": {
1334
+ "value": "1.25rem",
1335
+ "type": "fontSizes"
1360
1336
  }
1361
1337
  },
1362
- "warning": {
1338
+ "pink-background-variation": {
1363
1339
  "background-color": {
1364
1340
  "type": "color",
1365
- "value": "#fff4db"
1366
- },
1367
- "border-color": {
1368
- "type": "color",
1369
- "value": "transparent"
1341
+ "value": "#F6BDE1"
1370
1342
  },
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": {
1343
+ "border-end-start-radius": {
1382
1344
  "type": "dimension",
1383
- "value": "3px"
1345
+ "value": "3rem"
1384
1346
  },
1385
- "size": {
1347
+ "padding": {
1386
1348
  "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
- }
1349
+ "value": "2.5rem"
1412
1350
  }
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"
1351
+ },
1352
+ "pink-corner-border-variation": {
1353
+ "border-block-start-width": {
1354
+ "type": "dimension",
1355
+ "value": "0.25rem"
1452
1356
  },
1453
1357
  "border-color": {
1454
1358
  "type": "color",
1455
- "value": "transparent"
1359
+ "value": "#F6BDE1"
1456
1360
  },
1457
- "border-radius": {
1361
+ "border-inline-start-width": {
1458
1362
  "type": "dimension",
1459
- "value": "0px"
1363
+ "value": "0.25rem"
1460
1364
  },
1461
- "border-width": {
1365
+ "border-start-start-radius": {
1462
1366
  "type": "dimension",
1463
- "value": "1px"
1367
+ "value": "3rem"
1464
1368
  },
1465
- "color": {
1369
+ "padding": {
1370
+ "type": "dimension",
1371
+ "value": "2.5rem"
1372
+ }
1373
+ },
1374
+ "pink-left-border-variation": {
1375
+ "border-color": {
1466
1376
  "type": "color",
1467
- "value": "#0F172A"
1377
+ "value": "#F6BDE1"
1468
1378
  },
1469
- "gap": {
1379
+ "border-inline-start-width": {
1470
1380
  "type": "dimension",
1471
- "value": "0.5rem"
1381
+ "value": "0.75rem"
1472
1382
  },
1473
1383
  "padding-block-end": {
1474
1384
  "type": "dimension",
1475
- "value": "0.75rem"
1385
+ "value": "1.5rem"
1476
1386
  },
1477
1387
  "padding-block-start": {
1478
1388
  "type": "dimension",
1479
- "value": "0.75rem"
1389
+ "value": "1.5rem"
1480
1390
  },
1481
1391
  "padding-inline-end": {
1482
1392
  "type": "dimension",
1483
- "value": "1rem"
1393
+ "value": "2.5rem"
1484
1394
  },
1485
1395
  "padding-inline-start": {
1486
1396
  "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
- }
1397
+ "value": "2.5rem"
1398
+ }
1399
+ },
1400
+ "background-color": {
1401
+ "value": "transparent",
1402
+ "type": "color"
1403
+ },
1404
+ "border-inline-start-width": {
1405
+ "value": "0px",
1406
+ "type": "dimension"
1407
+ },
1408
+ "border-color": {
1409
+ "value": "transparent",
1410
+ "type": "color"
1411
+ },
1412
+ "border-radius": {
1413
+ "value": "0px",
1414
+ "type": "dimension"
1415
+ },
1416
+ "border-width": {
1417
+ "value": "0px",
1418
+ "type": "dimension"
1419
+ },
1420
+ "color": {
1421
+ "value": "#154273",
1422
+ "type": "color"
1423
+ },
1424
+ "font-size": {
1425
+ "value": "1.25rem",
1426
+ "type": "fontSizes"
1427
+ },
1428
+ "font-family": {
1429
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1430
+ "type": "fontFamilies"
1431
+ },
1432
+ "padding-block-end": {
1433
+ "value": "2rem",
1434
+ "type": "dimension"
1435
+ },
1436
+ "padding-block-start": {
1437
+ "value": "2rem",
1438
+ "type": "dimension"
1439
+ },
1440
+ "padding-inline-end": {
1441
+ "value": "2rem",
1442
+ "type": "dimension"
1443
+ },
1444
+ "padding-inline-start": {
1445
+ "value": "2rem",
1446
+ "type": "dimension"
1447
+ },
1448
+ "row-gap": {
1449
+ "value": "0.75rem",
1450
+ "type": "dimension"
1451
+ },
1452
+ "attribution": {
1453
+ "color": {
1454
+ "value": "#154273",
1455
+ "type": "color"
1508
1456
  },
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
- }
1457
+ "font-size": {
1458
+ "value": "1.25rem",
1459
+ "type": "fontSizes"
1526
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"
1527
1487
  },
1528
1488
  "margin-block-end": {
1529
1489
  "description": "[code-only]",
1530
1490
  "type": "dimension",
1531
- "value": "0rem"
1491
+ "value": "0.75rem"
1532
1492
  },
1533
1493
  "margin-block-start": {
1494
+ "description": "[code-only]",
1534
1495
  "type": "dimension",
1535
- "value": "0rem"
1496
+ "value": "0.75rem"
1536
1497
  },
1537
- "row-gap": {
1498
+ "padding-block-end": {
1538
1499
  "type": "dimension",
1539
- "value": "0rem"
1500
+ "value": "1rem"
1540
1501
  },
1541
- "panel": {
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
+ },
1542
1525
  "border-color": {
1543
1526
  "type": "color",
1544
1527
  "value": "transparent"
1545
1528
  },
1546
- "border-width": {
1547
- "type": "dimension",
1548
- "value": "1px"
1529
+ "color": {
1530
+ "type": "color",
1531
+ "value": "#000"
1532
+ }
1533
+ },
1534
+ "info": {
1535
+ "background-color": {
1536
+ "type": "color",
1537
+ "value": "#d9ebf7"
1549
1538
  },
1550
- "padding-block-end": {
1551
- "type": "dimension",
1552
- "value": "1.5rem"
1539
+ "border-color": {
1540
+ "type": "color",
1541
+ "value": "transparent"
1553
1542
  },
1554
- "padding-block-start": {
1543
+ "color": {
1544
+ "type": "color",
1545
+ "value": "#000"
1546
+ }
1547
+ },
1548
+ "message": {
1549
+ "row-gap": {
1555
1550
  "type": "dimension",
1556
- "value": "1rem"
1551
+ "value": "0rem"
1552
+ }
1553
+ },
1554
+ "ok": {
1555
+ "background-color": {
1556
+ "type": "color",
1557
+ "value": "#e1eddb"
1557
1558
  },
1558
- "padding-inline-end": {
1559
- "type": "dimension",
1560
- "value": "1rem"
1559
+ "border-color": {
1560
+ "type": "color",
1561
+ "value": "transparent"
1561
1562
  },
1562
- "padding-inline-start": {
1563
- "type": "dimension",
1564
- "value": "1rem"
1563
+ "color": {
1564
+ "type": "color",
1565
+ "value": "#000"
1565
1566
  }
1566
1567
  },
1567
- "section": {
1568
+ "warning": {
1569
+ "background-color": {
1570
+ "type": "color",
1571
+ "value": "#fff4db"
1572
+ },
1568
1573
  "border-color": {
1569
1574
  "type": "color",
1570
- "value": "#94A3B8"
1575
+ "value": "transparent"
1571
1576
  },
1572
- "hover": {
1573
- "border-color": {
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": {
1574
1597
  "type": "color",
1575
- "value": "#94A3B8"
1598
+ "value": "#d52b1e"
1576
1599
  }
1577
1600
  },
1578
- "border-width": {
1579
- "value": "1px",
1580
- "type": "dimension"
1601
+ "info": {
1602
+ "color": {
1603
+ "type": "color",
1604
+ "value": "#007bc7"
1605
+ }
1581
1606
  },
1582
- "margin-block-end": {
1583
- "value": "0rem",
1584
- "type": "dimension",
1585
- "description": "[code-only]"
1607
+ "ok": {
1608
+ "color": {
1609
+ "type": "color",
1610
+ "value": "#39870c"
1611
+ }
1586
1612
  },
1587
- "margin-block-start": {
1588
- "value": "0rem",
1589
- "type": "dimension",
1590
- "description": "[code-only]"
1613
+ "warning": {
1614
+ "color": {
1615
+ "type": "color",
1616
+ "value": "#ffb612"
1617
+ }
1591
1618
  }
1592
1619
  }
1593
1620
  },
1594
- "blockquote": {
1595
- "border-block-end-width": {
1596
- "type": "dimension",
1597
- "value": 0
1598
- },
1599
- "border-block-start-width": {
1600
- "type": "dimension",
1601
- "value": 0
1602
- },
1603
- "border-end-end-radius": {
1604
- "type": "dimension",
1605
- "value": 0
1606
- },
1607
- "border-end-start-radius": {
1608
- "type": "dimension",
1609
- "value": 0
1610
- },
1611
- "border-inline-end-width": {
1612
- "type": "dimension",
1613
- "value": 0
1614
- },
1615
- "border-start-end-radius": {
1616
- "type": "dimension",
1617
- "value": 0
1618
- },
1619
- "border-start-start-radius": {
1620
- "type": "dimension",
1621
- "value": 0
1622
- },
1621
+ "accordion": {
1623
1622
  "margin-block-end": {
1623
+ "description": "[code-only]",
1624
1624
  "type": "dimension",
1625
- "value": 0
1625
+ "value": "0rem"
1626
1626
  },
1627
1627
  "margin-block-start": {
1628
1628
  "type": "dimension",
1629
- "value": 0
1630
- },
1631
- "margin-inline-end": {
1632
- "type": "dimension",
1633
- "value": 0
1629
+ "value": "0rem"
1634
1630
  },
1635
- "margin-inline-start": {
1631
+ "row-gap": {
1636
1632
  "type": "dimension",
1637
- "value": 0
1633
+ "value": "0rem"
1638
1634
  },
1639
- "blue-corner-border-variation": {
1640
- "border-block-end-width": {
1641
- "type": "dimension",
1642
- "value": "2px"
1643
- },
1635
+ "panel": {
1644
1636
  "border-color": {
1645
1637
  "type": "color",
1646
- "value": "#a90061"
1638
+ "value": "transparent"
1647
1639
  },
1648
- "border-end-end-radius": {
1640
+ "border-width": {
1649
1641
  "type": "dimension",
1650
- "value": "3rem"
1642
+ "value": "1px"
1651
1643
  },
1652
- "border-inline-end-width": {
1644
+ "padding-block-end": {
1653
1645
  "type": "dimension",
1654
- "value": "2px"
1655
- }
1656
- },
1657
- "caption": {
1658
- "color": {
1659
- "type": "color",
1660
- "value": "#154273"
1661
- },
1662
- "font-family": {
1663
- "type": "fontFamilies",
1664
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1665
- },
1666
- "font-size": {
1667
- "type": "fontSizes",
1668
- "value": "1.25rem"
1669
- },
1670
- "font-weight": {
1671
- "type": "fontWeights",
1672
- "value": 400
1673
- },
1674
- "line-height": {
1675
- "type": "lineHeights",
1676
- "value": "150%"
1646
+ "value": "1.5rem"
1677
1647
  },
1678
1648
  "padding-block-start": {
1679
1649
  "type": "dimension",
1680
- "value": "0.75rem"
1681
- }
1682
- },
1683
- "content": {
1684
- "font-family": {
1685
- "type": "fontFamilies",
1686
- "value": "'Fira Sans', Arial, Verdana, sans-serif"
1687
- },
1688
- "font-weight": {
1689
- "type": "fontWeights",
1690
- "value": 400
1691
- },
1692
- "line-height": {
1693
- "type": "lineHeights",
1694
- "value": "150%"
1695
- },
1696
- "color": {
1697
- "value": "#154273",
1698
- "type": "color"
1699
- },
1700
- "font-size": {
1701
- "value": "1.25rem",
1702
- "type": "fontSizes"
1703
- }
1704
- },
1705
- "pink-background-variation": {
1706
- "background-color": {
1707
- "type": "color",
1708
- "value": "#F6BDE1"
1650
+ "value": "1rem"
1709
1651
  },
1710
- "border-end-start-radius": {
1652
+ "padding-inline-end": {
1711
1653
  "type": "dimension",
1712
- "value": "3rem"
1654
+ "value": "1rem"
1713
1655
  },
1714
- "padding": {
1656
+ "padding-inline-start": {
1715
1657
  "type": "dimension",
1716
- "value": "2.5rem"
1658
+ "value": "1rem"
1717
1659
  }
1718
1660
  },
1719
- "pink-corner-border-variation": {
1720
- "border-block-start-width": {
1721
- "type": "dimension",
1722
- "value": "0.25rem"
1661
+ "button": {
1662
+ "background-color": {
1663
+ "type": "color",
1664
+ "value": "#fff"
1723
1665
  },
1724
1666
  "border-color": {
1725
1667
  "type": "color",
1726
- "value": "#F6BDE1"
1668
+ "value": "transparent"
1727
1669
  },
1728
- "border-inline-start-width": {
1670
+ "border-radius": {
1729
1671
  "type": "dimension",
1730
- "value": "0.25rem"
1672
+ "value": "0px"
1731
1673
  },
1732
- "border-start-start-radius": {
1674
+ "border-width": {
1733
1675
  "type": "dimension",
1734
- "value": "3rem"
1676
+ "value": "1px"
1735
1677
  },
1736
- "padding": {
1737
- "type": "dimension",
1738
- "value": "2.5rem"
1739
- }
1740
- },
1741
- "pink-left-border-variation": {
1742
- "border-color": {
1678
+ "color": {
1743
1679
  "type": "color",
1744
- "value": "#F6BDE1"
1680
+ "value": "#0F172A"
1745
1681
  },
1746
- "border-inline-start-width": {
1682
+ "gap": {
1747
1683
  "type": "dimension",
1748
- "value": "0.75rem"
1684
+ "value": "0.5rem"
1749
1685
  },
1750
1686
  "padding-block-end": {
1751
1687
  "type": "dimension",
1752
- "value": "1.5rem"
1688
+ "value": "0.75rem"
1753
1689
  },
1754
1690
  "padding-block-start": {
1755
1691
  "type": "dimension",
1756
- "value": "1.5rem"
1692
+ "value": "0.75rem"
1757
1693
  },
1758
1694
  "padding-inline-end": {
1759
1695
  "type": "dimension",
1760
- "value": "2.5rem"
1696
+ "value": "1rem"
1761
1697
  },
1762
1698
  "padding-inline-start": {
1763
1699
  "type": "dimension",
1764
- "value": "2.5rem"
1765
- }
1766
- },
1767
- "background-color": {
1768
- "value": "transparent",
1769
- "type": "color"
1770
- },
1771
- "border-inline-start-width": {
1772
- "value": "0px",
1773
- "type": "dimension"
1774
- },
1775
- "border-color": {
1776
- "value": "transparent",
1777
- "type": "color"
1778
- },
1779
- "border-radius": {
1780
- "value": "0px",
1781
- "type": "dimension"
1782
- },
1783
- "border-width": {
1784
- "value": "0px",
1785
- "type": "dimension"
1786
- },
1787
- "color": {
1788
- "value": "#154273",
1789
- "type": "color"
1790
- },
1791
- "font-size": {
1792
- "value": "1.25rem",
1793
- "type": "fontSizes"
1794
- },
1795
- "font-family": {
1796
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
1797
- "type": "fontFamilies"
1798
- },
1799
- "padding-block-end": {
1800
- "value": "2rem",
1801
- "type": "dimension"
1802
- },
1803
- "padding-block-start": {
1804
- "value": "2rem",
1805
- "type": "dimension"
1806
- },
1807
- "padding-inline-end": {
1808
- "value": "2rem",
1809
- "type": "dimension"
1810
- },
1811
- "padding-inline-start": {
1812
- "value": "2rem",
1813
- "type": "dimension"
1814
- },
1815
- "row-gap": {
1816
- "value": "0.75rem",
1817
- "type": "dimension"
1818
- },
1819
- "attribution": {
1820
- "color": {
1821
- "value": "#154273",
1822
- "type": "color"
1823
- },
1824
- "font-size": {
1825
- "value": "1.25rem",
1826
- "type": "fontSizes"
1827
- }
1828
- }
1829
- },
1830
- "skip-link": {
1831
- "focus": {
1832
- "text-decoration": {
1833
- "type": "textDecoration",
1834
- "value": "None"
1835
- },
1836
- "border-color": {
1837
- "type": "color",
1838
- "value": "#a90061"
1700
+ "value": "1rem"
1839
1701
  },
1840
- "border-width": {
1841
- "type": "dimension",
1842
- "value": "2px"
1702
+ "icon": {
1703
+ "size": {
1704
+ "type": "dimension",
1705
+ "value": "24px"
1706
+ }
1843
1707
  },
1844
- "border-style": {
1845
- "type": "other",
1846
- "value": "solid"
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
+ }
1847
1721
  },
1848
- "background-color": {
1849
- "type": "color",
1850
- "value": "#fff"
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
+ }
1851
1735
  },
1852
- "color": {
1853
- "type": "color",
1854
- "value": "#01689b"
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
+ }
1855
1753
  }
1856
1754
  },
1857
- "border-color": {
1858
- "type": "color",
1859
- "value": "transparent"
1860
- },
1861
- "box-block-end-shadow": {
1862
- "color": {
1755
+ "section": {
1756
+ "border-color": {
1863
1757
  "type": "color",
1864
- "value": "#0000001a"
1865
- },
1866
- "blur-radius": {
1867
- "type": "other",
1868
- "value": "48px"
1758
+ "value": "#94A3B8"
1869
1759
  },
1870
- "offset-x": {
1871
- "type": "other",
1872
- "value": 0
1760
+ "hover": {
1761
+ "border-color": {
1762
+ "type": "color",
1763
+ "value": "#94A3B8"
1764
+ }
1873
1765
  },
1874
- "offset-y": {
1875
- "type": "other",
1876
- "value": "16px"
1766
+ "border-width": {
1767
+ "value": "1px",
1768
+ "type": "dimension"
1877
1769
  },
1878
- "spread-radius": {
1879
- "type": "other",
1880
- "value": 0
1881
- }
1882
- },
1883
- "focus-visible": {
1884
- "outline-color": {
1885
- "type": "color",
1886
- "value": "#000"
1770
+ "margin-block-end": {
1771
+ "value": "0rem",
1772
+ "type": "dimension",
1773
+ "description": "[code-only]"
1887
1774
  },
1888
- "text-decoration": {
1889
- "type": "textDecoration",
1890
- "value": "underline"
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": {
@@ -3601,11 +3429,11 @@
3601
3429
  },
3602
3430
  "font-weight": {
3603
3431
  "type": "fontWeights",
3604
- "value": 400
3432
+ "value": 700
3605
3433
  },
3606
3434
  "line-height": {
3607
3435
  "type": "lineHeights",
3608
- "value": "150%"
3436
+ "value": "1.875rem"
3609
3437
  }
3610
3438
  }
3611
3439
  },
@@ -3618,20 +3446,10 @@
3618
3446
  }
3619
3447
  }
3620
3448
  }
3621
- },
3622
- "skip-link": {
3623
- "font-weight": {
3624
- "type": "fontWeights",
3625
- "value": 700
3626
- }
3627
3449
  }
3628
3450
  },
3629
3451
  "nl": {
3630
3452
  "number-badge": {
3631
- "line-height": {
3632
- "type": "lineHeights",
3633
- "value": "125%"
3634
- },
3635
3453
  "background-color": {
3636
3454
  "type": "color",
3637
3455
  "value": "#a90061"
@@ -3682,96 +3500,6 @@
3682
3500
  }
3683
3501
  },
3684
3502
  "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
3503
  "background-color": {
3776
3504
  "type": "color",
3777
3505
  "value": "#fff"
@@ -4148,86 +3876,6 @@
4148
3876
  }
4149
3877
  },
4150
3878
  "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
3879
  "keep": {
4232
3880
  "_comment": {
4233
3881
  "type": "other",