@rijkshuisstijl-community/design-tokens 4.1.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/CHANGELOG.md +79 -5
  2. package/README.md +2 -2
  3. package/dist/_variables.scss +624 -743
  4. package/dist/index.css +624 -743
  5. package/dist/index.d.ts +743 -862
  6. package/dist/index.js +745 -864
  7. package/dist/index.json +744 -863
  8. package/dist/index.tokens.json +1779 -1904
  9. package/dist/koop/_variables.scss +87 -262
  10. package/dist/koop/index.css +87 -262
  11. package/dist/koop/index.d.ts +83 -258
  12. package/dist/koop/index.js +87 -262
  13. package/dist/koop/index.json +87 -262
  14. package/dist/koop/index.tokens.json +146 -361
  15. package/dist/koop/root.css +87 -262
  16. package/dist/koop/tokens.d.ts +139 -354
  17. package/dist/koop/tokens.js +4689 -8608
  18. package/dist/root.css +624 -743
  19. package/dist/tokens.d.ts +1698 -1823
  20. package/dist/tokens.js +22986 -25609
  21. package/dist/uitvoerend-groen/_variables.scss +83 -260
  22. package/dist/uitvoerend-groen/index.css +83 -260
  23. package/dist/uitvoerend-groen/index.d.ts +80 -257
  24. package/dist/uitvoerend-groen/index.js +83 -260
  25. package/dist/uitvoerend-groen/index.json +83 -260
  26. package/dist/uitvoerend-groen/index.tokens.json +138 -359
  27. package/dist/uitvoerend-groen/root.css +83 -260
  28. package/dist/uitvoerend-groen/tokens.d.ts +132 -353
  29. package/dist/uitvoerend-groen/tokens.js +4673 -8642
  30. package/dist/uitvoerend-hemelblauw/_variables.scss +83 -260
  31. package/dist/uitvoerend-hemelblauw/index.css +83 -260
  32. package/dist/uitvoerend-hemelblauw/index.d.ts +80 -257
  33. package/dist/uitvoerend-hemelblauw/index.js +83 -260
  34. package/dist/uitvoerend-hemelblauw/index.json +83 -260
  35. package/dist/uitvoerend-hemelblauw/index.tokens.json +138 -359
  36. package/dist/uitvoerend-hemelblauw/root.css +83 -260
  37. package/dist/uitvoerend-hemelblauw/tokens.d.ts +132 -353
  38. package/dist/uitvoerend-hemelblauw/tokens.js +4673 -8642
  39. package/dist/uitvoerend-mintgroen/_variables.scss +83 -260
  40. package/dist/uitvoerend-mintgroen/index.css +83 -260
  41. package/dist/uitvoerend-mintgroen/index.d.ts +80 -257
  42. package/dist/uitvoerend-mintgroen/index.js +83 -260
  43. package/dist/uitvoerend-mintgroen/index.json +83 -260
  44. package/dist/uitvoerend-mintgroen/index.tokens.json +138 -359
  45. package/dist/uitvoerend-mintgroen/root.css +83 -260
  46. package/dist/uitvoerend-mintgroen/tokens.d.ts +132 -353
  47. package/dist/uitvoerend-mintgroen/tokens.js +4673 -8642
  48. package/dist/uitvoerend-oranje/_variables.scss +106 -283
  49. package/dist/uitvoerend-oranje/index.css +106 -283
  50. package/dist/uitvoerend-oranje/index.d.ts +103 -280
  51. package/dist/uitvoerend-oranje/index.js +106 -283
  52. package/dist/uitvoerend-oranje/index.json +106 -283
  53. package/dist/uitvoerend-oranje/index.tokens.json +169 -390
  54. package/dist/uitvoerend-oranje/root.css +106 -283
  55. package/dist/uitvoerend-oranje/tokens.d.ts +160 -381
  56. package/dist/uitvoerend-oranje/tokens.js +5821 -9790
  57. package/dist/uitvoerend-paars/_variables.scss +83 -260
  58. package/dist/uitvoerend-paars/index.css +83 -260
  59. package/dist/uitvoerend-paars/index.d.ts +80 -257
  60. package/dist/uitvoerend-paars/index.js +83 -260
  61. package/dist/uitvoerend-paars/index.json +83 -260
  62. package/dist/uitvoerend-paars/index.tokens.json +138 -359
  63. package/dist/uitvoerend-paars/root.css +83 -260
  64. package/dist/uitvoerend-paars/tokens.d.ts +132 -353
  65. package/dist/uitvoerend-paars/tokens.js +4673 -8642
  66. package/dist/uitvoerend-violet/_variables.scss +83 -260
  67. package/dist/uitvoerend-violet/index.css +83 -260
  68. package/dist/uitvoerend-violet/index.d.ts +80 -257
  69. package/dist/uitvoerend-violet/index.js +83 -260
  70. package/dist/uitvoerend-violet/index.json +83 -260
  71. package/dist/uitvoerend-violet/index.tokens.json +138 -359
  72. package/dist/uitvoerend-violet/root.css +83 -260
  73. package/dist/uitvoerend-violet/tokens.d.ts +132 -353
  74. package/dist/uitvoerend-violet/tokens.js +4673 -8642
  75. package/dist/uitvoerend-violet-oud/_variables.scss +138 -315
  76. package/dist/uitvoerend-violet-oud/index.css +138 -315
  77. package/dist/uitvoerend-violet-oud/index.d.ts +135 -312
  78. package/dist/uitvoerend-violet-oud/index.js +138 -315
  79. package/dist/uitvoerend-violet-oud/index.json +138 -315
  80. package/dist/uitvoerend-violet-oud/index.tokens.json +205 -426
  81. package/dist/uitvoerend-violet-oud/root.css +138 -315
  82. package/dist/uitvoerend-violet-oud/tokens.d.ts +203 -424
  83. package/dist/uitvoerend-violet-oud/tokens.js +6433 -10402
  84. package/dist/wetgevend/_variables.scss +83 -260
  85. package/dist/wetgevend/index.css +83 -260
  86. package/dist/wetgevend/index.d.ts +80 -257
  87. package/dist/wetgevend/index.js +83 -260
  88. package/dist/wetgevend/index.json +83 -260
  89. package/dist/wetgevend/index.tokens.json +138 -359
  90. package/dist/wetgevend/root.css +83 -260
  91. package/dist/wetgevend/tokens.d.ts +132 -353
  92. package/dist/wetgevend/tokens.js +4673 -8642
  93. package/figma/figma.tokens.json +808 -1219
  94. package/package.json +2 -2
  95. package/src/generated/base.tokens.json +4954 -5450
  96. package/src/generated/koop/tokens.json +416 -1170
  97. package/src/generated/themes.json +4081 -10963
  98. package/src/generated/uitvoerend-groen/tokens.json +410 -1176
  99. package/src/generated/uitvoerend-hemelblauw/tokens.json +410 -1176
  100. package/src/generated/uitvoerend-mintgroen/tokens.json +410 -1176
  101. package/src/generated/uitvoerend-oranje/tokens.json +549 -1315
  102. package/src/generated/uitvoerend-paars/tokens.json +410 -1176
  103. package/src/generated/uitvoerend-violet/tokens.json +410 -1176
  104. package/src/generated/uitvoerend-violet-oud/tokens.json +721 -1487
  105. package/src/generated/wetgevend/tokens.json +410 -1176
  106. package/token-transformer.mjs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,84 @@
