@rijkshuisstijl-community/components-twig 3.0.0 → 3.1.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.
- package/dist/Alert.twig +1 -1
- package/dist/Blockquote.twig +13 -0
- package/dist/Link.twig +24 -0
- package/dist/Separator.twig +5 -0
- package/package.json +6 -6
package/dist/Alert.twig
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
{%- endif -%}
|
|
19
19
|
{%- set attributes = attributes.setAttribute('role', role) -%}
|
|
20
20
|
{%- set attributes = attributes.addClass('utrecht-alert__message') -%}
|
|
21
|
-
<div class="utrecht-alert utrecht-alert--{{ type }}">
|
|
21
|
+
<div class="utrecht-alert rhc-alert utrecht-alert--{{ type }}">
|
|
22
22
|
<div class="utrecht-alert__icon">
|
|
23
23
|
{% include '@rhc/Icon.twig' with {
|
|
24
24
|
attributes: create_attribute(),
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{%- set quote_class = 'utrecht-blockquote__quote' -%}
|
|
2
|
+
{%- set caption_class = 'utrecht-blockquote__caption' -%}
|
|
3
|
+
{%- set classes = ['utrecht-blockquote', 'rhc-blockquote'] -%}
|
|
4
|
+
<figure {{ attributes.addClass(classes) }}>
|
|
5
|
+
<blockquote class="{{ quote_class }}">
|
|
6
|
+
{{ children }}
|
|
7
|
+
</blockquote>
|
|
8
|
+
{% if attribution %}
|
|
9
|
+
<figcaption class="{{ caption_class }}">
|
|
10
|
+
{{ attribution }}
|
|
11
|
+
</figcaption>
|
|
12
|
+
{% endif %}
|
|
13
|
+
</figure>
|
package/dist/Link.twig
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{%- set classes = ['nl-link rhc-link'] -%}
|
|
2
|
+
|
|
3
|
+
{%- if inline -%}
|
|
4
|
+
{%- set classes = classes|merge(['rhc-link--inline']) -%}
|
|
5
|
+
{%- endif -%}
|
|
6
|
+
{%- if className -%}
|
|
7
|
+
{%- set classes = classes|merge([className]) -%}
|
|
8
|
+
{%- endif -%}
|
|
9
|
+
|
|
10
|
+
<a aria-disabled="false" {{ attributes.addClass(classes) }} href="#">
|
|
11
|
+
{%- if iconLeft -%}
|
|
12
|
+
{% include '@rhc/Icon.twig' with {
|
|
13
|
+
attributes: create_attribute(),
|
|
14
|
+
icon: left_icon|default('calendar-event')
|
|
15
|
+
} %}
|
|
16
|
+
{%- endif -%}
|
|
17
|
+
{{ children }}
|
|
18
|
+
{%- if iconRight -%}
|
|
19
|
+
{% include '@rhc/Icon.twig' with {
|
|
20
|
+
attributes: create_attribute(),
|
|
21
|
+
icon: right_icon|default('arrow-right')
|
|
22
|
+
} %}
|
|
23
|
+
{%- endif -%}
|
|
24
|
+
</a>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/components-twig",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.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",
|
|
@@ -23,17 +23,17 @@
|
|
|
23
23
|
],
|
|
24
24
|
"sideEffects": false,
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@rijkshuisstijl-community/components-css": "
|
|
26
|
+
"@rijkshuisstijl-community/components-css": "13.0.0"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@nl-design-system/tsconfig": "1.0.
|
|
29
|
+
"@nl-design-system/tsconfig": "1.0.5",
|
|
30
30
|
"cpx": "1.5.0",
|
|
31
|
-
"drupal-attribute": "1.1
|
|
31
|
+
"drupal-attribute": "1.2.1",
|
|
32
32
|
"drupal-twig-extensions": "1.0.0-beta.5",
|
|
33
33
|
"npm-run-all": "4.1.5",
|
|
34
|
-
"rimraf": "6.
|
|
34
|
+
"rimraf": "6.1.3",
|
|
35
35
|
"twig": "1.17.1",
|
|
36
|
-
"typescript": "5.
|
|
36
|
+
"typescript": "5.9.3"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"react": "*",
|