@rijkshuisstijl-community/design-tokens 3.0.0 → 4.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 (104) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/_variables.scss +290 -221
  3. package/dist/index.css +290 -221
  4. package/dist/index.d.ts +280 -211
  5. package/dist/index.js +290 -221
  6. package/dist/index.json +290 -221
  7. package/dist/index.tokens.json +464 -318
  8. package/dist/koop/_variables.scss +1425 -0
  9. package/dist/koop/index.css +1428 -0
  10. package/dist/koop/index.d.ts +1426 -0
  11. package/dist/koop/index.js +1426 -0
  12. package/dist/koop/index.json +1423 -0
  13. package/dist/koop/index.tokens.json +2201 -0
  14. package/dist/koop/root.css +1428 -0
  15. package/dist/koop/tokens.d.ts +2224 -0
  16. package/dist/koop/tokens.js +33522 -0
  17. package/dist/root.css +290 -221
  18. package/dist/tokens.d.ts +409 -270
  19. package/dist/tokens.js +6775 -4888
  20. package/dist/uitvoerend-groen/_variables.scss +936 -848
  21. package/dist/uitvoerend-groen/index.css +936 -848
  22. package/dist/uitvoerend-groen/index.d.ts +978 -890
  23. package/dist/uitvoerend-groen/index.js +993 -905
  24. package/dist/uitvoerend-groen/index.json +962 -874
  25. package/dist/uitvoerend-groen/index.tokens.json +1836 -1680
  26. package/dist/uitvoerend-groen/root.css +936 -848
  27. package/dist/uitvoerend-groen/tokens.d.ts +1764 -1608
  28. package/dist/uitvoerend-groen/tokens.js +24764 -22418
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +936 -848
  30. package/dist/uitvoerend-hemelblauw/index.css +936 -848
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +978 -890
  32. package/dist/uitvoerend-hemelblauw/index.js +993 -905
  33. package/dist/uitvoerend-hemelblauw/index.json +962 -874
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +1835 -1679
  35. package/dist/uitvoerend-hemelblauw/root.css +936 -848
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +1764 -1608
  37. package/dist/uitvoerend-hemelblauw/tokens.js +24906 -22560
  38. package/dist/uitvoerend-mintgroen/_variables.scss +936 -848
  39. package/dist/uitvoerend-mintgroen/index.css +936 -848
  40. package/dist/uitvoerend-mintgroen/index.d.ts +978 -890
  41. package/dist/uitvoerend-mintgroen/index.js +993 -905
  42. package/dist/uitvoerend-mintgroen/index.json +962 -874
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +1836 -1680
  44. package/dist/uitvoerend-mintgroen/root.css +936 -848
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +1764 -1608
  46. package/dist/uitvoerend-mintgroen/tokens.js +24764 -22418
  47. package/dist/uitvoerend-oranje/_variables.scss +936 -848
  48. package/dist/uitvoerend-oranje/index.css +936 -848
  49. package/dist/uitvoerend-oranje/index.d.ts +978 -890
  50. package/dist/uitvoerend-oranje/index.js +993 -905
  51. package/dist/uitvoerend-oranje/index.json +962 -874
  52. package/dist/uitvoerend-oranje/index.tokens.json +1836 -1680
  53. package/dist/uitvoerend-oranje/root.css +936 -848
  54. package/dist/uitvoerend-oranje/tokens.d.ts +1764 -1608
  55. package/dist/uitvoerend-oranje/tokens.js +24764 -22418
  56. package/dist/uitvoerend-paars/_variables.scss +936 -848
  57. package/dist/uitvoerend-paars/index.css +936 -848
  58. package/dist/uitvoerend-paars/index.d.ts +978 -890
  59. package/dist/uitvoerend-paars/index.js +993 -905
  60. package/dist/uitvoerend-paars/index.json +962 -874
  61. package/dist/uitvoerend-paars/index.tokens.json +1836 -1680
  62. package/dist/uitvoerend-paars/root.css +936 -848
  63. package/dist/uitvoerend-paars/tokens.d.ts +1764 -1608
  64. package/dist/uitvoerend-paars/tokens.js +24764 -22418
  65. package/dist/uitvoerend-violet/_variables.scss +936 -848
  66. package/dist/uitvoerend-violet/index.css +936 -848
  67. package/dist/uitvoerend-violet/index.d.ts +978 -890
  68. package/dist/uitvoerend-violet/index.js +993 -905
  69. package/dist/uitvoerend-violet/index.json +962 -874
  70. package/dist/uitvoerend-violet/index.tokens.json +1836 -1680
  71. package/dist/uitvoerend-violet/root.css +936 -848
  72. package/dist/uitvoerend-violet/tokens.d.ts +1764 -1608
  73. package/dist/uitvoerend-violet/tokens.js +24764 -22418
  74. package/dist/uitvoerend-violet-oud/_variables.scss +936 -848
  75. package/dist/uitvoerend-violet-oud/index.css +936 -848
  76. package/dist/uitvoerend-violet-oud/index.d.ts +979 -891
  77. package/dist/uitvoerend-violet-oud/index.js +963 -875
  78. package/dist/uitvoerend-violet-oud/index.json +963 -875
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +1833 -1677
  80. package/dist/uitvoerend-violet-oud/root.css +936 -848
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +1381 -1225
  82. package/dist/uitvoerend-violet-oud/tokens.js +25102 -22756
  83. package/dist/wetgevend/_variables.scss +936 -848
  84. package/dist/wetgevend/index.css +936 -848
  85. package/dist/wetgevend/index.d.ts +978 -890
  86. package/dist/wetgevend/index.js +993 -905
  87. package/dist/wetgevend/index.json +962 -874
  88. package/dist/wetgevend/index.tokens.json +1636 -1480
  89. package/dist/wetgevend/root.css +936 -848
  90. package/dist/wetgevend/tokens.d.ts +1463 -1307
  91. package/dist/wetgevend/tokens.js +25526 -23180
  92. package/figma/figma.tokens.json +2154 -2247
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1665 -1228
  95. package/src/generated/koop/tokens.json +6732 -0
  96. package/src/generated/themes.json +48640 -37872
  97. package/src/generated/uitvoerend-groen/tokens.json +5207 -4703
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5212 -4708
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5208 -4704
  100. package/src/generated/uitvoerend-oranje/tokens.json +5208 -4704
  101. package/src/generated/uitvoerend-paars/tokens.json +5200 -4696
  102. package/src/generated/uitvoerend-violet/tokens.json +5208 -4704
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5200 -4696
  104. package/src/generated/wetgevend/tokens.json +5377 -4873
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 16 Jun 2025 09:33:53 GMT
3
+ * Generated on Thu, 17 Jul 2025 11:54:46 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -30,22 +30,22 @@ declare const tokens: {
30
30
  "gap": DesignToken
31
31
  },
