@ilo-org/twig 0.9.3 → 0.9.5

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

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

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @ilo-org/twig
 
+## 0.9.5
+
+### Patch Changes
+
+- 897fe5766: fix click event bubbling
+- Updated dependencies [897fe5766]
+- Updated dependencies [897fe5766]
+- Updated dependencies [897fe5766]
+  - @ilo-org/styles@0.9.0
+
+## 0.9.4
+
+### Patch Changes
+
+- 58bc8ff88: Remove justify setting on card group
+- 58bc8ff88: Ensure cards in card group take up full width of card group and always have the same gap
+- Updated dependencies [58bc8ff88]
+- Updated dependencies [58a708c3a]
+  - @ilo-org/styles@0.8.4
+
 ## 0.9.3
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/twig",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "license": "Apache-2.0",
   "description": "Twig components for the ILO's Design System",
   "main": "",
@@ -25,7 +25,7 @@
     "@ilo-org/brand-assets": "0.1.0",
     "@ilo-org/fonts": "0.1.0",
     "@ilo-org/icons": "0.2.1",
-    "@ilo-org/styles": "0.8.3",
+    "@ilo-org/styles": "0.9.0",
     "@ilo-org/themes": "0.2.0",
     "@ilo-org/utils": "0.0.11"
   },

package/src/patterns/components/cardgroup/cardgroup.twig

@@ -1,7 +1,11 @@
 {#
   CARDGROUP COMPONENT
 #}
-<div class="{{prefix}}--cardgroup {{prefix}}--cardgroup__count__{{cardcount}} {% if collapsed %} {{prefix}}--cardgroup__collapsed {% endif %} {% if justify %} {{prefix}}--cardgroup__justify__{{justify}} {% endif %}">
+{% if not cardcount%}
+  {% set cardcount = "three" %}
+{% endif %}
+
+<div class="{{prefix}}--cardgroup {{prefix}}--cardgroup__count__{{cardcount}} {% if collapsed %} {{prefix}}--cardgroup__collapsed {% endif %}">
   <div class="{{prefix}}--cardgroup--inner">
     {% for card in group %}
       <div class="{{prefix}}--cardgroup--card">
@@ -28,7 +32,8 @@
         } only %}
       </div>
       {% endfor %}
-    {% if cta %}
+  </div>
+  {% if cta %}
     <div class="{{prefix}}--cardgroup--button-wrap">
       <a
         class="{{prefix}}--button {{prefix}}--button--medium {{prefix}}--button--secondary"
@@ -38,5 +43,4 @@
       </a>
     </div>
     {% endif %}
-  </div>
 </div>

package/src/patterns/components/cardgroup/cardgroup.wingsuit.yml

@@ -24,16 +24,6 @@ cardgroup:
         two: two
         three: three
         four: four
-    justify:
-      type: select
-      label: collapsed
-      description: Sets the horizontal justification of the cards. `between` justifies the cards to the left and right edges of the container, and the space between the cards is distributed evenly. `center` is the default.
-      required: false
-      preview: center
-      options:
-        start: start
-        center: center
-        between: between
     size:
       type: select
       label: Size

package/src/patterns/components/navigation/navigation.js

@@ -180,11 +180,11 @@ export default class Navigation {
 
     // languageButton
     if (this.languageButton) {
-      this.languageButton.addEventListener(EVENTS.CLICK, () =>
-        this.languageButtonClick()
+      this.languageButton.addEventListener(EVENTS.CLICK, (e) =>
+        this.languageButtonClick(e)
       );
-      this.languageButton.addEventListener(EVENTS.TOUCH_START, () =>
-        this.languageButtonClick()
+      this.languageButton.addEventListener(EVENTS.TOUCH_START, (e) =>
+        this.languageButtonClick(e)
       );
     }
 
@@ -273,7 +273,9 @@ export default class Navigation {
    * @return {Object} Navigation A reference to the instance of the class
    * @chainable
    */
-  handleLanguageButtonClick() {
+  handleLanguageButtonClick(e) {
+    e.preventDefault();
+    e.stopImmediatePropagation();
     this.element.classList.toggle(`${this.prefix}--select--open`);
 
     return this;
@@ -482,6 +484,8 @@ export default class Navigation {
    * @chainable
    */
   handleSubnavClick(e) {
+    e.preventDefault();
+    e.stopImmediatePropagation();
     this.element.classList.remove(`${this.prefix}--search--open`);
 
     if (this.element.classList.contains(`${this.prefix}--subnav--open`)) {