@ilo-org/twig 0.13.0-next.2 → 0.13.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/.turbo/turbo-build:lib.log +2 -2
- package/CHANGELOG.md +49 -23
- package/package.json +3 -3
- package/src/patterns/components/breadcrumb/breadcrumb.twig +31 -25
- package/src/patterns/components/card_multilink/card_multilink.twig +6 -4
- package/src/patterns/components/hero/hero.twig +3 -3
- package/src/patterns/components/radio/radio.wingsuit.yml +1 -1
- package/src/patterns/components/textinput/textinput.wingsuit.yml +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
|
|
2
|
-
> @ilo-org/twig@0.13.0
|
|
2
|
+
> @ilo-org/twig@0.13.0 build:lib /home/runner/work/designsystem/designsystem/packages/twig
|
|
3
3
|
> node importprefix.js && node importsvgs.js && pnpm output
|
|
4
4
|
|
|
5
5
|
theme prefix added
|
|
6
6
|
|
|
7
|
-
> @ilo-org/twig@0.13.0
|
|
7
|
+
> @ilo-org/twig@0.13.0 output /home/runner/work/designsystem/designsystem/packages/twig
|
|
8
8
|
> node outputtwigs.js
|
|
9
9
|
|
package/CHANGELOG.md
CHANGED
|
@@ -1,45 +1,71 @@
|
|
|
1
1
|
# @ilo-org/twig
|
|
2
2
|
|
|
3
|
-
## 0.13.0
|
|
3
|
+
## 0.13.0
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
7
7
|
- 55f0c47aa: Added chained hover effect for video play button
|
|
8
|
-
|
|
9
|
-
### Patch Changes
|
|
10
|
-
|
|
11
|
-
- ca463b9b7: added full width on mobile viewport for affected cards
|
|
12
|
-
- Updated dependencies [55f0c47aa]
|
|
13
|
-
- Updated dependencies [b976f7221]
|
|
14
|
-
- Updated dependencies [ca463b9b7]
|
|
15
|
-
- @ilo-org/styles@0.11.3-next.2
|
|
16
|
-
|
|
17
|
-
## 0.13.0-next.1
|
|
18
|
-
|
|
19
|
-
### Patch Changes
|
|
20
|
-
|
|
21
|
-
- Updated dependencies [045602383]
|
|
22
|
-
- @ilo-org/styles@0.11.3-next.1
|
|
23
|
-
|
|
24
|
-
## 0.13.0-next.0
|
|
25
|
-
|
|
26
|
-
### Minor Changes
|
|
27
|
-
|
|
28
8
|
- 39e6bab1f: Implemented functionality for external links to open in new browser tab
|
|
29
9
|
|
|
30
10
|
### Patch Changes
|
|
31
11
|
|
|
32
12
|
- cf4d43446: added hover effect for anchor item inside indented linked list
|
|
33
13
|
- 3be0a12ac: reduced padding for accordion inner panel
|
|
14
|
+
- ca463b9b7: added full width on mobile viewport for affected cards
|
|
15
|
+
- 5df8f748a: fixed text input invalid state
|
|
16
|
+
- ee17a3bd2: Top spacing should be removed in hero card when there is no image
|
|
17
|
+
- cfba6422c: Make sure Breadcrumb shows first link when condensed with ellipses
|
|
18
|
+
- 5ad95a48f: Remove link from multicard when its not available
|
|
34
19
|
- Updated dependencies [ed548bcfc]
|
|
20
|
+
- Updated dependencies [4522e79de]
|
|
35
21
|
- Updated dependencies [bf1ec0843]
|
|
22
|
+
- Updated dependencies [34c8c9a8f]
|
|
23
|
+
- Updated dependencies [05a5a4b84]
|
|
36
24
|
- Updated dependencies [ccdb35c99]
|
|
37
25
|
- Updated dependencies [cf4d43446]
|
|
26
|
+
- Updated dependencies [e8cec8dfc]
|
|
27
|
+
- Updated dependencies [045602383]
|
|
28
|
+
- Updated dependencies [5e051fc7a]
|
|
29
|
+
- Updated dependencies [d74847eff]
|
|
30
|
+
- Updated dependencies [b04dd21bb]
|
|
31
|
+
- Updated dependencies [060748c0f]
|
|
32
|
+
- Updated dependencies [ff62947c3]
|
|
33
|
+
- Updated dependencies [02a0e177e]
|
|
34
|
+
- Updated dependencies [a010a5077]
|
|
35
|
+
- Updated dependencies [9b960abc2]
|
|
36
|
+
- Updated dependencies [55f0c47aa]
|
|
37
|
+
- Updated dependencies [30b275924]
|
|
38
|
+
- Updated dependencies [690efdabb]
|
|
39
|
+
- Updated dependencies [e48c3cdbd]
|
|
40
|
+
- Updated dependencies [01c4126c2]
|
|
41
|
+
- Updated dependencies [309733cdd]
|
|
42
|
+
- Updated dependencies [2b02101ef]
|
|
43
|
+
- Updated dependencies [4a5afb00e]
|
|
44
|
+
- Updated dependencies [aa4dce006]
|
|
38
45
|
- Updated dependencies [1794fc434]
|
|
46
|
+
- Updated dependencies [c885bf0cd]
|
|
47
|
+
- Updated dependencies [ea4ac05ea]
|
|
39
48
|
- Updated dependencies [3be0a12ac]
|
|
49
|
+
- Updated dependencies [f0dbaa608]
|
|
50
|
+
- Updated dependencies [b976f7221]
|
|
51
|
+
- Updated dependencies [ca463b9b7]
|
|
52
|
+
- Updated dependencies [6d089ba7f]
|
|
53
|
+
- Updated dependencies [ec4cec224]
|
|
54
|
+
- Updated dependencies [a8ce5d3fc]
|
|
55
|
+
- Updated dependencies [bec744d2e]
|
|
56
|
+
- Updated dependencies [6be769d3f]
|
|
57
|
+
- Updated dependencies [5df8f748a]
|
|
58
|
+
- Updated dependencies [ee17a3bd2]
|
|
59
|
+
- Updated dependencies [cfba6422c]
|
|
60
|
+
- Updated dependencies [03d0b6549]
|
|
61
|
+
- Updated dependencies [b972abe2e]
|
|
40
62
|
- Updated dependencies [1e58f9c7d]
|
|
41
|
-
|
|
42
|
-
|
|
63
|
+
- Updated dependencies [f0e5b51b9]
|
|
64
|
+
- Updated dependencies [76db527a0]
|
|
65
|
+
- Updated dependencies [70c645779]
|
|
66
|
+
- Updated dependencies [86189a0d7]
|
|
67
|
+
- @ilo-org/styles@0.12.0
|
|
68
|
+
- @ilo-org/themes@0.7.0
|
|
43
69
|
|
|
44
70
|
## 0.12.2
|
|
45
71
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ilo-org/twig",
|
|
3
|
-
"version": "0.13.0
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "Twig components for the ILO's Design System",
|
|
6
6
|
"main": "",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"@ilo-org/brand-assets": "0.2.0",
|
|
26
26
|
"@ilo-org/fonts": "0.1.2",
|
|
27
27
|
"@ilo-org/icons": "0.2.1",
|
|
28
|
-
"@ilo-org/styles": "0.
|
|
29
|
-
"@ilo-org/themes": "0.7.0
|
|
28
|
+
"@ilo-org/styles": "0.12.0",
|
|
29
|
+
"@ilo-org/themes": "0.7.0",
|
|
30
30
|
"@ilo-org/utils": "0.0.11"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
@@ -2,30 +2,36 @@
|
|
|
2
2
|
BREADCRUMB COMPONENT
|
|
3
3
|
#}
|
|
4
4
|
{% set lastlink = links|last %}
|
|
5
|
+
{% set firstlink = links|first %}
|
|
5
6
|
<nav class="{{prefix}}--breadcrumb{% if className %} {{className}}{% endif %}" data-prefix="{{prefix}}" data-loadcomponent="Breadcrumb">
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
7
|
+
<ol class="{{prefix}}--breadcrumb--items">
|
|
8
|
+
<li class="{{prefix}}--breadcrumb--item home">
|
|
9
|
+
<a class="{{prefix}}--breadcrumb--link" href="{{home.url}}">
|
|
10
|
+
<span class="{{prefix}}--breadcrumb--link--label">{{home.label}}</span>
|
|
11
|
+
</a>
|
|
12
|
+
</li>
|
|
13
|
+
<li class="{{prefix}}--breadcrumb--item first">
|
|
14
|
+
<a class="{{prefix}}--breadcrumb--link" href="{{firstlink.url}}">
|
|
15
|
+
<span class="{{prefix}}--breadcrumb--link--label">{{firstlink.label}}</span>
|
|
16
|
+
</a>
|
|
17
|
+
</li>
|
|
18
|
+
<li class="{{prefix}}--breadcrumb--item--context">
|
|
19
|
+
<ul class="{{prefix}}--breadcrumb--items context--menu">
|
|
20
|
+
{% for link in links %}
|
|
21
|
+
{% if not loop.first and not loop.last %}
|
|
22
|
+
<li class="{{prefix}}--breadcrumb--item">
|
|
23
|
+
<a href="{{link.url}}" class="{{prefix}}--breadcrumb--link">
|
|
24
|
+
<span class="{{prefix}}--breadcrumb--link--label">{{link.label}}</span>
|
|
25
|
+
</a>
|
|
26
|
+
</li>
|
|
27
|
+
{% endif %}
|
|
28
|
+
{% endfor %}
|
|
29
|
+
</ul>
|
|
30
|
+
</li>
|
|
31
|
+
<li class="{{prefix}}--breadcrumb--item final">
|
|
32
|
+
<a class="{{prefix}}--breadcrumb--link" href="{{lastlink.url}}">
|
|
33
|
+
<span class="{{prefix}}--breadcrumb--link--label">{{lastlink.label}}</span>
|
|
34
|
+
</a>
|
|
35
|
+
</li>
|
|
36
|
+
</ol>
|
|
31
37
|
</nav>
|
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
MULTILINK CARD COMPONENT
|
|
3
3
|
#}
|
|
4
4
|
|
|
5
|
-
<div class="{{prefix}}--card {{prefix}}--card__type__multilink {{prefix}}--card__action {{prefix}}--card__size__{{size}} {% if isvideo %} {{prefix}}--card__isvideo {% endif %} {% if linklist %} {{prefix}}--card__linklist {% endif %} {% if size == "wide" %} {{prefix}}--card__align__{{alignment}} {% endif %}">
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
|
|
5
|
+
<div class="{{prefix}}--card {{prefix}}--card__type__multilink {% if link|length > 0 %} {{prefix}}--card__action {% endif %} {{prefix}}--card__size__{{size}} {% if isvideo %} {{prefix}}--card__isvideo {% endif %} {% if linklist %} {{prefix}}--card__linklist {% endif %} {% if size == "wide" %} {{prefix}}--card__align__{{alignment}} {% endif %}">
|
|
6
|
+
{% if link|length > 0 %}
|
|
7
|
+
<a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
|
|
8
|
+
<span class="{{prefix}}--card--link--text">{{title}}</span>
|
|
9
|
+
</a>
|
|
10
|
+
{% endif %}
|
|
9
11
|
<div class="{{prefix}}--card--wrap">
|
|
10
12
|
<div class="{{prefix}}--card--image--wrapper">
|
|
11
13
|
{% include "@components/picture/picture.twig" with {
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
{% set theme = theme|default(herocard.theme) %}
|
|
4
4
|
{% set background = background|default(herocard.background) %}
|
|
5
5
|
|
|
6
|
-
<div class="hero hero__card-justify__{{ justify }} hero__poster-size__{{ postersize }} hero__card-size__{{ cardsize }} hero__card-align__{{ align }} hero__card-theme__{{ theme }}
|
|
7
|
-
<figure class="hero--
|
|
6
|
+
<div class="hero hero__card-justify__{{ justify }} hero__poster-size__{{ postersize }} hero__card-size__{{ cardsize }} hero__card-align__{{ align }} hero__card-theme__{{ theme }}">
|
|
7
|
+
<figure class="hero--background">
|
|
8
8
|
{% block hero_image %}
|
|
9
9
|
{% if image %}
|
|
10
|
-
<picture>
|
|
10
|
+
<picture class="hero--image">
|
|
11
11
|
{% for img in image.url|reverse %}
|
|
12
12
|
{% if loop.last == false %}
|
|
13
13
|
<source srcset="{{img.src}}" media="(min-width: {{img.breakpoint}}px)">
|