@rijkshuisstijl-community/components-css 8.0.0 → 9.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 (24) hide show
  1. package/CHANGELOG.md +68 -0
  2. package/README.md +2 -2
  3. package/dist/index.css +4 -11
  4. package/index.scss +45 -3
  5. package/package.json +44 -2
  6. package/src/article/index.scss +4 -4
  7. package/src/card/_mixin.scss +4 -4
  8. package/src/card-as-link/_mixin.scss +3 -3
  9. package/src/checkbox/index.scss +0 -8
  10. package/src/checkbox-group/index.scss +12 -0
  11. package/src/figure/index.scss +6 -9
  12. package/src/file-input/index.scss +2 -2
  13. package/src/footer/index.scss +2 -2
  14. package/src/form/index.scss +1 -1
  15. package/src/form-field/index.scss +6 -2
  16. package/src/link-list/index.scss +3 -3
  17. package/src/message-list/_mixin.scss +3 -3
  18. package/src/navbar/index.scss +1 -1
  19. package/src/navigation-list/_mixin.scss +11 -11
  20. package/src/radio-group/index.scss +1 -1
  21. package/src/rounded-corner/_mixin.scss +15 -0
  22. package/src/rounded-corner/index.scss +26 -0
  23. package/src/table/index.scss +2 -2
  24. package/src/textarea/index.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,73 @@
1
1
  # @rijkshuisstijl-community/components-css
2
2
 
3
+ ## 9.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 462686a: In de `@rijkshuisstijl-community/design-tokens` package zijn de brand en common tokens van RHC zijn naast de basis tokens gelegd. Hieruit zijn aantal naamwijzigen gekomen om de tokens beter aan te laten sluiten. Een aantal componenten maken direct gebruik van common tokens, voor deze componenten is dit een breaking change:
8
+ - Article
9
+ - Card as Link
10
+ - Card
11
+ - Figure
12
+ - File Input
13
+ - Footer
14
+ - Form Field
15
+ - Form
16
+ - Link List
17
+ - Message List
18
+ - Navbar
19
+ - Navigation List
20
+ - Radio Group
21
+ - Table
22
+
23
+ Dit betreft de volgende token wijzigingen.
24
+
25
+ Subdued is gewijzigd in subtle:
26
+ - naam `--rhc-color-foreground-subdued` gewijzigd naar `--rhc-color-foreground-subtle`
27
+
28
+ Groepering 'text' is toegevoegd aan de font tokens:
29
+ - naam `--rhc-font-weight-bold` gewijzigd naar `--rhc-text-font-weight-bold`
30
+ - naam `--rhc-font-weight-regular` gewijzigd naar `--rhc-text-font-weight-regular`
31
+ - naam `--rhc-line-height-md` & `--rhc-line-height-body` gewijzigd naar `--rhc-text-line-height-md`
32
+ - naam `--rhc-font-family-primary` gewijzigd naar `--rhc-text-font-family-default`
33
+ - naam `--rhc-font-family-secondary` gewijzigd naar `--rhc-text-font-family-serif`
34
+
35
+ Font-size schaal is gewijzigd:
36
+ - naam `--rhc-font-size-heading-level-5` & `--rhc-font-size-body-default` gewijzigd naar `--rhc-text-font-size-md`
37
+ - naam `--rhc-font-size-heading-level-4` & `--rhc-font-size-body-intro` gewijzigd naar `--rhc-text-font-size-lg`
38
+
39
+ responsive schaal is gewijzigd:
40
+ - naam `--rhc-font-size-xs-desktop` gewijzigd naar `--rhc-text-font-size-max-md`
41
+ - naam `--rhc-font-size-xs-mobile` gewijzigd naar `--rhc-text-font-size-min-md`
42
+ - naam `--rhc-font-size-sm-desktop` gewijzigd naar `--rhc-text-font-size-max-lg`
43
+ - naam `--rhc-font-size-md-desktop` gewijzigd naar `--rhc-text-font-size-max-xl`
44
+
45
+ Andere naam-wijzigingen:
46
+ - naam `--rhc-color-canvas` gewijzigd naar `--rhc-color-bg-document`
47
+ - naam `--rhc-size-target` gewijzigd naar `--rhc-size-pointer-target`
48
+
49
+ Bekijk de changelog van `@rijkshuisstijl-community/design-tokens` voor de volledige lijst van gewijzigde tokens.
50
+
51
+ ### Minor Changes
52
+
53
+ - 093f3af: Update Message List to make use of existing `--rhc-message-list-item-icon-size` token instead of faulty non-existing `--rhc-message-list-item-icon-font-size` token.
54
+ Update Utrecht Form Field Description to set value for `--utrecht-form-field-description-margin-block-start`.
55
+ - 5b7a72c: Added a rounded corner utility component in CSS and React
56
+
57
+ ### Patch Changes
58
+
59
+ - cd80794: Updated readme's to install dependencies for build instead of dev.
60
+ - 2062466: textarea tokens; deprecated verwijderd
61
+ - 2f3f91c: figure; token en css cleanup
62
+ - 5961ac6: checkbox-group; now has its own component folder
63
+
64
+ ## 8.0.1
65
+
66
+ ### Patch Changes
67
+
68
+ - ae57d51: refactor utrechtcomponent library css vervangen met utrecht components
69
+ - 10ec55a: Release package with npm provenance.
70
+
3
71
  ## 8.0.0
4
72
 
5
73
  ### Major Changes
package/README.md CHANGED
@@ -14,7 +14,7 @@ Deze package is onderdeel van het [Rijkshuisstijl Community](https://github.com/
14
14
  Om de CSS-componenten van de Rijkshuisstijl-community te gebruiken, installeer je het [components-css npm package](https://www.npmjs.com/package/@rijkshuisstijl-community/components-css).
15
15
 
16
16
  ```bash
17
- npm install --save-dev @rijkshuisstijl-community/components-css
17
+ npm install @rijkshuisstijl-community/components-css
18
18
  ```
19
19
 
20
20
  Dit installeert de CSS-componenten. Om deze componenten te gebruiken, moet je het thema toepassen in de volgende stap.
@@ -24,7 +24,7 @@ Dit installeert de CSS-componenten. Om deze componenten te gebruiken, moet je he
24
24
  Om de Rijkshuisstijl aan je project toe te voegen, installeer je het [design-tokens npm package](https://www.npmjs.com/package/@rijkshuisstijl-community/design-tokens).
25
25
 
26
26
  ```bash
27
- npm install --save-dev @rijkshuisstijl-community/design-tokens
27
+ npm install @rijkshuisstijl-community/design-tokens
28
28
  ```
29
29
 
30
30
  Dit pakket bevat de CSS-variabelen van het design systeem. Importeer het `index.css`-bestand uit de `dist` map van het