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