1
1
  # @rijkshuisstijl-community/design-tokens
2
2
 
3
+ ## 6.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 8e508f9: Removed the following tokens:
8
+ Used but unnecessary:
9
+ --utrecht-alert-heading-line-height
10
+ --utrecht-alert-message-line-height
11
+
12
+ Unused:
13
+ --utrecht-alert-heading-font-family
14
+ --utrecht-alert-heading-font-size
15
+ --utrecht-alert-heading-font-weight
16
+
17
+ Reworked the Alert react component to allow users to add content like heading and paragraph in the children instead of duplicating heading props in the alert directly.
18
+ Added icon overwrite support in case you want a different icon on a specific alert type.
19
+
20
+ - 29bfdd5: Removed deprecated tokens for Accordion
21
+ - 965c2a4: Removed deprecated tokens and much custom code for SkipLink
22
+ - Kept only the box-shadow properties and moved those to rhc-\* namespace
23
+ - Removed visibleOnFocus prop and class, assuming this is always the behaviour
24
+ - Also cleaned the storybook, with just a default, rtl, and focused state
25
+ - Added links in storybook
26
+
27
+ ### Patch Changes
28
+
29
+ - 9b9a2a0: Remove deprecated tokens for Number Badge.
30
+
31
+ ## 5.1.0
32
+
33
+ ### Minor Changes
34
+
35
+ - 35dcda9: Add PageNumberNavigation component in rhc storybook
36
+
37
+ ## 5.0.0
38
+
39
+ ### Major Changes
40
+
41
+ - 0057047: chore: remove unused and deprecated Link tokens
42
+ - Use NL link component as cleanly as possible.
43
+ - Do not support NL `disabled` prop/state for Link.
44
+ - Add support for Icon in Link.
45
+ - Replace "utrecht" with "rhc" in markdown documentation for Link.
46
+
47
+ - f89c576: Removed the following tokens for unordered list as these are inherited from the document:
48
+ --utrecht-unordered-list-color
49
+ --utrecht-unordered-list-marker-border-color
50
+ --utrecht-unordered-list-font-weight
51
+ --utrecht-unordered-list-font-family
52
+
53
+ Added the following token to control nested lists
54
+ --rhc-unordered-list-nested-margin-inline-start
55
+
56
+ Nested lists now have the same marker as root lists to have less going on
57
+
58
+ - f24efc1: Clear deprecated tokens for Breadcrumb
59
+
60
+ ### Minor Changes
61
+
62
+ - 93b9259: Add new Card component for flexible card display
63
+
64
+ **WHAT**: Added a new `Card` component alongside the existing `CardAsLink` component
65
+ **WHY**: The existing `CardAsLink` was too restrictive for cases where cards don't need to be clickable links
66
+ **HOW**: Import and use the new `Card` component for non-interactive card displays
67
+
68
+ ### Patch Changes
69
+
70
+ - 2828f3e: chore: Remove unused deprecated paragraph token
71
+ - cd3758e: Cleaned up deprecated tokens for ordered list to be more in line with the base component used in Utrecht.
72
+ Tokens that wont be applied to ordered list anymore:
73
+ --utrecht-ordered-list-color
74
+ --utrecht-ordered-list-font-weight
75
+ --utrecht-ordered-list-margin-inline-start
76
+ - bf73b50: Fix hot reloading voor local development.
77
+ - 6b3a5aa: Remove fixed width from Card As Link component to delegate sizing to layout
78
+ - fe88675: Update heading dependency and removed unused tokens
79
+ - acca7a7: Removed unused deprecated tokens
80
+ - 04a4ec5: updated design tokens to be set on the common layer instead of component layer
81
+
3
82
  ## 4.1.0
