@rijkshuisstijl-community/design-tokens 10.0.0 → 11.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 (88) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +46 -1
  3. package/build.mjs +36 -10
  4. package/cssFixers.mjs +89 -0
  5. package/cssFixers.spec.mjs +98 -0
  6. package/dist/_variables.scss +20 -17
  7. package/dist/index.css +20 -17
  8. package/dist/index.d.ts +24 -19
  9. package/dist/index.js +23 -20
  10. package/dist/index.json +21 -19
  11. package/dist/index.tokens.json +33 -31
  12. package/dist/kern-lintblauw/_variables.scss +20 -17
  13. package/dist/kern-lintblauw/index.css +20 -17
  14. package/dist/kern-lintblauw/index.d.ts +24 -19
  15. package/dist/kern-lintblauw/index.js +23 -20
  16. package/dist/kern-lintblauw/index.json +21 -19
  17. package/dist/kern-lintblauw/index.tokens.json +33 -31
  18. package/dist/kern-lintblauw/root.css +20 -17
  19. package/dist/kern-lintblauw/tokens.d.ts +31 -28
  20. package/dist/kern-lintblauw/tokens.js +446 -531
  21. package/dist/root.css +20 -17
  22. package/dist/tokens.d.ts +31 -28
  23. package/dist/tokens.js +446 -531
  24. package/dist/uitvoerend-groen/_variables.scss +21 -18
  25. package/dist/uitvoerend-groen/index.css +21 -18
  26. package/dist/uitvoerend-groen/index.d.ts +24 -19
  27. package/dist/uitvoerend-groen/index.js +23 -20
  28. package/dist/uitvoerend-groen/index.json +21 -19
  29. package/dist/uitvoerend-groen/index.tokens.json +33 -31
  30. package/dist/uitvoerend-groen/root.css +21 -18
  31. package/dist/uitvoerend-groen/tokens.d.ts +31 -28
  32. package/dist/uitvoerend-groen/tokens.js +446 -531
  33. package/dist/uitvoerend-hemelblauw/_variables.scss +21 -18
  34. package/dist/uitvoerend-hemelblauw/index.css +21 -18
  35. package/dist/uitvoerend-hemelblauw/index.d.ts +24 -19
  36. package/dist/uitvoerend-hemelblauw/index.js +23 -20
  37. package/dist/uitvoerend-hemelblauw/index.json +21 -19
  38. package/dist/uitvoerend-hemelblauw/index.tokens.json +33 -31
  39. package/dist/uitvoerend-hemelblauw/root.css +21 -18
  40. package/dist/uitvoerend-hemelblauw/tokens.d.ts +31 -28
  41. package/dist/uitvoerend-hemelblauw/tokens.js +446 -531
  42. package/dist/uitvoerend-lintblauw/_variables.scss +21 -18
  43. package/dist/uitvoerend-lintblauw/index.css +21 -18
  44. package/dist/uitvoerend-lintblauw/index.d.ts +24 -19
  45. package/dist/uitvoerend-lintblauw/index.js +23 -20
  46. package/dist/uitvoerend-lintblauw/index.json +21 -19
  47. package/dist/uitvoerend-lintblauw/index.tokens.json +33 -31
  48. package/dist/uitvoerend-lintblauw/root.css +21 -18
  49. package/dist/uitvoerend-lintblauw/tokens.d.ts +31 -28
  50. package/dist/uitvoerend-lintblauw/tokens.js +446 -531
  51. package/dist/uitvoerend-oranje/_variables.scss +21 -18
  52. package/dist/uitvoerend-oranje/index.css +21 -18
  53. package/dist/uitvoerend-oranje/index.d.ts +24 -19
  54. package/dist/uitvoerend-oranje/index.js +23 -20
  55. package/dist/uitvoerend-oranje/index.json +21 -19
  56. package/dist/uitvoerend-oranje/index.tokens.json +33 -31
  57. package/dist/uitvoerend-oranje/root.css +21 -18
  58. package/dist/uitvoerend-oranje/tokens.d.ts +31 -28
  59. package/dist/uitvoerend-oranje/tokens.js +446 -531
  60. package/dist/uitvoerend-paars/_variables.scss +21 -18
  61. package/dist/uitvoerend-paars/index.css +21 -18
  62. package/dist/uitvoerend-paars/index.d.ts +24 -19
  63. package/dist/uitvoerend-paars/index.js +23 -20
  64. package/dist/uitvoerend-paars/index.json +21 -19
  65. package/dist/uitvoerend-paars/index.tokens.json +33 -31
  66. package/dist/uitvoerend-paars/root.css +21 -18
  67. package/dist/uitvoerend-paars/tokens.d.ts +31 -28
  68. package/dist/uitvoerend-paars/tokens.js +446 -531
  69. package/dist/uitvoerend-robijnrood/_variables.scss +21 -18
  70. package/dist/uitvoerend-robijnrood/index.css +21 -18
  71. package/dist/uitvoerend-robijnrood/index.d.ts +24 -19
  72. package/dist/uitvoerend-robijnrood/index.js +23 -20
  73. package/dist/uitvoerend-robijnrood/index.json +21 -19
  74. package/dist/uitvoerend-robijnrood/index.tokens.json +33 -31
  75. package/dist/uitvoerend-robijnrood/root.css +21 -18
  76. package/dist/uitvoerend-robijnrood/tokens.d.ts +31 -28
  77. package/dist/uitvoerend-robijnrood/tokens.js +446 -531
  78. package/figma/figma.tokens.json +90 -171
  79. package/package.json +4 -3
  80. package/src/generated/base.tokens.json +89 -170
  81. package/src/generated/kern-lintblauw/tokens.json +89 -170
  82. package/src/generated/themes.json +623 -1190
  83. package/src/generated/uitvoerend-groen/tokens.json +89 -170
  84. package/src/generated/uitvoerend-hemelblauw/tokens.json +89 -170
  85. package/src/generated/uitvoerend-lintblauw/tokens.json +89 -170
  86. package/src/generated/uitvoerend-oranje/tokens.json +89 -170
  87. package/src/generated/uitvoerend-paars/tokens.json +89 -170
  88. package/src/generated/uitvoerend-robijnrood/tokens.json +89 -170
