@designsystem-se/af 35.3.0 → 35.3.1

package/components/digi-header-navigation.js

@@ -51,7 +51,7 @@ import { d as defineCustomElement$4 } from './p-f5e13d2e.js';
 import { d as defineCustomElement$3 } from './p-f7fd3e36.js';
 import { d as defineCustomElement$2 } from './p-42c4e18d.js';
 
-const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);--digi--header-navigation--horizontal-padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color);padding:0 var(--digi--header-navigation--horizontal-padding)}@media (min-width: 47.9375rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--smallest-2)}}@media (min-width: 61.9375rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:0}}@media (min-width: 75rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--small)}}@media (min-width: 87.5rem){.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{--digi--header-navigation--horizontal-padding:var(--digi--global--spacing--largest-2)}}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
+const headerNavigationCss = ".sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--divider--secondary);--digi--header--close-button--padding:var(--digi--padding--smaller);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--secondary-muted);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{padding-left:0;padding-right:0}.sc-digi-header-navigation-h .digi-header-navigation--centered.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin-left:calc(var(--digi--global--spacing--base) * -1);margin-right:calc(var(--digi--global--spacing--base) * -1)}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden;--digi--header-navigation--horizontal-padding:0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{margin:0;padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:var(--digi--padding--medium)}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--interactive--hover--quarternary)}";
 const DigiHeaderNavigationStyle0 = headerNavigationCss;
 
 const HeaderNavigation = /*@__PURE__*/ proxyCustomElement(class HeaderNavigation extends H {

package/components/digi-header.js

@@ -52,7 +52,7 @@ import { d as defineCustomElement$4 } from './p-f5e13d2e.js';
 import { d as defineCustomElement$3 } from './p-82085ee1.js';
 import { d as defineCustomElement$2 } from './p-f7fd3e36.js';
 
-const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header--af-centered .sc-digi-header-s>[slot=header-logo]{padding-left:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}@media (min-width: 47.9375rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--large);--digi--header--padding-right:var(--digi--global--spacing--large)}}@media (min-width: 48rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-2);--digi--header--padding-right:var(--digi--global--spacing--largest-2)}}@media (min-width: 61.9375rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--base);--digi--header--padding-right:var(--digi--global--spacing--base)}}@media (min-width: 75rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-3-5);--digi--header--padding-right:var(--digi--global--spacing--largest-3-5)}}@media (min-width: 87.5rem){.sc-digi-header-h{--digi--header--padding-left:var(--digi--global--spacing--largest-5);--digi--header--padding-right:var(--digi--global--spacing--largest-5)}}";
+const headerCss = ".sc-digi-header-h{display:block;--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem}.sc-digi-header-h .digi-header__wrapper.sc-digi-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--digi--header--padding-left);padding-right:var(--digi--header--padding-right)}@media (max-width: 47.9375rem){.sc-digi-header-h .digi-header--has-navigation.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0}}.sc-digi-header-h .digi-header__border.sc-digi-header{border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-h .digi-header__content.sc-digi-header{display:flex;align-items:center;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo]{margin-left:-0.125rem;text-decoration:none;padding-right:var(--digi--header--logo--padding-right)}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo{--digi--logo--img--max-width:23rem}.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo],.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo,.sc-digi-header-h .digi-header.sc-digi-header-s>[slot=header-logo] .digi-logo__img,.sc-digi-header-h .digi-header .sc-digi-header-s>[slot=header-logo] .digi-logo__img{flex-shrink:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content]{--digi--header--logo--padding-right:var(--digi--padding--large);--digi--header--border-width:var(--digi--border-width--primary);--digi--header--border-color:var(--digi--color--divider--primary);--digi--header--padding-left:var(--digi--padding--medium);--digi--header--padding-right:var(--digi--padding--medium);--digi--header--content--gap:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-notification a,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-notification a{margin:0}.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content],.sc-digi-header-h .digi-header.sc-digi-header-s>div[slot=header-content] .digi-header-avatar,.sc-digi-header-h .digi-header .sc-digi-header-s>div[slot=header-content] .digi-header-avatar{--digi--header-avatar--margin:0}.sc-digi-header-h .digi-header--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}";
 const DigiHeaderStyle0 = headerCss;
 
 const Header = /*@__PURE__*/ proxyCustomElement(class Header extends H {
@@ -134,7 +134,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends H {
         }
     }
     renderContent() {
-        return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText })))));
+        return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("div", { class: "digi-header__content" }, h("slot", { name: "header-content" })), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
     }
     render() {
         return (h("header", { key: '541675d708db44efd16a09721b27dcbbe44e2724', "aria-label": this.ariaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '419fba070dc583e81ad3ce29a88581ca736fe656', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: '679370ad7ccfde35f14549e63cbdc35b35024ac0', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '072768a2e0754f294fa2617828c533f8c426fb40', class: "digi-header__border" }), h("slot", { key: 'ecf54055fbee49802ecf188a36a4868416e948f2', name: "header-navigation" }))));