@rijkshuisstijl-community/components-twig 1.3.4 → 1.3.6
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/README.md +10 -0
- package/package.json +6 -2
package/README.md
CHANGED
|
@@ -39,4 +39,14 @@ pakket, en omring het deel van je applicatie waar je het thema wilt toepassen me
|
|
|
39
39
|
@import '@rijkshuisstijl-community/components-css/dist/index.css'; // css importeren
|
|
40
40
|
```
|
|
41
41
|
|
|
42
|
+
#### Thema wijzigen
|
|
43
|
+
|
|
44
|
+
Om een ander thema toe te passen moet je het importeren van `import '@rijkshuisstijl-community/design-tokens/dist/{thema}/index.css';` en de class aanpassen naar het desbetreffende thema.
|
|
45
|
+
Zie het volgende voorbeeld om het uitvoerend-groen thema toe te passen:
|
|
46
|
+
|
|
47
|
+
```scss
|
|
48
|
+
@import '@rijkshuisstijl-community/design-tokens/dist/uitvoerend-groen/index.css'; // design tokens importeren
|
|
49
|
+
@import '@rijkshuisstijl-community/components-css/dist/index.css'; // css importeren
|
|
50
|
+
```
|
|
51
|
+
|
|
42
52
|
Bekijk de [packages/font/README.md](https://github.com/nl-design-system/rijkshuisstijl-community/blob/main/packages/font/README.md) voor de meerdere manieren om de lettertypen te installeren voor jouw project.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/components-twig",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.6",
|
|
4
4
|
"author": "Community for NL Design System",
|
|
5
5
|
"description": "Twig component library for the Rijkshuisstijl Community repository, based on the NL Design System architecture",
|
|
6
6
|
"license": "EUPL-1.2",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
],
|
|
24
24
|
"sideEffects": false,
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@rijkshuisstijl-community/components-css": "
|
|
26
|
+
"@rijkshuisstijl-community/components-css": "3.1.0"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@nl-design-system/tsconfig": "1.0.3",
|
|
@@ -35,6 +35,10 @@
|
|
|
35
35
|
"twig": "1.17.1",
|
|
36
36
|
"typescript": "5.8.3"
|
|
37
37
|
},
|
|
38
|
+
"peerDependencies": {
|
|
39
|
+
"react": "*",
|
|
40
|
+
"react-dom": "*"
|
|
41
|
+
},
|
|
38
42
|
"scripts": {
|
|
39
43
|
"prebuild": "npm run clean && mkdir dist",
|
|
40
44
|
"build": "npm-run-all build:**",
|