4
83
 
5
84
  ### Minor Changes
@@ -50,7 +129,6 @@
50
129
  - Token update unordered list
51
130
  - 83f2985: Vervang niet bestaand Design Token type "borderStyle" met "other".
52
131
  - 860e977: Link tokens bijgewerkt:
53
-
54
132
  - `nl.link.text-decoration-color` verwijderd zodat de underline meekleurt met de state kleur
55
133
  - `nl.link.hover.text-decoration` hernoemd naar `nl.link.hover.text-decoration-line` zodat de underline bij hover verdwijnt
56
134
 
@@ -66,7 +144,6 @@
66
144
  ### Major Changes
67
145
 
68
146
  - 04beca8: Breaking changes: toevoeging en aanpassing van font-weight tokens op de common laag.
69
-
70
147
  - De paragraph font tokens op de common-laag zijn hernoemd naar `body`, zodat ze breder toepasbaar zijn.
71
148
  - De token `rhc.paragraph.small` is verwijderd.
72
149
  - Verwijzingen naar `rhc.paragraph.small` zijn vervangen door `rhc.body.default`, wat betekent dat de `font-size` van componenten als `counterbadge`, `navigation-list` en `message-list` is gewijzigd van 18px naar 20px.
@@ -109,20 +186,17 @@
109
186
  Deprecated @rijkshuisstijl-community/rivm-design-tokens
110
187
  These themes are now found in: @rijkshuisstijl-community/design-tokens
111
188
  - 5209b0c: ### Nieuwe tokens
112
-
113
189
  - `rhc.color.foreground.on-light-color` toegevoegd
114
190
  - Rounded corner tokens toegevoegd
115
191
  - Nieuwe tokenset `components/blockquote` toegevoegd
116
192
 
117
193
  ### Hernoemingen en refactor
118
-
119
194
  - `rhc.color.foregrond.onEmphisis` hernoemd naar `rhc.color.foreground.on-dark-color`. (oude naam blijft tijdelijk beschikbaar om bugs te voorkomen)
120
195
  - `rhc.border-radius.keep` vervangen door de nieuwe rounded corner tokens
121
196
  - Tokenset `common/keep` hernoemd naar `common/keep-oud`
122
197
  - Tokenset `components/blockquote` verplaatst naar `components/blockquote-oud` (legacy totdat het component is geüpdatet)
123
198
 
124
199
  ### Overige
125
-
126
200
  - Stijl en design tokens voor het `blockquote` component geüpdatet
127
201
 
128
202
  ## 1.2.0
package/README.md CHANGED
@@ -11,7 +11,7 @@ Dit project maakt deel uit van een samenwerkingsverband om [NL Design System](ht
11
11
  Nederland (bijvoorbeeld: [Belastingdienst](https://www.belastingdienst.nl/), [DUO](https://www.duo.nl), [Logius](http://logius.nl), [SVB](https://www.svb.nl/))
12
12
  en degenen die door hen zijn ingehuurd voor het ontwikkelen van websites en apps, kunnen via dit project samenwerken.
13
13
 
14
- # Tokens gebruiken in eigen project
14
+ ## Tokens gebruiken in eigen project
15
15
 
16
16
  Hieronder vind je instructies hoe je de standaard Rijkshuisstijl-community tokens in je project kan toepassen.
17
17
 
@@ -42,7 +42,7 @@ Hieronder vind je instructies hoe je de standaard Rijkshuisstijl-community token
42
42
  </body>
43
43
  ```
44
44
 
45
- # Nieuw thema toevoegen
45
+ ## Nieuw thema toevoegen
46
46
 
47
47
  Er zijn al verschillende bedrijfsthema's in de @rijkshuisstijl-community/design-tokens package waarvoor (gedeeltelijke) support is vanuit de Rijkshuisstijl-community. Hieronder volgt een uitleg hoe nog meer thema's kunnen worden toegevoegd
48
48