@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.
- package/CHANGELOG.md +78 -0
- package/dist/_variables.scss +378 -270
- package/dist/index.css +378 -270
- package/dist/index.d.ts +315 -207
- package/dist/index.js +378 -270
- package/dist/index.json +377 -269
- package/dist/index.tokens.json +571 -364
- package/dist/koop/_variables.scss +1425 -0
- package/dist/koop/index.css +1428 -0
- package/dist/koop/index.d.ts +1426 -0
- package/dist/koop/index.js +1426 -0
- package/dist/koop/index.json +1423 -0
- package/dist/koop/index.tokens.json +2201 -0
- package/dist/koop/root.css +1428 -0
- package/dist/koop/tokens.d.ts +2224 -0
- package/dist/koop/tokens.js +33522 -0
- package/dist/root.css +378 -270
- package/dist/tokens.d.ts +477 -277
- package/dist/tokens.js +8642 -5842
- package/dist/uitvoerend-groen/_variables.scss +532 -444
- package/dist/uitvoerend-groen/index.css +532 -444
- package/dist/uitvoerend-groen/index.d.ts +607 -519
- package/dist/uitvoerend-groen/index.js +532 -444
- package/dist/uitvoerend-groen/index.json +531 -443
- package/dist/uitvoerend-groen/index.tokens.json +788 -636
- package/dist/uitvoerend-groen/root.css +532 -444
- package/dist/uitvoerend-groen/tokens.d.ts +776 -624
- package/dist/uitvoerend-groen/tokens.js +25121 -22809
- package/dist/uitvoerend-hemelblauw/_variables.scss +532 -444
- package/dist/uitvoerend-hemelblauw/index.css +532 -444
- package/dist/uitvoerend-hemelblauw/index.d.ts +607 -519
- package/dist/uitvoerend-hemelblauw/index.js +532 -444
- package/dist/uitvoerend-hemelblauw/index.json +531 -443
- package/dist/uitvoerend-hemelblauw/index.tokens.json +794 -642
- package/dist/uitvoerend-hemelblauw/root.css +532 -444
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +776 -624
- package/dist/uitvoerend-hemelblauw/tokens.js +25121 -22809
- package/dist/uitvoerend-mintgroen/_variables.scss +532 -444
- package/dist/uitvoerend-mintgroen/index.css +532 -444
- package/dist/uitvoerend-mintgroen/index.d.ts +607 -519
- package/dist/uitvoerend-mintgroen/index.js +532 -444
- package/dist/uitvoerend-mintgroen/index.json +531 -443
- package/dist/uitvoerend-mintgroen/index.tokens.json +788 -636
- package/dist/uitvoerend-mintgroen/root.css +532 -444
- package/dist/uitvoerend-mintgroen/tokens.d.ts +776 -624
- package/dist/uitvoerend-mintgroen/tokens.js +25122 -22810
- package/dist/uitvoerend-oranje/_variables.scss +532 -444
- package/dist/uitvoerend-oranje/index.css +532 -444
- package/dist/uitvoerend-oranje/index.d.ts +607 -519
- package/dist/uitvoerend-oranje/index.js +532 -444
- package/dist/uitvoerend-oranje/index.json +531 -443
- package/dist/uitvoerend-oranje/index.tokens.json +788 -636
- package/dist/uitvoerend-oranje/root.css +532 -444
- package/dist/uitvoerend-oranje/tokens.d.ts +776 -624
- package/dist/uitvoerend-oranje/tokens.js +25122 -22810
- package/dist/uitvoerend-paars/_variables.scss +532 -444
- package/dist/uitvoerend-paars/index.css +532 -444
- package/dist/uitvoerend-paars/index.d.ts +607 -519
- package/dist/uitvoerend-paars/index.js +532 -444
- package/dist/uitvoerend-paars/index.json +531 -443
- package/dist/uitvoerend-paars/index.tokens.json +794 -642
- package/dist/uitvoerend-paars/root.css +532 -444
- package/dist/uitvoerend-paars/tokens.d.ts +776 -624
- package/dist/uitvoerend-paars/tokens.js +25122 -22810
- package/dist/uitvoerend-violet/_variables.scss +532 -444
- package/dist/uitvoerend-violet/index.css +532 -444
- package/dist/uitvoerend-violet/index.d.ts +607 -519
- package/dist/uitvoerend-violet/index.js +532 -444
- package/dist/uitvoerend-violet/index.json +531 -443
- package/dist/uitvoerend-violet/index.tokens.json +788 -636
- package/dist/uitvoerend-violet/root.css +532 -444
- package/dist/uitvoerend-violet/tokens.d.ts +776 -624
- package/dist/uitvoerend-violet/tokens.js +25122 -22810
- package/dist/uitvoerend-violet-oud/_variables.scss +532 -444
- package/dist/uitvoerend-violet-oud/index.css +532 -444
- package/dist/uitvoerend-violet-oud/index.d.ts +607 -519
- package/dist/uitvoerend-violet-oud/index.js +532 -444
- package/dist/uitvoerend-violet-oud/index.json +531 -443
- package/dist/uitvoerend-violet-oud/index.tokens.json +793 -641
- package/dist/uitvoerend-violet-oud/root.css +532 -444
- package/dist/uitvoerend-violet-oud/tokens.d.ts +776 -624
- package/dist/uitvoerend-violet-oud/tokens.js +24248 -21936
- package/dist/wetgevend/_variables.scss +527 -439
- package/dist/wetgevend/index.css +527 -439
- package/dist/wetgevend/index.d.ts +607 -519
- package/dist/wetgevend/index.js +657 -569
- package/dist/wetgevend/index.json +656 -568
- package/dist/wetgevend/index.tokens.json +783 -631
- package/dist/wetgevend/root.css +527 -439
- package/dist/wetgevend/tokens.d.ts +776 -624
- package/dist/wetgevend/tokens.js +24297 -21985
- package/figma/figma.tokens.json +2893 -2623
- package/package.json +1 -1
- package/src/generated/base.tokens.json +1898 -1283
- package/src/generated/koop/tokens.json +6732 -0
- package/src/generated/themes.json +48532 -37796
- package/src/generated/uitvoerend-groen/tokens.json +5253 -4753
- package/src/generated/uitvoerend-hemelblauw/tokens.json +5253 -4753
- package/src/generated/uitvoerend-mintgroen/tokens.json +5253 -4753
- package/src/generated/uitvoerend-oranje/tokens.json +5253 -4753
- package/src/generated/uitvoerend-paars/tokens.json +5253 -4753
- package/src/generated/uitvoerend-violet/tokens.json +5253 -4753
- package/src/generated/uitvoerend-violet-oud/tokens.json +5203 -4703
- package/src/generated/wetgevend/tokens.json +5137 -4637
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,83 @@
|
|
|
1
1
|
# @rijkshuisstijl-community/design-tokens
|
|
2
2
|
|
|
3
|
+
## 4.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- 84a8fc6: - Brand & common token update, type spacing, sizing, borderWidth, borderRadius omgezet naar dimension om toe te werken naar token formats W3C DTCG
|
|
8
|
+
- Legacy token foreground.onEmphesis verwijderd
|
|
9
|
+
- Ongebruikte component tokensets verwijderd, a la: Avatar, Backdrop, Drawer, Modal Dialog, Page Number Naviation, Tasklist, Toolbar Button
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- f8f4bab: - Add design tokens for `data-badge-button`
|
|
14
|
+
- 860e977: - Thema van KOOP aangevuld met afwijkende link-stijling
|
|
15
|
+
- 790ead0: Rename "Card" component to "Card as Link" component, to match definition of NL Design System "Card as Link" and in preparation of incoming "Card (not as Link)" component.
|
|
16
|
+
- 4c1b34a: - Thema toegevoegd voor KOOP
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- 73c28a1: - token update link
|
|
21
|
+
- styling update link naar aanleiding van [de stijldiscussie](https://github.com/nl-design-system/rijkshuisstijl-community/discussions/1613)
|
|
22
|
+
- token update link-list
|
|
23
|
+
- token update + style wijziging skip-link
|
|
24
|
+
- token update breadcrumb
|
|
25
|
+
- 6cbbac6: - Token update paragraph
|
|
26
|
+
- Token update heading
|
|
27
|
+
- Token update pre-heading
|
|
28
|
+
- Token update heading-group
|
|
29
|
+
- Token update ordered list
|
|
30
|
+
- Token update unordered list
|
|
31
|
+
- 83f2985: Vervang niet bestaand Design Token type "borderStyle" met "other".
|
|
32
|
+
- 860e977: Link tokens bijgewerkt:
|
|
33
|
+
|
|
34
|
+
- `nl.link.text-decoration-color` verwijderd zodat de underline meekleurt met de state kleur
|
|
35
|
+
- `nl.link.hover.text-decoration` hernoemd naar `nl.link.hover.text-decoration-line` zodat de underline bij hover verdwijnt
|
|
36
|
+
|
|
37
|
+
- b29ea7b: - H6 design tokens toegevoegd
|
|
38
|
+
- 2f21f2c: - token update button
|
|
39
|
+
- token update action-group
|
|
40
|
+
- basis tokens toegevoegd, dit is alleen voor stijling binnen Figma
|
|
41
|
+
- 02ca6dc: - line-height van H4 en H5 aangepast van 125% naar 150% voor betere leesbaarheid
|
|
42
|
+
- Tokenschrijfwijze voor nl-headings gewijzigd van . naar - (bijv. nl.heading-level-x → nl.heading.level-x)
|
|
43
|
+
|
|
44
|
+
## 3.0.0
|
|
45
|
+
|
|
46
|
+
### Major Changes
|
|
47
|
+
|
|
48
|
+
- 04beca8: Breaking changes: toevoeging en aanpassing van font-weight tokens op de common laag.
|
|
49
|
+
|
|
50
|
+
- De paragraph font tokens op de common-laag zijn hernoemd naar `body`, zodat ze breder toepasbaar zijn.
|
|
51
|
+
- De token `rhc.paragraph.small` is verwijderd.
|
|
52
|
+
- 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.
|
|
53
|
+
- `rhc.font-family.primary` value is aangepast, het font RijksoverheidSansWeb is eruit gehaald omdat dit een closed-source font is en wij Fira Sans gebruiken ter illustratie.
|
|
54
|
+
- `rhc.alert.color` value aangepast van `rhc.foreground.default` naar `rhc.foreground.on-light-color`
|
|
55
|
+
|
|
56
|
+
#### Wat betekent dit voor jou?
|
|
57
|
+
|
|
58
|
+
Gebruik je `rhc.paragraph.small` of een van de hernoemde paragraph-tokens direct in je code? Dan moet je deze vervangen door de nieuwe `rhc.body.*` tokens.
|
|
59
|
+
|
|
60
|
+
Gebruik je alleen de componenten uit de component library, zonder custom tokens toe te passen? Dan hoef je niets aan te passen, maar let op: de `font-size` van sommige onderdelen is iets groter geworden.
|
|
61
|
+
|
|
62
|
+
### Minor Changes
|
|
63
|
+
|
|
64
|
+
- 14334a4: Tokenset `components/summary-list` hernoemd naar `component/data-summary`.
|
|
65
|
+
- 76ebb9f: - Heading kleur aangepast van primary naar lintblauw.
|
|
66
|
+
- Nieuwe overwrites toegevoegd voor footer- en navbar-stijlen, met de volgende opties:
|
|
67
|
+
- Full color met lintblauwe achtergrond
|
|
68
|
+
- Full color met primary achtergrond
|
|
69
|
+
- Witte achtergrond met border in primary kleur
|
|
70
|
+
- Witte achtergrond met border in lintblauwe kleur
|
|
71
|
+
- 04beca8: - Toegevoegd: `rhc.font-weight.default` en `rhc.font-weight.strong` op de common-laag, zodat deelidentiteiten eenvoudiger hun font-weight kunnen instellen.
|
|
72
|
+
- Toegevoegd: tokenset met overwrites voor `rhc.font-family.primary` en `rhc.font-weight.semibold` om eenvoudig te kunnen wisselen van Fira Sans naar Rijks Sans.
|
|
73
|
+
- Aangepast: `rhc.font-weight.semibold` gewijzigd van 550 naar 600, zodat deze correct werkt met Fira Sans in Figma.
|
|
74
|
+
- Aangepast: paragraph-font-tokens op de common-laag hernoemd naar `body`, zodat ze breder toepasbaar zijn in componenten en content.
|
|
75
|
+
- c7034fd: Add "border-block-end-style" token to "data-summary" component.
|
|
76
|
+
|
|
77
|
+
### Patch Changes
|
|
78
|
+
|
|
79
|
+
- 724897b: Voeg tokenset toe voor `cursor` op de Button component.
|
|
80
|
+
|
|
3
81
|
## 2.0.0
|
|
4
82
|
|
|
5
83
|
### Major Changes
|