@rijkshuisstijl-community/design-tokens 2.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 +78 -0
  2. package/dist/_variables.scss +378 -270
  3. package/dist/index.css +378 -270
  4. package/dist/index.d.ts +315 -207
  5. package/dist/index.js +378 -270
  6. package/dist/index.json +377 -269
  7. package/dist/index.tokens.json +571 -364
  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 +378 -270
  18. package/dist/tokens.d.ts +477 -277
  19. package/dist/tokens.js +8642 -5842
  20. package/dist/uitvoerend-groen/_variables.scss +532 -444
  21. package/dist/uitvoerend-groen/index.css +532 -444
  22. package/dist/uitvoerend-groen/index.d.ts +607 -519
  23. package/dist/uitvoerend-groen/index.js +532 -444
  24. package/dist/uitvoerend-groen/index.json +531 -443
  25. package/dist/uitvoerend-groen/index.tokens.json +788 -636
  26. package/dist/uitvoerend-groen/root.css +532 -444
  27. package/dist/uitvoerend-groen/tokens.d.ts +776 -624
  28. package/dist/uitvoerend-groen/tokens.js +25121 -22809
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +532 -444
  30. package/dist/uitvoerend-hemelblauw/index.css +532 -444
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +607 -519
  32. package/dist/uitvoerend-hemelblauw/index.js +532 -444
  33. package/dist/uitvoerend-hemelblauw/index.json +531 -443
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +794 -642
  35. package/dist/uitvoerend-hemelblauw/root.css +532 -444
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +776 -624
  37. package/dist/uitvoerend-hemelblauw/tokens.js +25121 -22809
  38. package/dist/uitvoerend-mintgroen/_variables.scss +532 -444
  39. package/dist/uitvoerend-mintgroen/index.css +532 -444
  40. package/dist/uitvoerend-mintgroen/index.d.ts +607 -519
  41. package/dist/uitvoerend-mintgroen/index.js +532 -444
  42. package/dist/uitvoerend-mintgroen/index.json +531 -443
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +788 -636
  44. package/dist/uitvoerend-mintgroen/root.css +532 -444
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +776 -624
  46. package/dist/uitvoerend-mintgroen/tokens.js +25122 -22810
  47. package/dist/uitvoerend-oranje/_variables.scss +532 -444
  48. package/dist/uitvoerend-oranje/index.css +532 -444
  49. package/dist/uitvoerend-oranje/index.d.ts +607 -519
  50. package/dist/uitvoerend-oranje/index.js +532 -444
  51. package/dist/uitvoerend-oranje/index.json +531 -443
  52. package/dist/uitvoerend-oranje/index.tokens.json +788 -636
  53. package/dist/uitvoerend-oranje/root.css +532 -444
  54. package/dist/uitvoerend-oranje/tokens.d.ts +776 -624
  55. package/dist/uitvoerend-oranje/tokens.js +25122 -22810
  56. package/dist/uitvoerend-paars/_variables.scss +532 -444
  57. package/dist/uitvoerend-paars/index.css +532 -444
  58. package/dist/uitvoerend-paars/index.d.ts +607 -519
  59. package/dist/uitvoerend-paars/index.js +532 -444
  60. package/dist/uitvoerend-paars/index.json +531 -443
  61. package/dist/uitvoerend-paars/index.tokens.json +794 -642
  62. package/dist/uitvoerend-paars/root.css +532 -444
  63. package/dist/uitvoerend-paars/tokens.d.ts +776 -624
  64. package/dist/uitvoerend-paars/tokens.js +25122 -22810
  65. package/dist/uitvoerend-violet/_variables.scss +532 -444
  66. package/dist/uitvoerend-violet/index.css +532 -444
  67. package/dist/uitvoerend-violet/index.d.ts +607 -519
  68. package/dist/uitvoerend-violet/index.js +532 -444
  69. package/dist/uitvoerend-violet/index.json +531 -443
  70. package/dist/uitvoerend-violet/index.tokens.json +788 -636
  71. package/dist/uitvoerend-violet/root.css +532 -444
  72. package/dist/uitvoerend-violet/tokens.d.ts +776 -624
  73. package/dist/uitvoerend-violet/tokens.js +25122 -22810
  74. package/dist/uitvoerend-violet-oud/_variables.scss +532 -444
  75. package/dist/uitvoerend-violet-oud/index.css +532 -444
  76. package/dist/uitvoerend-violet-oud/index.d.ts +607 -519
  77. package/dist/uitvoerend-violet-oud/index.js +532 -444
  78. package/dist/uitvoerend-violet-oud/index.json +531 -443
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +793 -641
  80. package/dist/uitvoerend-violet-oud/root.css +532 -444
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +776 -624
  82. package/dist/uitvoerend-violet-oud/tokens.js +24248 -21936
  83. package/dist/wetgevend/_variables.scss +527 -439
  84. package/dist/wetgevend/index.css +527 -439
  85. package/dist/wetgevend/index.d.ts +607 -519
  86. package/dist/wetgevend/index.js +657 -569
  87. package/dist/wetgevend/index.json +656 -568
  88. package/dist/wetgevend/index.tokens.json +783 -631
  89. package/dist/wetgevend/root.css +527 -439
  90. package/dist/wetgevend/tokens.d.ts +776 -624
  91. package/dist/wetgevend/tokens.js +24297 -21985
  92. package/figma/figma.tokens.json +2893 -2623
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1898 -1283
  95. package/src/generated/koop/tokens.json +6732 -0
  96. package/src/generated/themes.json +48532 -37796
  97. package/src/generated/uitvoerend-groen/tokens.json +5253 -4753
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5253 -4753
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5253 -4753
  100. package/src/generated/uitvoerend-oranje/tokens.json +5253 -4753
  101. package/src/generated/uitvoerend-paars/tokens.json +5253 -4753
  102. package/src/generated/uitvoerend-violet/tokens.json +5253 -4753
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5203 -4703
  104. package/src/generated/wetgevend/tokens.json +5137 -4637
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 27 May 2025 13:07:13 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,
@@ -1069,14 +1119,6 @@ declare const tokens: {
1069
1119
  }
