@rijkshuisstijl-community/components-css 8.0.1 → 10.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 (25) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/README.md +2 -2
  3. package/dist/index.css +6 -3
  4. package/index.scss +2 -0
  5. package/package.json +1 -1
  6. package/src/alert/_mixin.scss +5 -0
  7. package/src/article/index.scss +4 -4
  8. package/src/card/_mixin.scss +4 -4
  9. package/src/card-as-link/_mixin.scss +3 -3
  10. package/src/checkbox/index.scss +0 -8
  11. package/src/checkbox-group/index.scss +12 -0
  12. package/src/figure/index.scss +6 -9
  13. package/src/file-input/index.scss +2 -2
  14. package/src/footer/index.scss +2 -2
  15. package/src/form/index.scss +1 -1
  16. package/src/form-field/index.scss +6 -2
  17. package/src/link-list/index.scss +3 -3
  18. package/src/message-list/_mixin.scss +3 -3
  19. package/src/navbar/index.scss +1 -1
  20. package/src/navigation-list/_mixin.scss +11 -11
  21. package/src/radio-group/index.scss +1 -1
  22. package/src/rounded-corner/_mixin.scss +15 -0
  23. package/src/rounded-corner/index.scss +26 -0
  24. package/src/table/index.scss +2 -2
  25. package/src/textarea/index.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,72 @@
1
1
  # @rijkshuisstijl-community/components-css
2
2
 
3
+ ## 10.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - abbe2ef: Added EUPL-1.2 license to Alert component
8
+
9
+ ## 9.0.0
10
+
11
+ ### Major Changes
12
+
13
+ - 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:
14
+ - Article
15
+ - Card as Link
16
+ - Card
17
+ - Figure
18
+ - File Input
19
+ - Footer
20
+ - Form Field
21
+ - Form
22
+ - Link List
23
+ - Message List
24
+ - Navbar
25
+ - Navigation List
26
+ - Radio Group
27
+ - Table
28
+
29
+ Dit betreft de volgende token wijzigingen.
30
+
31
+ Subdued is gewijzigd in subtle:
32
+ - naam `--rhc-color-foreground-subdued` gewijzigd naar `--rhc-color-foreground-subtle`
33
+
34
+ Groepering 'text' is toegevoegd aan de font tokens:
35
+ - naam `--rhc-font-weight-bold` gewijzigd naar `--rhc-text-font-weight-bold`
36
+ - naam `--rhc-font-weight-regular` gewijzigd naar `--rhc-text-font-weight-regular`
37
+ - naam `--rhc-line-height-md` & `--rhc-line-height-body` gewijzigd naar `--rhc-text-line-height-md`
38
+ - naam `--rhc-font-family-primary` gewijzigd naar `--rhc-text-font-family-default`
39
+ - naam `--rhc-font-family-secondary` gewijzigd naar `--rhc-text-font-family-serif`
40
+
41
+ Font-size schaal is gewijzigd:
42
+ - naam `--rhc-font-size-heading-level-5` & `--rhc-font-size-body-default` gewijzigd naar `--rhc-text-font-size-md`
43
+ - naam `--rhc-font-size-heading-level-4` & `--rhc-font-size-body-intro` gewijzigd naar `--rhc-text-font-size-lg`
44
+
45
+ responsive schaal is gewijzigd:
46
+ - naam `--rhc-font-size-xs-desktop` gewijzigd naar `--rhc-text-font-size-max-md`
47
+ - naam `--rhc-font-size-xs-mobile` gewijzigd naar `--rhc-text-font-size-min-md`
48
+ - naam `--rhc-font-size-sm-desktop` gewijzigd naar `--rhc-text-font-size-max-lg`
49
+ - naam `--rhc-font-size-md-desktop` gewijzigd naar `--rhc-text-font-size-max-xl`
50
+
51
+ Andere naam-wijzigingen:
52
+ - naam `--rhc-color-canvas` gewijzigd naar `--rhc-color-bg-document`
53
+ - naam `--rhc-size-target` gewijzigd naar `--rhc-size-pointer-target`
54
+
55
+ Bekijk de changelog van `@rijkshuisstijl-community/design-tokens` voor de volledige lijst van gewijzigde tokens.
56
+
57
+ ### Minor Changes
58
+
59
+ - 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.
60
+ Update Utrecht Form Field Description to set value for `--utrecht-form-field-description-margin-block-start`.
61
+ - 5b7a72c: Added a rounded corner utility component in CSS and React
62
+
63
+ ### Patch Changes
64
+
65
+ - cd80794: Updated readme's to install dependencies for build instead of dev.
66
+ - 2062466: textarea tokens; deprecated verwijderd
67
+ - 2f3f91c: figure; token en css cleanup
68
+ - 5961ac6: checkbox-group; now has its own component folder
69
+
3
70
  ## 8.0.1
4
71
 
5
72
  ### Patch 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