@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.
- package/CHANGELOG.md +79 -5
- package/README.md +2 -2
- package/dist/_variables.scss +624 -743
- package/dist/index.css +624 -743
- package/dist/index.d.ts +743 -862
- package/dist/index.js +745 -864
- package/dist/index.json +744 -863
- package/dist/index.tokens.json +1779 -1904
- package/dist/koop/_variables.scss +87 -262
- package/dist/koop/index.css +87 -262
- package/dist/koop/index.d.ts +83 -258
- package/dist/koop/index.js +87 -262
- package/dist/koop/index.json +87 -262
- package/dist/koop/index.tokens.json +146 -361
- package/dist/koop/root.css +87 -262
- package/dist/koop/tokens.d.ts +139 -354
- package/dist/koop/tokens.js +4689 -8608
- package/dist/root.css +624 -743
- package/dist/tokens.d.ts +1698 -1823
- package/dist/tokens.js +22986 -25609
- package/dist/uitvoerend-groen/_variables.scss +83 -260
- package/dist/uitvoerend-groen/index.css +83 -260
- package/dist/uitvoerend-groen/index.d.ts +80 -257
- package/dist/uitvoerend-groen/index.js +83 -260
- package/dist/uitvoerend-groen/index.json +83 -260
- package/dist/uitvoerend-groen/index.tokens.json +138 -359
- package/dist/uitvoerend-groen/root.css +83 -260
- package/dist/uitvoerend-groen/tokens.d.ts +132 -353
- package/dist/uitvoerend-groen/tokens.js +4673 -8642
- package/dist/uitvoerend-hemelblauw/_variables.scss +83 -260
- package/dist/uitvoerend-hemelblauw/index.css +83 -260
- package/dist/uitvoerend-hemelblauw/index.d.ts +80 -257
- package/dist/uitvoerend-hemelblauw/index.js +83 -260
- package/dist/uitvoerend-hemelblauw/index.json +83 -260
- package/dist/uitvoerend-hemelblauw/index.tokens.json +138 -359
- package/dist/uitvoerend-hemelblauw/root.css +83 -260
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +132 -353
- package/dist/uitvoerend-hemelblauw/tokens.js +4673 -8642
- package/dist/uitvoerend-mintgroen/_variables.scss +83 -260
- package/dist/uitvoerend-mintgroen/index.css +83 -260
- package/dist/uitvoerend-mintgroen/index.d.ts +80 -257
- package/dist/uitvoerend-mintgroen/index.js +83 -260
- package/dist/uitvoerend-mintgroen/index.json +83 -260
- package/dist/uitvoerend-mintgroen/index.tokens.json +138 -359
- package/dist/uitvoerend-mintgroen/root.css +83 -260
- package/dist/uitvoerend-mintgroen/tokens.d.ts +132 -353
- package/dist/uitvoerend-mintgroen/tokens.js +4673 -8642
- package/dist/uitvoerend-oranje/_variables.scss +106 -283
- package/dist/uitvoerend-oranje/index.css +106 -283
- package/dist/uitvoerend-oranje/index.d.ts +103 -280
- package/dist/uitvoerend-oranje/index.js +106 -283
- package/dist/uitvoerend-oranje/index.json +106 -283
- package/dist/uitvoerend-oranje/index.tokens.json +169 -390
- package/dist/uitvoerend-oranje/root.css +106 -283
- package/dist/uitvoerend-oranje/tokens.d.ts +160 -381
- package/dist/uitvoerend-oranje/tokens.js +5821 -9790
- package/dist/uitvoerend-paars/_variables.scss +83 -260
- package/dist/uitvoerend-paars/index.css +83 -260
- package/dist/uitvoerend-paars/index.d.ts +80 -257
- package/dist/uitvoerend-paars/index.js +83 -260
- package/dist/uitvoerend-paars/index.json +83 -260
- package/dist/uitvoerend-paars/index.tokens.json +138 -359
- package/dist/uitvoerend-paars/root.css +83 -260
- package/dist/uitvoerend-paars/tokens.d.ts +132 -353
- package/dist/uitvoerend-paars/tokens.js +4673 -8642
- package/dist/uitvoerend-violet/_variables.scss +83 -260
- package/dist/uitvoerend-violet/index.css +83 -260
- package/dist/uitvoerend-violet/index.d.ts +80 -257
- package/dist/uitvoerend-violet/index.js +83 -260
- package/dist/uitvoerend-violet/index.json +83 -260
- package/dist/uitvoerend-violet/index.tokens.json +138 -359
- package/dist/uitvoerend-violet/root.css +83 -260
- package/dist/uitvoerend-violet/tokens.d.ts +132 -353
- package/dist/uitvoerend-violet/tokens.js +4673 -8642
- package/dist/uitvoerend-violet-oud/_variables.scss +138 -315
- package/dist/uitvoerend-violet-oud/index.css +138 -315
- package/dist/uitvoerend-violet-oud/index.d.ts +135 -312
- package/dist/uitvoerend-violet-oud/index.js +138 -315
- package/dist/uitvoerend-violet-oud/index.json +138 -315
- package/dist/uitvoerend-violet-oud/index.tokens.json +205 -426
- package/dist/uitvoerend-violet-oud/root.css +138 -315
- package/dist/uitvoerend-violet-oud/tokens.d.ts +203 -424
- package/dist/uitvoerend-violet-oud/tokens.js +6433 -10402
- package/dist/wetgevend/_variables.scss +83 -260
- package/dist/wetgevend/index.css +83 -260
- package/dist/wetgevend/index.d.ts +80 -257
- package/dist/wetgevend/index.js +83 -260
- package/dist/wetgevend/index.json +83 -260
- package/dist/wetgevend/index.tokens.json +138 -359
- package/dist/wetgevend/root.css +83 -260
- package/dist/wetgevend/tokens.d.ts +132 -353
- package/dist/wetgevend/tokens.js +4673 -8642
- package/figma/figma.tokens.json +808 -1219
- package/package.json +2 -2
- package/src/generated/base.tokens.json +4954 -5450
- package/src/generated/koop/tokens.json +416 -1170
- package/src/generated/themes.json +4081 -10963
- package/src/generated/uitvoerend-groen/tokens.json +410 -1176
- package/src/generated/uitvoerend-hemelblauw/tokens.json +410 -1176
- package/src/generated/uitvoerend-mintgroen/tokens.json +410 -1176
- package/src/generated/uitvoerend-oranje/tokens.json +549 -1315
- package/src/generated/uitvoerend-paars/tokens.json +410 -1176
- package/src/generated/uitvoerend-violet/tokens.json +410 -1176
- package/src/generated/uitvoerend-violet-oud/tokens.json +721 -1487
- package/src/generated/wetgevend/tokens.json +410 -1176
- 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
|
-
|
|
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
|
-
|
|
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
|
|