1070
1120
  }
1071
1121
  },
1072
- "document": {
1073
- "background-color": DesignToken,
1074
- "color": DesignToken,
1075
- "font-family": DesignToken,
1076
- "font-size": DesignToken,
1077
- "line-height": DesignToken,
1078
- "font-weight": DesignToken
1079
- },
1080
1122
  "rich-text": {
1081
1123
  "stranger": {
1082
1124
  "margin-block-end": DesignToken
@@ -1105,6 +1147,34 @@ declare const tokens: {
1105
1147
  "inverse": {
1106
1148
  "outline-color": DesignToken
1107
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
+ }
1108
1178
  }
1109
1179
  },
1110
1180
  "rhc": {
@@ -1409,26 +1479,18 @@ declare const tokens: {
1409
1479
  "padding-inline-end": DesignToken,
1410
1480
  "column-gap": DesignToken
1411
1481
  },
1412
- "border": {
1413
- "block-start": {
1414
- "width": DesignToken,
1415
- "color": DesignToken,
1416
- "style": DesignToken
1417
- }
1418
- },
1482
+ "border-block-start-width": DesignToken,
1483
+ "border-block-start-color": DesignToken,
1484
+ "border-block-start-style": DesignToken,
1419
1485
  "outlined": {
1420
1486
  "background-color": DesignToken,
1421
1487
  "color": DesignToken,
1422
- "border": {
1423
- "color": DesignToken
1424
- }
1425
- },
1426
- "padding": {
1427
- "block-start": DesignToken,
1428
- "block-end": DesignToken,
1429
- "inline-start": DesignToken,
1430
- "inline-end": DesignToken
1488
+ "border-color": DesignToken
1431
1489
  },
1490
+ "padding-block-start": DesignToken,
1491
+ "padding-block-end": DesignToken,
1492
+ "padding-inline-start": DesignToken,
1493
+ "padding-inline-end": DesignToken,
1432
1494
  "flex": {
1433
1495
  "direction": DesignToken
1434
1496
  }
@@ -1463,6 +1525,62 @@ declare const tokens: {
1463
1525
  "color": DesignToken,
1464
1526
  "size": DesignToken
1465
1527
  },
1528
+ "data-summary": {
1529
+ "font-family": DesignToken,
1530
+ "item-value": {
1531
+ "font-weight": DesignToken,
1532
+ "row": {
1533
+ "padding-block-end": DesignToken,
1534
+ "padding-block-start": DesignToken,
1535
+ "padding-inline-end": DesignToken,
1536
+ "padding-inline-start": DesignToken
1537
+ },
1538
+ "padding-block-end": DesignToken,
1539
+ "padding-block-start": DesignToken,
1540
+ "padding-inline-end": DesignToken,
1541
+ "padding-inline-start": DesignToken
1542
+ },
1543
+ "item-key": {
1544
+ "font-weight": DesignToken,
1545
+ "row": {
1546
+ "padding-block-end": DesignToken,
1547
+ "padding-block-start": DesignToken,
1548
+ "padding-inline-end": DesignToken,
1549
+ "padding-inline-start": DesignToken
1550
+ },
1551
+ "padding-block-end": DesignToken,
1552
+ "padding-block-start": DesignToken,
1553
+ "padding-inline-end": DesignToken,
1554
+ "padding-inline-start": DesignToken
1555
+ },
1556
+ "item": {
1557
+ "border-width": DesignToken,
1558
+ "border-color": DesignToken,
1559
+ "border-block-end-style": DesignToken,
1560
+ "color": DesignToken
1561
+ },
1562
+ "font-size": DesignToken,
1563
+ "line-height": DesignToken,
1564
+ "item-action": {
1565
+ "row": {
1566
+ "padding-block-end": DesignToken,
1567
+ "padding-block-start": DesignToken,
1568
+ "padding-inline-end": DesignToken,
1569
+ "padding-inline-start": DesignToken
1570
+ },
1571
+ "padding-block-end": DesignToken,
1572
+ "padding-block-start": DesignToken,
1573
+ "padding-inline-end": DesignToken,
1574
+ "padding-inline-start": DesignToken
1575
+ }
1576
+ },
1577
+ "data-badge-button": {
1578
+ "column-gap": DesignToken,
1579
+ "hover": {
1580
+ "background-color": DesignToken,
1581
+ "color": DesignToken
1582
+ }
1583
+ },
1466
1584
  "code-input": {
1467
1585
  "size": DesignToken
1468
1586
  },
@@ -1628,8 +1746,7 @@ declare const tokens: {
1628
1746
  "subdued": DesignToken,
1629
1747
  "link": DesignToken,
1630
1748
  "on-dark-color": DesignToken,
1631
- "on-light-color": DesignToken,
1632
- "onEmphasis": DesignToken
1749
+ "on-light-color": DesignToken
1633
1750
  },
1634
1751
  "border": {
1635
1752
  "default": DesignToken,
@@ -1843,10 +1960,9 @@ declare const tokens: {
1843
1960
  "level-4": DesignToken,
1844
1961
  "level-5": DesignToken
1845
1962
  },
1846
- "paragraph": {
1963
+ "body": {
1847
1964
  "intro": DesignToken,
1848
- "default": DesignToken,
1849
- "small": DesignToken
1965
+ "default": DesignToken
1850
1966
  },
1851
1967
  "xs": {
1852
1968
  "desktop": DesignToken,
@@ -1874,8 +1990,18 @@ declare const tokens: {
1874
1990
  "mobile": DesignToken
1875
1991
  }
1876
1992
  },
1993
+ "font-weight": {
1994
+ "default": DesignToken,
1995
+ "strong": DesignToken,
1996
+ "extra-bold": DesignToken,
1997
+ "bold": DesignToken,
1998
+ "semi-bold": DesignToken,
1999
+ "regular": DesignToken,
2000
+ "light": DesignToken,
2001
+ "thin": DesignToken
2002
+ },
1877
2003
  "line-height": {
1878
- "paragraph": DesignToken,
2004
+ "body": DesignToken,
1879
2005
  "sm": DesignToken,
1880
2006
  "md": DesignToken
1881
2007
  },
@@ -1890,15 +2016,6 @@ declare const tokens: {
1890
2016
  "2-lint": DesignToken,
1891
2017
  "3-lint": DesignToken
1892
2018
  },
1893
- "font-weight": {
1894
- "extra-bold": DesignToken,
1895
- "bold": DesignToken,
1896
- "semi-bold": DesignToken,
1897
- "regular": DesignToken,
1898
- "chosen-regular": DesignToken,
1899
- "light": DesignToken,
1900
- "thin": DesignToken
1901
- },
1902
2019
  "font-family": {
1903
2020
  "primary": DesignToken,
1904
2021
  "secondary": DesignToken
@@ -1924,16 +2041,21 @@ declare const tokens: {
1924
2041
  },
1925
2042
  "nl": {
1926
2043
  "skip-link": {
1927
- "font-weight": DesignToken,
2044
+ "border-color": DesignToken,
2045
+ "border-width": DesignToken,
1928
2046
  "font-family": DesignToken,
1929
- "font-size": DesignToken,
1930
- "line-height": DesignToken,
1931
- "min-block-size": DesignToken,
1932
- "min-inline-size": DesignToken,
2047
+ "font-weight": DesignToken,
1933
2048
  "padding-block-end": DesignToken,
1934
2049
  "padding-block-start": DesignToken,
1935
2050
  "padding-inline-end": DesignToken,
1936
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
+ },
1937
2059
  "focus": {
1938
2060
  "background-color": DesignToken,
1939
2061
  "border-color": DesignToken,
@@ -1945,41 +2067,48 @@ declare const tokens: {
1945
2067
  "focus-visible": {
1946
2068
  "outline-color": DesignToken
1947
2069
  },
2070
+ "text-decoration": DesignToken,
1948
2071
  "background-color": DesignToken,
1949
- "border-color": DesignToken,
1950
2072
  "color": DesignToken,
1951
- "border-width": DesignToken,
1952
- "box-block-end-shadow": {
1953
- "offset-x": DesignToken,
1954
- "offset-y": DesignToken,
1955
- "blur-radius": DesignToken,
1956
- "spread-radius": DesignToken,
1957
- "color": DesignToken
1958
- },
1959
- "text-decoration": DesignToken,
1960
- "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
1961
2081
  },
1962
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
+ },
1963
2091
  "color": DesignToken,
1964
2092
  "font-family": DesignToken,
1965
2093
  "font-size": DesignToken,
1966
2094
  "font-weight": DesignToken,
1967
2095
  "line-height": DesignToken,
1968
2096
  "margin-block-end": DesignToken,
1969
- "margin-block-start": DesignToken,
1970
- "lead": {
1971
- "color": DesignToken,
1972
- "font-size": DesignToken,
1973
- "font-weight": DesignToken,
1974
- "line-height": DesignToken
1975
- }
2097
+ "margin-block-start": DesignToken
1976
2098
  },
1977
2099
  "link": {
1978
- "color": DesignToken,
1979
- "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
+ },
1980
2109
  "active": {
1981
- "color": DesignToken,
1982
- "text-decoration": DesignToken
2110
+ "text-decoration": DesignToken,
2111
+ "color": DesignToken
1983
2112
  },
1984
2113
  "focus": {
1985
2114
  "background-color": DesignToken,
@@ -1987,71 +2116,82 @@ declare const tokens: {
1987
2116
  "text-decoration": DesignToken,
1988
2117
  "text-decoration-thickness": DesignToken
1989
2118
  },
1990
- "hover": {
1991
- "color": DesignToken,
1992
- "text-decoration": DesignToken,
1993
- "text-decoration-thickness": DesignToken
1994
- },
1995
2119
  "visited": {
1996
2120
  "color": DesignToken
1997
2121
  },
1998
- "text-decoration": DesignToken,
1999
- "icon": {
2000
- "inset-block-start": DesignToken,
2001
- "size": DesignToken
2002
- },
2003
- "column-gap": DesignToken,
2122
+ "color": DesignToken,
2123
+ "text-decoration-color": DesignToken,
2124
+ "text-decoration-line": DesignToken,
2004
2125
  "text-decoration-thickness": DesignToken,
2005
2126
  "text-underline-offset": DesignToken,
2006
- "font-family": DesignToken,
2007
- "font-weight": DesignToken,
2008
- "font-size": DesignToken,
2009
- "line-height": DesignToken
2010
- },
2011
- "heading-level-1": {
2012
- "color": DesignToken,
2013
- "font-family": DesignToken,
2014
- "font-weight": DesignToken,
2015
- "line-height": DesignToken,
2016
- "font-size": DesignToken,
2017
- "margin-block-end": DesignToken,
2018
- "margin-block-start": DesignToken
2019
- },
2020
- "heading-level-2": {
2021
- "color": DesignToken,
2022
- "font-family": DesignToken,
2023
- "font-weight": DesignToken,
2024
- "line-height": DesignToken,
2025
- "font-size": DesignToken,
2026
- "margin-block-end": DesignToken,
2027
- "margin-block-start": DesignToken
2028
- },
2029
- "heading-level-3": {
2030
- "color": DesignToken,
2031
- "font-family": DesignToken,
2032
- "font-weight": DesignToken,
2033
- "line-height": DesignToken,
2034
- "font-size": DesignToken,
2035
- "margin-block-end": DesignToken,
2036
- "margin-block-start": DesignToken
2037
- },
2038
- "heading-level-4": {
2039
- "color": DesignToken,
2040
- "font-family": DesignToken,
2041
- "font-weight": DesignToken,
2042
- "line-height": DesignToken,
2043
- "font-size": DesignToken,
2044
- "margin-block-end": DesignToken,
2045
- "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
+ }
2046
2139
  },
2047
- "heading-level-5": {
2048
- "color": DesignToken,
2049
- "font-family": DesignToken,
2050
- "font-weight": DesignToken,
2051
- "line-height": DesignToken,
2052
- "font-size": DesignToken,
2053
- "margin-block-end": DesignToken,
2054
- "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
+ }
2055
2195
  },
2056
2196
  "number-badge": {
2057
2197
  "font-size": DesignToken,
@@ -2068,5 +2208,65 @@ declare const tokens: {
2068
2208
  "padding-inline": DesignToken,
2069
2209
  "padding-block": DesignToken
2070
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
+ }
2071
2271
  }
2072
2272
  }