@rijkshuisstijl-community/components-twig 3.1.7 → 3.2.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 (3) hide show
  1. package/README.md +2 -2
  2. package/dist/SkipLink.twig +7 -0
  3. package/package.json +3 -3
package/README.md CHANGED
@@ -42,10 +42,10 @@ pakket, en omring het deel van je applicatie waar je het thema wilt toepassen me
42
42
  #### Thema wijzigen
43
43
 
44
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:
45
+ Zie het volgende voorbeeld om het thema "groen" toe te passen:
46
46
 
47
47
  ```scss
48
- @import '@rijkshuisstijl-community/design-tokens/dist/uitvoerend-groen/index.css'; // design tokens importeren
48
+ @import '@rijkshuisstijl-community/design-tokens/dist/groen/index.css'; // design tokens importeren
49
49
  @import '@rijkshuisstijl-community/components-css/dist/index.css'; // css importeren
50
50
  ```
51
51
 
package/dist/SkipLink.twig ADDED
@@ -0,0 +1,7 @@
1
+ {%- set classes = ['nl-skip-link nl-skip-link--visible-on-focus rhc-skip-link'] -%}
2
+
3
+ {%- if className -%}
4
+ {%- set classes = classes|merge([className]) -%}
5
+ {%- endif -%}
6
+
7
+ <a href="{{ href }}" {{ attributes.addClass(classes) }}>{{ children }}</a>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rijkshuisstijl-community/components-twig",
3
- "version": "3.1.7",
3
+ "version": "3.2.0",
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",
@@ -11,7 +11,7 @@
11
11
  "type": "module",
12
12
  "publishConfig": {
13
13
  "access": "public",
14
- "registry": "https://registry.npmjs.org/"
14
+ "provenance": true
15
15
  },
16
16
  "repository": {
17
17
  "type": "git+ssh",
@@ -23,7 +23,7 @@
23
23
  ],
24
24
  "sideEffects": false,
25
25
  "dependencies": {
26
- "@rijkshuisstijl-community/components-css": "17.0.0"
26
+ "@rijkshuisstijl-community/components-css": "17.1.0"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@nl-design-system/tsconfig": "1.0.5",