@proximus/lavender 1.4.10-alpha.7 → 1.4.10-alpha.9

package/dist/lavender.es.js

@@ -3208,7 +3208,7 @@ let Container = _Container;
 if (!customElements.get("px-container")) {
   customElements.define("px-container", Container);
 }
-const styles$K = ":host{display:block}:host *{box-sizing:border-box}:host(:not([promoted])){display:none}a{display:block;padding:var(--px-padding-xs-mobile);cursor:pointer;border-radius:var(--px-radius-main);text-decoration:none;color:var(--px-color-text-brand-default);--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition)}a px-span{font-size:var(--px-text-size-label-s-mobile)}a:hover{background-color:var(--px-color-background-container-secondary-default)}a:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}@media screen and (min-width: 48rem){a{padding:var(--px-padding-xs-tablet) var(--px-padding-2xs-tablet);min-width:65px}a px-span{font-size:var(--px-text-size-label-s-tablet)}a:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}:host(:not([promoted])){display:block}}@media screen and (min-width: 64.0625rem){a{padding:var(--px-padding-xs-laptop) var(--px-padding-2xs-laptop)}a px-span{font-size:var(--px-text-size-label-s-laptop)}a:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}}@media screen and (min-width: 90.0625rem){a{padding:var(--px-padding-xs-desktop) var(--px-padding-2xs-desktop)}a px-span{font-size:var(--px-text-size-label-s-desktop)}a:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}";
+const styles$K = ":host{display:block}:host *{box-sizing:border-box}:host(:not([promoted])){display:none}a,button{display:block;padding:var(--px-padding-xs-mobile);cursor:pointer;border-radius:var(--px-radius-main);text-decoration:none;color:var(--px-color-text-brand-default);--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition)}a px-span,button px-span{font-size:var(--px-text-size-label-s-mobile)}a:hover,button:hover{background-color:var(--px-color-background-container-secondary-default)}a:focus-visible,button:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}@media only screen and (min-width: 48rem){a,button{padding:var(--px-padding-xs-tablet) var(--px-padding-2xs-tablet);min-width:65px}a px-span,button px-span{font-size:var(--px-text-size-label-s-tablet)}a:focus-visible,button:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}:host(:not([promoted])){display:block}}@media only screen and (min-width: 64.0625rem){a{padding:var(--px-padding-xs-laptop) var(--px-padding-2xs-laptop)}a px-span{font-size:var(--px-text-size-label-s-laptop)}a:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}}@media only screen and (min-width: 90.0625rem){a{padding:var(--px-padding-xs-desktop) var(--px-padding-2xs-desktop)}a px-span{font-size:var(--px-text-size-label-s-desktop)}a:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}";
 const styleSheet$C = new CSSStyleSheet();
 styleSheet$C.replaceSync(styles$K);
 const _ActionLink = class _ActionLink extends PxElement {
@@ -11181,7 +11181,7 @@ class Header extends WithExtraAttributes {
               </div>
             </nav>
             <px-spacer></px-spacer>
-            <px-hstack gap--mobile="none" gap="default">
+            <px-hstack gap--mobile="s" align-items="center" gap="default">
               <slot name="header-actions"></slot>
               <px-button-icon id="burger-menu" variant="naked" aria-label="${this.burgerMenuAriaLabel ?? "Open menu"}"
                               aria-expanded="false" hidden--tablet hidden--laptop
@@ -13029,6 +13029,7 @@ class Modal extends HTMLElement {
     super();
     this.onOpenClick = () => this.show();
     this.onCloseClick = () => this.close();
+    this.onDialogCancel = () => this.close();
     this.commandButtonCleanups = [];
     this.opener = null;
     this.openerElement = null;
@@ -13075,6 +13076,7 @@ class Modal extends HTMLElement {
   }
   connectedCallback() {
     var _a, _b;
+    this.$dialog.addEventListener("cancel", this.onDialogCancel);
     this.addEventListenersToCommandButtons();
     this.toggleDescriptionVisibility = this.toggleDescriptionVisibility.bind(this);
     this.toggleCloseButtonSafeArea = this.toggleCloseButtonSafeArea.bind(this);
@@ -13131,6 +13133,7 @@ class Modal extends HTMLElement {
   }
   disconnectedCallback() {
     var _a, _b;
+    this.$dialog.removeEventListener("cancel", this.onDialogCancel);
     (_a = this.$slotDescription) == null ? void 0 : _a.removeEventListener(
       "slotchange",
       this.toggleDescriptionVisibility