@ilo-org/twig 0.8.1 → 0.8.2

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 (4) hide show
  1. package/.turbo/turbo-build:lib.log +2 -2
  2. package/CHANGELOG.md +8 -0
  3. package/package.json +2 -2
  4. package/src/patterns/components/hero/hero.twig +46 -46
package/.turbo/turbo-build:lib.log CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- > @ilo-org/twig@0.8.1 build:lib /home/runner/work/designsystem/designsystem/packages/twig
2
+ > @ilo-org/twig@0.8.2 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.8.1 output /home/runner/work/designsystem/designsystem/packages/twig
7
+ > @ilo-org/twig@0.8.2 output /home/runner/work/designsystem/designsystem/packages/twig
8
8
  > node outputtwigs.js
9
9
 
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @ilo-org/twig
2
2
 
3
+ ## 0.8.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [0cb90a388]
8
+ - Updated dependencies [b0797d2f9]
9
+ - @ilo-org/styles@0.7.2
10
+
3
11
  ## 0.8.1
4
12
 
5
13
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ilo-org/twig",
3
- "version": "0.8.1",
3
+ "version": "0.8.2",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Twig components for the ILO's Design System",
6
6
  "main": "",
@@ -25,7 +25,7 @@
25
25
  "@ilo-org/brand-assets": "0.1.0",
26
26
  "@ilo-org/fonts": "0.1.0",
27
27
  "@ilo-org/icons": "0.2.1",
28
- "@ilo-org/styles": "0.7.1",
28
+ "@ilo-org/styles": "0.7.2",
29
29
  "@ilo-org/themes": "0.2.0",
30
30
  "@ilo-org/utils": "0.0.11"
31
31
  },
package/src/patterns/components/hero/hero.twig CHANGED
@@ -1,52 +1,52 @@
1
1
  {#
2
2
  Hero COMPONENT
3
3
  #}
4
- <div class="hero hero__card-justify__{{ justify }} hero__poster-size__{{ postersize }} hero__card-size__{{ cardsize }} hero__card-align__{{ align }}">
5
- <figure class="hero--figure">
6
- {% block hero_image %}
7
- {% if image %}
8
- <picture>
9
- {% for img in image.url|reverse %}
10
- {% if loop.last == false %}
11
- <source srcset="{{img.src}}" media="(min-width: {{img.breakpoint}}px)">
12
- {% endif %}
13
- {% endfor %}
14
- <img class="{{prefix}}--card--image" src="{{image.url|reverse|last.src}}" alt="{{image.alt}}" {% if image.loading %} loading="{{ image.loading }}"{% endif %}>
15
- </picture>
16
- {% endif %}
17
- {% endblock %}
18
- </figure>
19
- {% if breadcrumb %}
20
- <div class="hero--breadcrumbs">
21
- <div class="hero--breadcrumbs--wrapper">
22
- {% include "@components/breadcrumb/breadcrumb.twig" with {
23
- home: breadcrumb.home,
24
- links: breadcrumb.links,
25
- prefix: prefix,
26
- } only %}
27
- </div>
28
- </div>
29
- {% endif %}
30
- <div class="hero--card">
31
- {% include "@components/herocard/herocard.twig" with {
32
- url: herocard.url,
33
- eyebrow: herocard.eyebrow,
34
- cornercut: herocard.cornercut,
35
- datecopy: herocard.datecopy,
36
- intro: herocard.intro,
37
- prefix: prefix,
38
- socialmedia: herocard.socialmedia,
39
- theme: herocard.theme,
40
- background: herocard.background,
41
- title: herocard.title,
42
- } only %}
43
- </div>
44
- <div class="hero--caption">
45
- {% if not caption %}
46
- {% else %}
47
- <div class="hero--caption--wrapper">
48
- {% include '@components/tooltip/tooltip.twig' with caption %}
49
- </div>
4
+ <div class="hero hero__card-justify__{{ justify }} hero__poster-size__{{ postersize }} hero__card-size__{{ cardsize }} hero__card-align__{{ align }}">
5
+ <figure class="hero--figure">
6
+ {% block hero_image %}
7
+ {% if image %}
8
+ <picture>
9
+ {% for img in image.url|reverse %}
10
+ {% if loop.last == false %}
11
+ <source srcset="{{img.src}}" media="(min-width: {{img.breakpoint}}px)">
12
+ {% endif %}
13
+ {% endfor %}
14
+ <img class="{{prefix}}--card--image" src="{{image.url|reverse|last.src}}" alt="{{image.alt}}" {% if image.loading %} loading="{{ image.loading }}"{% endif %}>
15
+ </picture>
50
16
  {% endif %}
17
+ {% endblock %}
18
+ </figure>
19
+ {% if breadcrumb %}
20
+ <div class="hero--breadcrumbs">
21
+ <div class="hero--breadcrumbs--wrapper">
22
+ {% include "@components/breadcrumb/breadcrumb.twig" with {
23
+ home: breadcrumb.home,
24
+ links: breadcrumb.links,
25
+ prefix: prefix,
26
+ } only %}
27
+ </div>
51
28
  </div>
29
+ {% endif %}
30
+ <div class="hero--card">
31
+ {% include "@components/herocard/herocard.twig" with {
32
+ url: herocard.url,
33
+ eyebrow: herocard.eyebrow,
34
+ cornercut: herocard.cornercut,
35
+ datecopy: herocard.datecopy,
36
+ intro: herocard.intro,
37
+ prefix: prefix,
38
+ socialmedia: herocard.socialmedia,
39
+ theme: herocard.theme,
40
+ background: herocard.background,
41
+ title: herocard.title,
42
+ } only %}
43
+ </div>
44
+ <div class="hero--caption">
45
+ {% if not caption %}
46
+ {% else %}
47
+ <div class="hero--caption--wrapper">
48
+ {% include '@components/tooltip/tooltip.twig' with caption %}
49
+ </div>
50
+ {% endif %}
52
51
  </div>
52
+ </div>