32
32
  "unordered-list": {
33
- "padding-inline-start": DesignToken,
34
- "margin-block-end": DesignToken,
35
- "margin-block-start": DesignToken,
36
33
  "color": DesignToken,
34
+ "marker": {
35
+ "border-color": DesignToken,
36
+ "color": DesignToken
37
+ },
37
38
  "font-family": DesignToken,
38
39
  "font-weight": DesignToken,
39
40
  "font-size": DesignToken,
40
41
  "line-height": DesignToken,
42
+ "margin-block-end": DesignToken,
43
+ "margin-block-start": DesignToken,
44
+ "padding-inline-start": DesignToken,
41
45
  "item": {
42
- "padding-inline-start": DesignToken,
43
46
  "margin-block-end": DesignToken,
44
- "margin-block-start": DesignToken
45
- },
46
- "marker": {
47
- "color": DesignToken,
48
- "border-color": DesignToken
47
+ "margin-block-start": DesignToken,
48
+ "padding-inline-start": DesignToken
49
49
  }
50
50
  },
51
51
  "textbox": {
@@ -215,40 +215,41 @@ declare const tokens: {
215
215
  "font-size": DesignToken
216
216
  },
217
217
  "skip-link": {
218
- "font-weight": DesignToken,
219
- "font-family": DesignToken,
220
- "font-size": DesignToken,
221
- "line-height": DesignToken,
222
- "min-block-size": DesignToken,
223
- "min-inline-size": DesignToken,
224
- "padding-block-end": DesignToken,
225
- "padding-block-start": DesignToken,
226
- "padding-inline-end": DesignToken,
227
- "padding-inline-start": DesignToken,
228
218
  "focus": {
229
- "background-color": DesignToken,
219
+ "text-decoration": DesignToken,
230
220
  "border-color": DesignToken,
231
- "border-style": DesignToken,
232
221
  "border-width": DesignToken,
233
- "color": DesignToken,
234
- "text-decoration": DesignToken
235
- },
236
- "focus-visible": {
237
- "outline-color": DesignToken
222
+ "border-style": DesignToken,
223
+ "background-color": DesignToken,
224
+ "color": DesignToken
238
225
  },
239
- "background-color": DesignToken,
240
226
  "border-color": DesignToken,
241
- "color": DesignToken,
242
- "border-width": DesignToken,
243
227
  "box-block-end-shadow": {
228
+ "color": DesignToken,
229
+ "blur-radius": DesignToken,
244
230
  "offset-x": DesignToken,
245
231
  "offset-y": DesignToken,
246
- "blur-radius": DesignToken,
247
- "spread-radius": DesignToken,
248
- "color": DesignToken
232
+ "spread-radius": DesignToken
249
233
  },
250
- "text-decoration": DesignToken,
251
- "text-underline-offset": DesignToken
234
+ "focus-visible": {
235
+ "outline-color": DesignToken,
236
+ "text-decoration": DesignToken
237
+ },
238
+ "font-family": DesignToken,
239
+ "font-weight": DesignToken,
240
+ "line-height": DesignToken,
241
+ "border-width": DesignToken,
242
+ "text-underline-offset": DesignToken,
243
+ "font-size": DesignToken,
244
+ "background-color": DesignToken,
245
+ "color": DesignToken,
246
+ "min-block-size": DesignToken,
247
+ "min-inline-size": DesignToken,
248
+ "padding-block-end": DesignToken,
249
+ "padding-block-start": DesignToken,
250
+ "padding-inline-end": DesignToken,
251
+ "padding-inline-start": DesignToken,
252
+ "text-decoration": DesignToken
252
253
  },
253
254
  "separator": {
254
255
  "color": DesignToken,
@@ -377,77 +378,92 @@ declare const tokens: {
377
378
  "font-size": DesignToken,
378
379
  "font-weight": DesignToken,
379
380
  "line-height": DesignToken,
380
- "margin-block-end": DesignToken,
381
- "margin-block-start": DesignToken,
382
381
  "lead": {
383
382
  "color": DesignToken,
384
383
  "font-size": DesignToken,
385
384
  "font-weight": DesignToken,
386
385
  "line-height": DesignToken
387
- }
386
+ },
387
+ "small": {
388
+ "font-size": DesignToken,
389
+ "color": DesignToken,
390
+ "font-weight": DesignToken,
391
+ "line-height": DesignToken
392
+ },
393
+ "margin-block-end": DesignToken,
394
+ "margin-block-start": DesignToken
388
395
  },
389
396
  "ordered-list": {
390
- "padding-inline-start": DesignToken,
391
- "margin-block-end": DesignToken,
392
- "margin-block-start": DesignToken,
393
- "margin-inline-start": DesignToken,
394
- "item": {
395
- "padding-inline-start": DesignToken,
396
- "margin-block-end": DesignToken,
397
- "margin-block-start": DesignToken
398
- },
399
397
  "color": DesignToken,
400
398
  "font-family": DesignToken,
401
399
  "font-weight": DesignToken,
400
+ "margin-inline-start": DesignToken,
402
401
  "font-size": DesignToken,
403
- "line-height": DesignToken
402
+ "line-height": DesignToken,
403
+ "margin-block-end": DesignToken,
404
+ "margin-block-start": DesignToken,
405
+ "padding-inline-start": DesignToken,
406
+ "item": {
407
+ "margin-block-end": DesignToken,
408
+ "margin-block-start": DesignToken,
409
+ "padding-inline-start": DesignToken
410
+ }
404
411
  },
405
412
  "link-list": {
413
+ "item": {
414
+ "text-decoration": DesignToken,
415
+ "column-gap": DesignToken
416
+ },
417
+ "margin-block-end": DesignToken,
406
418
  "margin-block-start": DesignToken,
407
419
  "row-gap": DesignToken,
408
- "margin-block-end": DesignToken,
409
- "item": {
420
+ "icon": {
421
+ "inset-block-start": DesignToken,
422
+ "size": DesignToken
423
+ },
424
+ "link": {
410
425
  "column-gap": DesignToken,
411
426
  "text-decoration": DesignToken
412
427
  },
413
- "icon": {
414
- "size": DesignToken,
415
- "inset-block-start": DesignToken
416
- }
428
+ "font-weight": DesignToken
417
429
  },
418
430
  "link": {
419
- "color": DesignToken,
420
- "text-decoration-color": DesignToken,
431
+ "font-family": DesignToken,
432
+ "font-weight": DesignToken,
433
+ "line-height": DesignToken,
434
+ "font-size": DesignToken,
421
435
  "active": {
422
- "color": DesignToken,
423
- "text-decoration": DesignToken
424
- },
425
- "focus": {
426
- "background-color": DesignToken,
427
- "color": DesignToken,
428
436
  "text-decoration": DesignToken,
429
- "text-decoration-thickness": DesignToken
437
+ "color": DesignToken
430
438
  },
431
- "hover": {
432
- "color": DesignToken,
439
+ "focus": {
433
440
  "text-decoration": DesignToken,
434
- "text-decoration-thickness": DesignToken
435
- },
436
- "visited": {
441
+ "text-decoration-thickness": DesignToken,
442
+ "background-color": DesignToken,
437
443
  "color": DesignToken
438
444
  },
439
- "text-decoration": DesignToken,
440
445
  "icon": {
441
446
  "inset-block-start": DesignToken,
442
447
  "size": DesignToken
443
448
  },
449
+ "color": DesignToken,
450
+ "text-decoration-color": DesignToken,
444
451
  "column-gap": DesignToken,
452
+ "text-decoration": DesignToken,
445
453
  "text-decoration-thickness": DesignToken,
446
454
  "text-underline-offset": DesignToken,
447
- "font-family": DesignToken,
448
- "font-weight": DesignToken,
449
- "font-size": DesignToken,
450
- "line-height": DesignToken
455
+ "hover": {
456
+ "color": DesignToken,
457
+ "text-decoration": DesignToken,
458
+ "text-decoration-thickness": DesignToken
459
+ },
460
+ "focus-visible": {
461
+ "text-decoration": DesignToken,
462
+ "text-decoration-thickness": DesignToken
463
+ },
464
+ "visited": {
465
+ "color": DesignToken
466
+ }
451
467
  },
452
468
  "icon": {
453
469
  "color": DesignToken,
@@ -457,45 +473,54 @@ declare const tokens: {
457
473
  "heading-1": {
458
474
  "color": DesignToken,
459
475
  "font-family": DesignToken,
476
+ "font-size": DesignToken,
460
477
  "font-weight": DesignToken,
461
478
  "line-height": DesignToken,
462
- "font-size": DesignToken,
463
479
  "margin-block-end": DesignToken,
464
480
  "margin-block-start": DesignToken
465
481
  },
466
482
  "heading-2": {
467
483
  "color": DesignToken,
468
484
  "font-family": DesignToken,
485
+ "font-size": DesignToken,
469
486
  "font-weight": DesignToken,
470
487
  "line-height": DesignToken,
471
- "font-size": DesignToken,
472
488
  "margin-block-end": DesignToken,
473
489
  "margin-block-start": DesignToken
474
490
  },
475
491
  "heading-3": {
476
492
  "color": DesignToken,
477
493
  "font-family": DesignToken,
494
+ "font-size": DesignToken,
478
495
  "font-weight": DesignToken,
479
496
  "line-height": DesignToken,
480
- "font-size": DesignToken,
481
497
  "margin-block-end": DesignToken,
482
498
  "margin-block-start": DesignToken
483
499
  },
484
500
  "heading-4": {
485
501
  "color": DesignToken,
486
502
  "font-family": DesignToken,
503
+ "font-size": DesignToken,
487
504
  "font-weight": DesignToken,
488
505
  "line-height": DesignToken,
489
- "font-size": DesignToken,
490
506
  "margin-block-end": DesignToken,
491
507
  "margin-block-start": DesignToken
492
508
  },
493
509
  "heading-5": {
494
510
  "color": DesignToken,
495
511
  "font-family": DesignToken,
512
+ "font-size": DesignToken,
496
513
  "font-weight": DesignToken,
497
514
  "line-height": DesignToken,
515
+ "margin-block-end": DesignToken,
516
+ "margin-block-start": DesignToken
517
+ },
518
+ "heading-6": {
519
+ "color": DesignToken,
520
+ "font-family": DesignToken,
498
521
  "font-size": DesignToken,
522
+ "font-weight": DesignToken,
523
+ "line-height": DesignToken,
499
524
  "margin-block-end": DesignToken,
500
525
  "margin-block-start": DesignToken
501
526
  },
@@ -596,6 +621,13 @@ declare const tokens: {
596
621
  "border-inline-start-width": DesignToken
597
622
  }
598
623
  },
624
+ "data-badge": {
625
+ "background-color": DesignToken,
626
+ "border-radius": DesignToken,
627
+ "color": DesignToken,
628
+ "padding-block": DesignToken,
629
+ "padding-inline": DesignToken
630
+ },
599
631
  "number-badge": {
600
632
  "font-size": DesignToken,
601
633
  "line-height": DesignToken,
@@ -703,39 +735,38 @@ declare const tokens: {
703
735
  "border-color": DesignToken
704
736
  }
705
737
  },
706
- "button-group": {
707
- "background-color": DesignToken,
708
- "column-gap": DesignToken,
709
- "margin-block-end": DesignToken,
710
- "margin-block-start": DesignToken,
711
- "padding-block-end": DesignToken,
712
- "padding-block-start": DesignToken,
713
- "row-gap": DesignToken
714
- },
715
738
  "button": {
716
- "background-color": DesignToken,
717
- "border-color": DesignToken,
718
- "color": DesignToken,
719
- "border-radius": DesignToken,
720
- "border-width": DesignToken,
721
739
  "icon": {
722
740
  "gap": DesignToken,
723
741
  "size": DesignToken
724
742
  },
743
+ "background-color": DesignToken,
744
+ "border-color": DesignToken,
745
+ "border-radius": DesignToken,
746
+ "border-width": DesignToken,
747
+ "color": DesignToken,
748
+ "column-gap": DesignToken,
725
749
  "font-family": DesignToken,
726
750
  "font-size": DesignToken,
727
751
  "font-weight": DesignToken,
728
752
  "line-height": DesignToken,
753
+ "min-block-size": DesignToken,
754
+ "min-inline-size": DesignToken,
729
755
  "padding-block-end": DesignToken,
730
756
  "padding-block-start": DesignToken,
731
757
  "padding-inline-end": DesignToken,
732
758
  "padding-inline-start": DesignToken,
733
- "disabled": {
759
+ "pressed": {
734
760
  "background-color": DesignToken,
735
761
  "border-color": DesignToken,
736
762
  "color": DesignToken
737
763
  },
738
- "focus": {
764
+ "active": {
765
+ "background-color": DesignToken,
766
+ "border-color": DesignToken,
767
+ "color": DesignToken
768
+ },
769
+ "disabled": {
739
770
  "background-color": DesignToken,
740
771
  "border-color": DesignToken,
741
772
  "color": DesignToken
@@ -745,92 +776,90 @@ declare const tokens: {
745
776
  "border-color": DesignToken,
746
777
  "color": DesignToken
747
778
  },
748
- "active": {
779
+ "focus": {
749
780
  "background-color": DesignToken,
750
781
  "border-color": DesignToken,
751
782
  "color": DesignToken
752
783
  },
753
- "min-block-size": DesignToken,
754
- "min-inline-size": DesignToken,
755
- "column-gap": DesignToken,
756
784
  "primary-action": {
757
- "hover": {
758
- "background-color": DesignToken,
759
- "border-color": DesignToken,
760
- "color": DesignToken
761
- },
762
785
  "background-color": DesignToken,
763
786
  "border-color": DesignToken,
764
787
  "color": DesignToken,
788
+ "font-size": DesignToken,
789
+ "font-weight": DesignToken,
790
+ "line-height": DesignToken,
765
791
  "disabled": {
766
792
  "background-color": DesignToken,
767
793
  "border-color": DesignToken,
768
794
  "color": DesignToken
769
795
  },
770
- "focus": {
796
+ "hover": {
771
797
  "background-color": DesignToken,
772
798
  "border-color": DesignToken,
773
799
  "color": DesignToken
774
800
  },
775
- "font-weight": DesignToken,
776
- "active": {
801
+ "focus": {
777
802
  "background-color": DesignToken,
778
803
  "border-color": DesignToken,
779
804
  "color": DesignToken
780
805
  },
781
- "font-size": DesignToken,
782
- "line-height": DesignToken,
783
806
  "pressed": {
784
- "background-color": DesignToken,
785
807
  "border-color": DesignToken,
786
- "color": DesignToken
808
+ "color": DesignToken,
809
+ "background-color": DesignToken
810
+ },
811
+ "active": {
812
+ "border-color": DesignToken,
813
+ "color": DesignToken,
814
+ "background-color": DesignToken
787
815
  }
788
816
  },
789
817
  "secondary-action": {
790
- "hover": {
791
- "background-color": DesignToken,
792
- "border-color": DesignToken,
793
- "color": DesignToken
794
- },
795
818
  "background-color": DesignToken,
796
819
  "border-color": DesignToken,
797
820
  "color": DesignToken,
821
+ "font-size": DesignToken,
822
+ "font-weight": DesignToken,
823
+ "line-height": DesignToken,
798
824
  "disabled": {
799
825
  "background-color": DesignToken,
800
826
  "border-color": DesignToken,
801
827
  "color": DesignToken
802
828
  },
803
- "focus": {
829
+ "hover": {
804
830
  "background-color": DesignToken,
805
831
  "border-color": DesignToken,
806
832
  "color": DesignToken
807
833
  },
808
- "font-weight": DesignToken,
809
- "active": {
834
+ "focus": {
810
835
  "background-color": DesignToken,
811
836
  "border-color": DesignToken,
812
837
  "color": DesignToken
813
838
  },
814
- "font-size": DesignToken,
815
- "line-height": DesignToken,
816
839
  "pressed": {
817
840
  "background-color": DesignToken,
818
841
  "border-color": DesignToken,
819
842
  "color": DesignToken
843
+ },
844
+ "active": {
845
+ "background-color": DesignToken,
846
+ "color": DesignToken,
847
+ "border-color": DesignToken
820
848
  }
821
849
  },
822
850
  "subtle": {
851
+ "background-color": DesignToken,
852
+ "border-color": DesignToken,
853
+ "color": DesignToken,
823
854
  "font-size": DesignToken,
824
855
  "font-weight": DesignToken,
825
- "hover": {
856
+ "line-height": DesignToken,
857
+ "disabled": {
826
858
  "background-color": DesignToken,
827
859
  "border-color": DesignToken,
828
860
  "color": DesignToken
829
861
  },
830
- "background-color": DesignToken,
831
- "border-color": DesignToken,
832
- "color": DesignToken,
833
- "disabled": {
862
+ "hover": {
834
863
  "background-color": DesignToken,
835
864
  "border-color": DesignToken,
836
865
  "color": DesignToken
@@ -840,64 +869,85 @@ declare const tokens: {
840
869
  "border-color": DesignToken,
841
870
  "color": DesignToken
842
871
  },
843
- "active": {
872
+ "pressed": {
844
873
  "background-color": DesignToken,
845
874
  "border-color": DesignToken,
846
875
  "color": DesignToken
847
876
  },
848
- "line-height": DesignToken,
849
- "pressed": {
877
+ "active": {
850
878
  "background-color": DesignToken,
851
879
  "border-color": DesignToken,
852
880
  "color": DesignToken
853
881
  }
854
- },
855
- "pressed": {
856
- "background-color": DesignToken,
857
- "border-color": DesignToken,
858
- "color": DesignToken
859
882
  }
860
883
  },
884
+ "button-group": {
885
+ "margin-block-end": DesignToken,
886
+ "margin-block-start": DesignToken,
887
+ "background-color": DesignToken,
888
+ "column-gap": DesignToken,
889
+ "padding-block-end": DesignToken,
890
+ "padding-block-start": DesignToken,
891
+ "row-gap": DesignToken
892
+ },
861
893
  "breadcrumb-nav": {
862
- "line-height": DesignToken,
863
- "font-size": DesignToken,
894
+ "divider": {
895
+ "color": DesignToken,
896
+ "inset-block-start": DesignToken,
897
+ "size": DesignToken
898
+ },
864
899
  "link": {
865
- "icon": {
866
- "size": DesignToken,
867
- "margin-inline": DesignToken,
868
- "inset-block-start": DesignToken
869
- },
870
900
  "padding-block-end": DesignToken,
871
901
  "padding-block-start": DesignToken,
872
902
  "padding-inline-end": DesignToken,
873
903
  "padding-inline-start": DesignToken,
904
+ "current": {
905
+ "color": DesignToken,
906
+ "font-weight": DesignToken
907
+ },
908
+ "icon": {
909
+ "inset-block-start": DesignToken,
910
+ "margin-inline": DesignToken,
911
+ "size": DesignToken
912
+ },
874
913
  "color": DesignToken,
914
+ "text-decoration": DesignToken,
875
915
  "active": {
876
916
  "color": DesignToken,
877
917
  "text-decoration": DesignToken
878
918
  },
919
+ "disabled": {
920
+ "color": DesignToken
921
+ },
879
922
  "focus": {
880
923
  "background-color": DesignToken,
881
924
  "color": DesignToken,
882
925
  "text-decoration": DesignToken
883
926
  },
884
927
  "hover": {
885
- "color": DesignToken,
886
- "text-decoration": DesignToken
887
- },
888
- "current": {
928
+ "text-decoration": DesignToken,
889
929
  "color": DesignToken
890
- },
891
- "text-decoration": DesignToken
892
- },
893
- "divider": {
894
- "size": DesignToken,
895
- "color": DesignToken,
896
- "inset-block-start": DesignToken
930
+ }
897
931
  },
898
- "margin-inline": DesignToken,
899
932
  "font-family": DesignToken,
900
- "font-weight": DesignToken
933
+ "font-size": DesignToken,
934
+ "line-height": DesignToken,
935
+ "min-block-size": DesignToken,
936
+ "item": {
937
+ "padding-block-end": DesignToken,
938
+ "padding-block-start": DesignToken,
939
+ "padding-inline-end": DesignToken,
940
+ "padding-inline-start": DesignToken,
941
+ "first": {
942
+ "padding-inline-start": DesignToken
943
+ }
944
+ },
945
+ "separator": {
946
+ "color": DesignToken,
947
+ "icon": {
948
+ "size": DesignToken
949
+ }
950
+ }
901
951
  },
902
952
  "blockquote": {
903
953
  "background-color": DesignToken,
@@ -1065,38 +1115,10 @@ declare const tokens: {
1065
1115
  "background-color": DesignToken,
1066
1116
  "border-color": DesignToken,
1067
1117
  "color": DesignToken,
1068
- "row-gap": DesignToken
1069
- }
1070
- }
1071
- },
1072
- "action": {
1073
- "activate": {
1074
- "cursor": DesignToken
1075
- },
1076
- "busy": {
1077
- "cursor": DesignToken
1078
- },
1079
- "disabled": {
1080
- "cursor": DesignToken
1081
- },
1082
- "inert": {
1083
- "cursor": DesignToken
1084
- },
1085
- "navigate": {
1086
- "cursor": DesignToken
1087
- },
1088
- "submit": {
1089
- "cursor": DesignToken
1118
+ "row-gap": DesignToken
1119
+ }
1090
1120
  }
1091
1121
  },
1092
- "document": {
1093
- "background-color": DesignToken,
1094
- "color": DesignToken,
1095
- "font-family": DesignToken,
1096
- "font-size": DesignToken,
1097
- "line-height": DesignToken,
1098
- "font-weight": DesignToken
1099
- },
1100
1122
  "rich-text": {
1101
1123
  "stranger": {
1102
1124
  "margin-block-end": DesignToken
@@ -1125,6 +1147,34 @@ declare const tokens: {
1125
1147
  "inverse": {
1126
1148
  "outline-color": DesignToken
1127
1149
  }
1150
+ },
1151
+ "document": {
1152
+ "background-color": DesignToken,
1153
+ "color": DesignToken,
1154
+ "font-family": DesignToken,
1155
+ "font-size": DesignToken,
1156
+ "line-height": DesignToken,
1157
+ "font-weight": DesignToken
1158
+ },
1159
+ "action": {
1160
+ "activate": {
1161
+ "cursor": DesignToken
1162
+ },
1163
+ "busy": {
1164
+ "cursor": DesignToken
1165
+ },
1166
+ "disabled": {
1167
+ "cursor": DesignToken
1168
+ },
1169
+ "inert": {
1170
+ "cursor": DesignToken
1171
+ },
1172
+ "navigate": {
1173
+ "cursor": DesignToken
1174
+ },
1175
+ "submit": {
1176
+ "cursor": DesignToken
1177
+ }
1128
1178
  }
1129
1179
  },
1130
1180
  "rhc": {
@@ -1524,6 +1574,13 @@ declare const tokens: {
1524
1574
  "padding-inline-start": DesignToken
1525
1575
  }
1526
1576
  },
1577
+ "data-badge-button": {
1578
+ "column-gap": DesignToken,
1579
+ "hover": {
1580
+ "background-color": DesignToken,
1581
+ "color": DesignToken
1582
+ }
1583
+ },
1527
1584
  "code-input": {
1528
1585
  "size": DesignToken
1529
1586
  },
@@ -1689,8 +1746,7 @@ declare const tokens: {
1689
1746
  "subdued": DesignToken,
1690
1747
  "link": DesignToken,
1691
1748
  "on-dark-color": DesignToken,
1692
- "on-light-color": DesignToken,
1693
- "onEmphasis": DesignToken
1749
+ "on-light-color": DesignToken
1694
1750
  },
1695
1751
  "border": {
1696
1752
  "default": DesignToken,
@@ -1985,16 +2041,21 @@ declare const tokens: {
1985
2041
  },
1986
2042
  "nl": {
1987
2043
  "skip-link": {
1988
- "font-weight": DesignToken,
2044
+ "border-color": DesignToken,
2045
+ "border-width": DesignToken,
1989
2046
  "font-family": DesignToken,
1990
- "font-size": DesignToken,
1991
- "line-height": DesignToken,
1992
- "min-block-size": DesignToken,
1993
- "min-inline-size": DesignToken,
2047
+ "font-weight": DesignToken,
1994
2048
  "padding-block-end": DesignToken,
1995
2049
  "padding-block-start": DesignToken,
1996
2050
  "padding-inline-end": DesignToken,
1997
2051
  "padding-inline-start": DesignToken,
2052
+ "box-block-end-shadow": {
2053
+ "blur-radius": DesignToken,
2054
+ "color": DesignToken,
2055
+ "offset-x": DesignToken,
2056
+ "offset-y": DesignToken,
2057
+ "spread-radius": DesignToken
2058
+ },
1998
2059
  "focus": {
1999
2060
  "background-color": DesignToken,
2000
2061
  "border-color": DesignToken,
@@ -2006,41 +2067,48 @@ declare const tokens: {
2006
2067
  "focus-visible": {
2007
2068
  "outline-color": DesignToken
2008
2069
  },
2070
+ "text-decoration": DesignToken,
2009
2071
  "background-color": DesignToken,
2010
- "border-color": DesignToken,
2011
2072
  "color": DesignToken,
2012
- "border-width": DesignToken,
2013
- "box-block-end-shadow": {
2014
- "offset-x": DesignToken,
2015
- "offset-y": DesignToken,
2016
- "blur-radius": DesignToken,
2017
- "spread-radius": DesignToken,
2018
- "color": DesignToken
2019
- },
2020
- "text-decoration": DesignToken,
2021
- "text-underline-offset": DesignToken
2073
+ "padding-block": DesignToken,
2074
+ "padding-inline": DesignToken,
2075
+ "min-block-size": DesignToken,
2076
+ "min-inline-size": DesignToken,
2077
+ "text-decoration-thickness": DesignToken,
2078
+ "text-underline-offset": DesignToken,
2079
+ "line-height": DesignToken,
2080
+ "font-size": DesignToken
2022
2081
  },
2023
2082
  "paragraph": {
2083
+ "lead": {
2084
+ "color": DesignToken,
2085
+ "font-size": DesignToken,
2086
+ "font-weight": DesignToken,
2087
+ "line-height": DesignToken,
2088
+ "margin-block-end": DesignToken,
2089
+ "margin-block-start": DesignToken
2090
+ },
2024
2091
  "color": DesignToken,
2025
2092
  "font-family": DesignToken,
2026
2093
  "font-size": DesignToken,
2027
2094
  "font-weight": DesignToken,
2028
2095
  "line-height": DesignToken,
2029
2096
  "margin-block-end": DesignToken,
2030
- "margin-block-start": DesignToken,
2031
- "lead": {
2032
- "color": DesignToken,
2033
- "font-size": DesignToken,
2034
- "font-weight": DesignToken,
2035
- "line-height": DesignToken
2036
- }
2097
+ "margin-block-start": DesignToken
2037
2098
  },
2038
2099
  "link": {
2039
- "color": DesignToken,
2040
- "text-decoration-color": DesignToken,
2100
+ "column-gap": DesignToken,
2101
+ "font-family": DesignToken,
2102
+ "font-size": DesignToken,
2103
+ "font-weight": DesignToken,
2104
+ "line-height": DesignToken,
2105
+ "icon": {
2106
+ "inset-block-start": DesignToken,
2107
+ "size": DesignToken
2108
+ },
2041
2109
  "active": {
2042
- "color": DesignToken,
2043
- "text-decoration": DesignToken
2110
+ "text-decoration": DesignToken,
2111
+ "color": DesignToken
2044
2112
  },
2045
2113
  "focus": {
2046
2114
  "background-color": DesignToken,
@@ -2048,71 +2116,82 @@ declare const tokens: {
2048
2116
  "text-decoration": DesignToken,
2049
2117
  "text-decoration-thickness": DesignToken
2050
2118
  },
2051
- "hover": {
2052
- "color": DesignToken,
2053
- "text-decoration": DesignToken,
2054
- "text-decoration-thickness": DesignToken
2055
- },
2056
2119
  "visited": {
2057
2120
  "color": DesignToken
2058
2121
  },
2059
- "text-decoration": DesignToken,
2060
- "icon": {
2061
- "inset-block-start": DesignToken,
2062
- "size": DesignToken
2063
- },
2064
- "column-gap": DesignToken,
2122
+ "color": DesignToken,
2123
+ "text-decoration-color": DesignToken,
2124
+ "text-decoration-line": DesignToken,
2065
2125
  "text-decoration-thickness": DesignToken,
2066
2126
  "text-underline-offset": DesignToken,
2067
- "font-family": DesignToken,
2068
- "font-weight": DesignToken,
2069
- "font-size": DesignToken,
2070
- "line-height": DesignToken
2071
- },
2072
- "heading-level-1": {
2073
- "color": DesignToken,
2074
- "font-family": DesignToken,
2075
- "font-weight": DesignToken,
2076
- "line-height": DesignToken,
2077
- "font-size": DesignToken,
2078
- "margin-block-end": DesignToken,
2079
- "margin-block-start": DesignToken
2080
- },
2081
- "heading-level-2": {
2082
- "color": DesignToken,
2083
- "font-family": DesignToken,
2084
- "font-weight": DesignToken,
2085
- "line-height": DesignToken,
2086
- "font-size": DesignToken,
2087
- "margin-block-end": DesignToken,
2088
- "margin-block-start": DesignToken
2089
- },
2090
- "heading-level-3": {
2091
- "color": DesignToken,
2092
- "font-family": DesignToken,
2093
- "font-weight": DesignToken,
2094
- "line-height": DesignToken,
2095
- "font-size": DesignToken,
2096
- "margin-block-end": DesignToken,
2097
- "margin-block-start": DesignToken
2098
- },
2099
- "heading-level-4": {
2100
- "color": DesignToken,
2101
- "font-family": DesignToken,
2102
- "font-weight": DesignToken,
2103
- "line-height": DesignToken,
2104
- "font-size": DesignToken,
2105
- "margin-block-end": DesignToken,
2106
- "margin-block-start": DesignToken
2127
+ "current": {
2128
+ "cursor": DesignToken
2129
+ },
2130
+ "disabled": {
2131
+ "color": DesignToken,
2132
+ "cursor": DesignToken
2133
+ },
2134
+ "hover": {
2135
+ "text-decoration-line": DesignToken,
2136
+ "text-decoration-thickness": DesignToken,
2137
+ "color": DesignToken
2138
+ }
2107
2139
  },
2108
- "heading-level-5": {
2109
- "color": DesignToken,
2110
- "font-family": DesignToken,
2111
- "font-weight": DesignToken,
2112
- "line-height": DesignToken,
2113
- "font-size": DesignToken,
2114
- "margin-block-end": DesignToken,
2115
- "margin-block-start": DesignToken
2140
+ "heading": {
2141
+ "level-1": {
2142
+ "color": DesignToken,
2143
+ "font-family": DesignToken,
2144
+ "font-size": DesignToken,
2145
+ "font-weight": DesignToken,
2146
+ "line-height": DesignToken,
2147
+ "margin-block-end": DesignToken,
2148
+ "margin-block-start": DesignToken
2149
+ },
2150
+ "level-2": {
2151
+ "color": DesignToken,
2152
+ "font-family": DesignToken,
2153
+ "font-size": DesignToken,
2154
+ "font-weight": DesignToken,
2155
+ "line-height": DesignToken,
2156
+ "margin-block-end": DesignToken,
2157
+ "margin-block-start": DesignToken
2158
+ },
2159
+ "level-3": {
2160
+ "color": DesignToken,
2161
+ "font-family": DesignToken,
2162
+ "font-size": DesignToken,
2163
+ "font-weight": DesignToken,
2164
+ "line-height": DesignToken,
2165
+ "margin-block-end": DesignToken,
2166
+ "margin-block-start": DesignToken
2167
+ },
2168
+ "level-4": {
2169
+ "color": DesignToken,
2170
+ "font-family": DesignToken,
2171
+ "font-size": DesignToken,
2172
+ "font-weight": DesignToken,
2173
+ "line-height": DesignToken,
2174
+ "margin-block-end": DesignToken,
2175
+ "margin-block-start": DesignToken
2176
+ },
2177
+ "level-5": {
2178
+ "color": DesignToken,
2179
+ "font-family": DesignToken,
2180
+ "font-size": DesignToken,
2181
+ "font-weight": DesignToken,
2182
+ "line-height": DesignToken,
2183
+ "margin-block-end": DesignToken,
2184
+ "margin-block-start": DesignToken
2185
+ },
2186
+ "level-6": {
2187
+ "color": DesignToken,
2188
+ "font-family": DesignToken,
2189
+ "font-size": DesignToken,
2190
+ "font-weight": DesignToken,
2191
+ "line-height": DesignToken,
2192
+ "margin-block-end": DesignToken,
2193
+ "margin-block-start": DesignToken
2194
+ }
2116
2195
  },
2117
2196
  "number-badge": {
2118
2197
  "font-size": DesignToken,
@@ -2129,5 +2208,65 @@ declare const tokens: {
2129
2208
  "padding-inline": DesignToken,
2130
2209
  "padding-block": DesignToken
2131
2210
  }
2211
+ },
2212
+ "todo": {
2213
+ "skip-link": {
2214
+ "font-weight": DesignToken
2215
+ },
2216
+ "link-list": {
2217
+ "link": {
2218
+ "hover": {
2219
+ "text-decoration": DesignToken
2220
+ }
2221
+ }
2222
+ }
2223
+ },
2224
+ "basis": {
2225
+ "color": {
2226
+ "default": {
2227
+ "bg-document": DesignToken,
2228
+ "color-document": DesignToken,
2229
+ "color-subtle": DesignToken,
2230
+ "border-subtle": DesignToken,
2231
+ "border-default": DesignToken,
2232
+ "bg-subtle": DesignToken
2233
+ },
2234
+ "highlight": {
2235
+ "bg-default": DesignToken
2236
+ }
2237
+ },
2238
+ "text": {
2239
+ "font-family": {
2240
+ "default": DesignToken
2241
+ },
2242
+ "font-weight": {
2243
+ "default": DesignToken,
2244
+ "bold": DesignToken
2245
+ },
2246
+ "font-size": {
2247
+ "md": DesignToken
2248
+ },
2249
+ "line-height": {
2250
+ "md": DesignToken
2251
+ }
2252
+ },
2253
+ "heading": {
2254
+ "color": DesignToken,
2255
+ "font-family": DesignToken,
2256
+ "font-weight": DesignToken
2257
+ },
2258
+ "border-width": {
2259
+ "sm": DesignToken
2260
+ },
2261
+ "box-shadow": {
2262
+ "md": DesignToken
2263
+ },
2264
+ "focus": {
2265
+ "outline-color": DesignToken,
2266
+ "inverse": {
2267
+ "outline-color": DesignToken
2268
+ },
2269
+ "outline-width": DesignToken
2270
+ }
2132
2271
  }
2133
2272
  }