package/dist/root.css CHANGED
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
+ * Generated on Tue, 30 Dec 2025 09:35:37 GMT
3
4
  */
4
5
 
5
6
  :root {
@@ -495,21 +496,22 @@
495
496
  --rhc-nav-bar-link-padding-inline-start: var(--rhc-space-150);
496
497
  --rhc-nav-bar-link-column-gap: var(--rhc-space-100);
497
498
  --rhc-nav-bar-background-color: var(--rhc-color-wit);
498
- --rhc-navigation-list-icon-border-radius: var(--rhc-border-radius-round);
499
- --rhc-navigation-list-item-icon-padding-inline: var(--rhc-space-100);
500
- --rhc-navigation-list-item-icon-padding-block: var(--rhc-space-100);
501
- --rhc-navigation-list-item-icon-size: var(--rhc-size-icon-md);
502
- --rhc-navigation-list-item-content-column-gap: var(--rhc-space-100);
503
- --rhc-navigation-list-item-content-row-gap: var(--rhc-space-50);
504
- --rhc-navigation-list-item-label-line-height: var(--rhc-text-line-height-md);
505
- --rhc-navigation-list-item-active-background-color: var(--rhc-color-cool-grey-100);
506
- --rhc-navigation-list-item-hover-background-color: var(--rhc-color-cool-grey-50);
507
- --rhc-navigation-list-item-border-width: var(--rhc-border-width-sm);
508
499
  --rhc-navigation-list-item-border-color: var(--rhc-color-cool-grey-300);
500
+ --rhc-navigation-list-item-border-width: var(--rhc-border-width-sm);
509
501
  --rhc-navigation-list-item-column-gap: var(--rhc-space-200);
510
502
  --rhc-navigation-list-item-min-height: var(--rhc-size-pointer-target);
511
503
  --rhc-navigation-list-item-padding-block: var(--rhc-space-150);
512
504
  --rhc-navigation-list-item-padding-inline: var(--rhc-space-200);
505
+ --rhc-navigation-list-item-active-background-color: var(--rhc-color-cool-grey-100);
506
+ --rhc-navigation-list-item-hover-background-color: var(--rhc-color-cool-grey-50);
507
+ --rhc-navigation-list-item-content-column-gap: var(--rhc-space-100); /** [code-only] */
508
+ --rhc-navigation-list-item-content-row-gap: var(--rhc-space-50); /** [code-only] */
509
+ --rhc-navigation-list-item-description-line-height: var(--rhc-text-line-height-md);
510
+ --rhc-navigation-list-item-icon-start-border-radius: var(--rhc-border-radius-round);
511
+ --rhc-navigation-list-item-icon-start-padding-block: var(--rhc-space-100);
512
+ --rhc-navigation-list-item-icon-start-padding-inline: var(--rhc-space-100);
513
+ --rhc-navigation-list-item-icon-start-size: var(--rhc-size-icon-md);
514
+ --rhc-navigation-list-item-label-line-height: var(--rhc-text-line-height-md);
513
515
  --rhc-radio-group-padding-block-end: var(--rhc-space-100);
514
516
  --rhc-radio-group-padding-block-start: var(--rhc-space-100);
515
517
  --rhc-radio-group-row-gap: var(--rhc-space-200);
@@ -1054,16 +1056,17 @@
1054
1056
  --rhc-nav-bar-heading-font-weight: var(--rhc-text-font-weight-strong);
1055
1057
  --rhc-nav-bar-color: var(--rhc-color-primary-500);
1056
1058
  --rhc-nav-bar-border-color: var(--rhc-color-primary-400);
1057
- --rhc-navigation-list-icon-background-color: var(--rhc-color-foreground-default);
1058
- --rhc-navigation-list-icon-color: var(--rhc-color-foreground-on-dark-color);
1059
- --rhc-navigation-list-item-content-font-size: var(--rhc-text-font-size-md);
1059
+ --rhc-navigation-list-item-background-color: var(--rhc-color-bg-document);
1060
+ --rhc-navigation-list-item-focus-background-color: var(--rhc-color-primary-50);
1061
+ --rhc-navigation-list-item-description-color: var(--rhc-color-foreground-subtle);
1062
+ --rhc-navigation-list-item-description-font-size: var(--rhc-text-font-size-md);
1063
+ --rhc-navigation-list-item-icon-end-color: var(--rhc-color-foreground-subtle);
1064
+ --rhc-navigation-list-item-icon-start-background-color: var(--rhc-color-foreground-default);
1065
+ --rhc-navigation-list-item-icon-start-color: var(--rhc-color-foreground-on-dark-color);
1066
+ --rhc-navigation-list-item-label-color: var(--rhc-color-foreground-default);
1060
1067
  --rhc-navigation-list-item-label-font-family: var(--rhc-text-font-family-default);
1061
1068
  --rhc-navigation-list-item-label-font-size: var(--rhc-text-font-size-xl);
1062
1069
  --rhc-navigation-list-item-label-font-weight: var(--rhc-text-font-weight-strong);
1063
- --rhc-navigation-list-item-focus-background-color: var(--rhc-color-primary-50);
1064
- --rhc-navigation-list-item-background-color: var(--rhc-color-bg-document);
1065
- --rhc-navigation-list-item-color: var(--rhc-color-foreground-subtle);
1066
- --rhc-navigation-list-item-heading-color: var(--rhc-color-foreground-default);
1067
1070
  --rhc-sidenav-link-font-size: var(--rhc-text-font-size-md);
1068
1071
  --rhc-sidenav-link-font-family: var(--rhc-text-font-family-default);
1069
1072
  --rhc-sidenav-link-font-weight: var(--rhc-text-font-weight-default);
package/dist/tokens.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
+ * Generated on Tue, 30 Dec 2025 09:35:37 GMT
3
4
  */
4
5
 
5
6
  export default tokens;
@@ -694,48 +695,50 @@ declare const tokens: {
694
695
  "border-color": DesignToken;
695
696
  };
696
697
  "navigation-list": {
697
- icon: {
698
- "background-color": DesignToken;
699
- "border-radius": DesignToken;
700
- color: DesignToken;
701
- };
702
698
  item: {
703
- icon: {
704
- "padding-inline": DesignToken;
705
- "padding-block": DesignToken;
706
- size: DesignToken;
699
+ "background-color": DesignToken;
700
+ "border-color": DesignToken;
701
+ "border-width": DesignToken;
702
+ "column-gap": DesignToken;
703
+ "min-height": DesignToken;
704
+ "padding-block": DesignToken;
705
+ "padding-inline": DesignToken;
706
+ active: {
707
+ "background-color": DesignToken;
708
+ };
709
+ hover: {
710
+ "background-color": DesignToken;
711
+ };
712
+ focus: {
713
+ "background-color": DesignToken;
707
714
  };
708
715
  content: {
709
- "font-size": DesignToken;
710
716
  "column-gap": DesignToken;
711
717
  "row-gap": DesignToken;
712
718
  };
713
- label: {
714
- "font-family": DesignToken;
719
+ description: {
720
+ color: DesignToken;
715
721
  "font-size": DesignToken;
716
- "font-weight": DesignToken;
717
722
  "line-height": DesignToken;
718
723
  };
719
- active: {
720
- "background-color": DesignToken;
721
- };
722
- hover: {
723
- "background-color": DesignToken;
724
+ "icon-end": {
725
+ color: DesignToken;
724
726
  };
725
- focus: {
727
+ "icon-start": {
726
728
  "background-color": DesignToken;
729
+ "border-radius": DesignToken;
730
+ color: DesignToken;
731
+ "padding-block": DesignToken;
732
+ "padding-inline": DesignToken;
733
+ size: DesignToken;
727
734
  };
728
- "background-color": DesignToken;
729
- color: DesignToken;
730
- "border-width": DesignToken;
731
- "border-color": DesignToken;
732
- heading: {
735
+ label: {
733
736
  color: DesignToken;
737
+ "font-family": DesignToken;
738
+ "font-size": DesignToken;
739
+ "font-weight": DesignToken;
740
+ "line-height": DesignToken;
734
741
  };
735
- "column-gap": DesignToken;
736
- "min-height": DesignToken;
737
- "padding-block": DesignToken;
738
- "padding-inline": DesignToken;
739
742
  };
740
743
  };
741
744
  "radio-group": {