@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.
Files changed (104) hide show
  1. package/CHANGELOG.md +78 -0
  2. package/dist/_variables.scss +378 -270
  3. package/dist/index.css +378 -270
  4. package/dist/index.d.ts +315 -207
  5. package/dist/index.js +378 -270
  6. package/dist/index.json +377 -269
  7. package/dist/index.tokens.json +571 -364
  8. package/dist/koop/_variables.scss +1425 -0
  9. package/dist/koop/index.css +1428 -0
  10. package/dist/koop/index.d.ts +1426 -0
  11. package/dist/koop/index.js +1426 -0
  12. package/dist/koop/index.json +1423 -0
  13. package/dist/koop/index.tokens.json +2201 -0
  14. package/dist/koop/root.css +1428 -0
  15. package/dist/koop/tokens.d.ts +2224 -0
  16. package/dist/koop/tokens.js +33522 -0
  17. package/dist/root.css +378 -270
  18. package/dist/tokens.d.ts +477 -277
  19. package/dist/tokens.js +8642 -5842
  20. package/dist/uitvoerend-groen/_variables.scss +532 -444
  21. package/dist/uitvoerend-groen/index.css +532 -444
  22. package/dist/uitvoerend-groen/index.d.ts +607 -519
  23. package/dist/uitvoerend-groen/index.js +532 -444
  24. package/dist/uitvoerend-groen/index.json +531 -443
  25. package/dist/uitvoerend-groen/index.tokens.json +788 -636
  26. package/dist/uitvoerend-groen/root.css +532 -444
  27. package/dist/uitvoerend-groen/tokens.d.ts +776 -624
  28. package/dist/uitvoerend-groen/tokens.js +25121 -22809
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +532 -444
  30. package/dist/uitvoerend-hemelblauw/index.css +532 -444
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +607 -519
  32. package/dist/uitvoerend-hemelblauw/index.js +532 -444
  33. package/dist/uitvoerend-hemelblauw/index.json +531 -443
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +794 -642
  35. package/dist/uitvoerend-hemelblauw/root.css +532 -444
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +776 -624
  37. package/dist/uitvoerend-hemelblauw/tokens.js +25121 -22809
  38. package/dist/uitvoerend-mintgroen/_variables.scss +532 -444
  39. package/dist/uitvoerend-mintgroen/index.css +532 -444
  40. package/dist/uitvoerend-mintgroen/index.d.ts +607 -519
  41. package/dist/uitvoerend-mintgroen/index.js +532 -444
  42. package/dist/uitvoerend-mintgroen/index.json +531 -443
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +788 -636
  44. package/dist/uitvoerend-mintgroen/root.css +532 -444
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +776 -624
  46. package/dist/uitvoerend-mintgroen/tokens.js +25122 -22810
  47. package/dist/uitvoerend-oranje/_variables.scss +532 -444
  48. package/dist/uitvoerend-oranje/index.css +532 -444
  49. package/dist/uitvoerend-oranje/index.d.ts +607 -519
  50. package/dist/uitvoerend-oranje/index.js +532 -444
  51. package/dist/uitvoerend-oranje/index.json +531 -443
  52. package/dist/uitvoerend-oranje/index.tokens.json +788 -636
  53. package/dist/uitvoerend-oranje/root.css +532 -444
  54. package/dist/uitvoerend-oranje/tokens.d.ts +776 -624
  55. package/dist/uitvoerend-oranje/tokens.js +25122 -22810
  56. package/dist/uitvoerend-paars/_variables.scss +532 -444
  57. package/dist/uitvoerend-paars/index.css +532 -444
  58. package/dist/uitvoerend-paars/index.d.ts +607 -519
  59. package/dist/uitvoerend-paars/index.js +532 -444
  60. package/dist/uitvoerend-paars/index.json +531 -443
  61. package/dist/uitvoerend-paars/index.tokens.json +794 -642
  62. package/dist/uitvoerend-paars/root.css +532 -444
  63. package/dist/uitvoerend-paars/tokens.d.ts +776 -624
  64. package/dist/uitvoerend-paars/tokens.js +25122 -22810
  65. package/dist/uitvoerend-violet/_variables.scss +532 -444
  66. package/dist/uitvoerend-violet/index.css +532 -444
  67. package/dist/uitvoerend-violet/index.d.ts +607 -519
  68. package/dist/uitvoerend-violet/index.js +532 -444
  69. package/dist/uitvoerend-violet/index.json +531 -443
  70. package/dist/uitvoerend-violet/index.tokens.json +788 -636
  71. package/dist/uitvoerend-violet/root.css +532 -444
  72. package/dist/uitvoerend-violet/tokens.d.ts +776 -624
  73. package/dist/uitvoerend-violet/tokens.js +25122 -22810
  74. package/dist/uitvoerend-violet-oud/_variables.scss +532 -444
  75. package/dist/uitvoerend-violet-oud/index.css +532 -444
  76. package/dist/uitvoerend-violet-oud/index.d.ts +607 -519
  77. package/dist/uitvoerend-violet-oud/index.js +532 -444
  78. package/dist/uitvoerend-violet-oud/index.json +531 -443
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +793 -641
  80. package/dist/uitvoerend-violet-oud/root.css +532 -444
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +776 -624
  82. package/dist/uitvoerend-violet-oud/tokens.js +24248 -21936
  83. package/dist/wetgevend/_variables.scss +527 -439
  84. package/dist/wetgevend/index.css +527 -439
  85. package/dist/wetgevend/index.d.ts +607 -519
  86. package/dist/wetgevend/index.js +657 -569
  87. package/dist/wetgevend/index.json +656 -568
  88. package/dist/wetgevend/index.tokens.json +783 -631
  89. package/dist/wetgevend/root.css +527 -439
  90. package/dist/wetgevend/tokens.d.ts +776 -624
  91. package/dist/wetgevend/tokens.js +24297 -21985
  92. package/figma/figma.tokens.json +2893 -2623
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1898 -1283
  95. package/src/generated/koop/tokens.json +6732 -0
  96. package/src/generated/themes.json +48532 -37796
  97. package/src/generated/uitvoerend-groen/tokens.json +5253 -4753
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5253 -4753
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5253 -4753
  100. package/src/generated/uitvoerend-oranje/tokens.json +5253 -4753
  101. package/src/generated/uitvoerend-paars/tokens.json +5253 -4753
  102. package/src/generated/uitvoerend-violet/tokens.json +5253 -4753
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5203 -4703
  104. 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