@ilo-org/twig 0.2.21 → 0.2.22

package/.turbo/turbo-build:lib.log

@@ -1,9 +1,9 @@
 
-> @ilo-org/twig@0.2.21 build:lib /home/runner/work/designsystem/designsystem/packages/twig
+> @ilo-org/twig@0.2.22 build:lib /home/runner/work/designsystem/designsystem/packages/twig
 > node importprefix.js && node importsvgs.js && pnpm output
 
 theme prefix added
 
-> @ilo-org/twig@0.2.21 output /home/runner/work/designsystem/designsystem/packages/twig
+> @ilo-org/twig@0.2.22 output /home/runner/work/designsystem/designsystem/packages/twig
 > node outputtwigs.js
 

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ilo-org/twig
 
+## 0.2.22
+
+### Patch Changes
+
+- 31f3c3790: Added a block to wrap the image on the Hero component. That allows Drupal to include responsive images.
+
 ## 0.2.21
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/twig",
-  "version": "0.2.21",
+  "version": "0.2.22",
   "license": "Apache-2.0",
   "description": "Twig components for the ILO's Design System",
   "main": "",

package/src/patterns/components/hero/hero.twig

@@ -9,15 +9,17 @@
       prefix: prefix,
     } only %}
   {% endif %}
-  {% if not image %}
-  {% else %}
-    {% include "@components/image/image.twig" with {
-      alt: image.alt,
-      prefix: prefix,
-      url: image.url,
-      ishero: "true"
-    } only %}
-  {% endif %}
+  {% block hero_image %}
+    {% if not image %}
+    {% else %}
+      {% include "@components/image/image.twig" with {
+        alt: image.alt,
+        prefix: prefix,
+        url: image.url,
+        ishero: "true"
+      } only %}
+    {% endif %}
+  {% endblock %}
   {% include "@components/herocard/herocard.twig" with {
     alignment: herocard.alignment,
     eyebrow: herocard.eyebrow,