@designsystem-se/af 39.2.1-beta.3 → 39.2.1-beta.4

package/dist/cjs/digi-header-navigation.cjs.entry.js

@@ -0,0 +1,235 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+require('./calendar-week-view-heading-level.enum-BI2f9bbk.js');
+var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+require('./badge-status-variation.enum-XX8d--rj.js');
+require('./button-variation.enum-ngMqFLdW.js');
+require('./button-type.enum-2UH0KkO-.js');
+require('./bar-chart-variation.enum-BZFN4377.js');
+require('./code-example-variation.enum-Cq-BioXW.js');
+require('./code-variation.enum-BM-hhQuD.js');
+require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
+require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
+require('./expandable-faq-variation.enum-FEybT9s4.js');
+require('./footer-card-variation.enum-BPnpkC45.js');
+require('./form-checkbox-variation.enum-BfOGU4Qt.js');
+require('./form-file-upload-variation.enum-xcEOoggr.js');
+require('./form-input-search-variation.enum-VVfvlVeM.js');
+require('./form-input-type.enum-DvF_MTHK.js');
+require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-radiogroup-validation.enum-DBDbjF6N.js');
+require('./form-select-variation.enum-e6wjWyaS.js');
+require('./form-textarea-variation.enum-BcEyaR5W.js');
+require('./form-validation-message-variation.enum-BA5nmCiw.js');
+require('./info-card-multi-type.enum-pqhvdrsN.js');
+require('./info-card-variation.enum-B1cqmknX.js');
+require('./layout-container-max-width.enum-DqWtU7WK.js');
+require('./layout-block-variation.enum-BldWvnDk.js');
+require('./layout-columns-variation.enum-OgD-hvRN.js');
+require('./link-button-variation.enum-03cHZQxx.js');
+require('./list-type.enum-CkFOn-eB.js');
+require('./loader-skeleton-variation.enum-UvPtdesw.js');
+require('./loader-spinner-size.enum-u5AQs-UJ.js');
+require('./logo-color.enum-BJZv-f6R.js');
+require('./media-figure-alignment.enum-BWO1sg67.js');
+require('./navigation-sidebar-variation.enum-70NIGQoi.js');
+require('./navigation-vertical-menu-variation.enum-7IUICId3.js');
+require('./progress-circle-heading-level.enum-DNlyzNd6.js');
+require('./progress-indicator-heading-level.enum-CNarUduE.js');
+require('./progress-list-item-variation.enum-Dk3YS--x.js');
+require('./progress-list-variation.enum-BvLLJK9O.js');
+require('./progressbar-variation.enum-CnRJPSs7.js');
+require('./quote-image-inner-position.enum-CLifVlj0.js');
+require('./table-variation.enum-DlDZKXbq.js');
+require('./tag-media-icon.enum-DzhiwvjI.js');
+require('./tag-size.enum-DFom3Smn.js');
+require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
+require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
+require('./tools-theme-provider.brand.enum-BzduvCUY.js');
+require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
+require('./typography-meta-variation.enum-lvDemnSz.js');
+require('./typography-time-variation.enum-D2gIVzYH.js');
+var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.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);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: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 HeaderNavigation = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClose = index.createEvent(this, "afOnClose", 7);
+        this.afOnEsc = index.createEvent(this, "afOnEsc", 7);
+        this.afOnBackdropClick = index.createEvent(this, "afOnBackdropClick", 7);
+        this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
+        this._focusableElementsSelectors = 'a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]';
+        this.focusableElements = [];
+        /**
+         * Visar eller döljer sidmenyn i mobilläge. Om satt till true så är den öppen per standard.
+         * @en Shows or hides the sidebar in mobile. If set to true it will be open by default.
+         */
+        this.afActive = false;
+        /**
+         * Lägger en skugga bakom menyn som täcker sidinnehållet när menyn är aktiv
+         * @en Applies a unscrollable backdrop over the page content when the sidebar is active
+         */
+        this.afBackdrop = true;
+        /**
+         * Lägger en container runt menyns innehåll, men låter bakgrunden behålla full bredd. Bredden linjerar med digi-layout-container.
+         * @en Applies a container around the menu's content, but allows the background to maintain full width. Width aligns with digi-layout-container.
+         */
+        this.afCentered = typographyVariation_enum.HeaderCenterContentWidth.DEFAULT;
+    }
+    //private _observer: any;
+    enablePageScroll() {
+        document.body.style.height = '';
+        document.body.style.overflowY = '';
+        document.body.style.paddingRight = '';
+    }
+    disablePageScroll() {
+        document.body.style.height = '100vh';
+        document.body.style.overflowY = 'hidden';
+    }
+    toggleHandler(e) {
+        const element = e.target;
+        this._closeFocusableElement = element.querySelector('.digi-navigation-sidebar-button button');
+        if (element.matches('digi-navigation-sidebar-button')) {
+            this.afActive = true;
+        }
+    }
+    get shouldUseFocusTrap() {
+        return this.isMobile && this.focusableElements.length > 0;
+    }
+    closeHandler(e) {
+        this.afActive = false;
+        this.afOnClose.emit(e);
+    }
+    escHandler(e) {
+        if (this.isMobile) {
+            this.afActive = false;
+            this.afOnClose.emit(e);
+        }
+    }
+    tabHandler(e) {
+        if (this.shouldUseFocusTrap) {
+            if (document.activeElement === this.lastFocusableEl) {
+                e.detail.preventDefault();
+                this.firstFocusableEl.focus();
+            }
+        }
+    }
+    backdropClickHandler(e) {
+        this.afActive = false;
+        this.afOnClose.emit(e);
+    }
+    shiftHandler(e) {
+        if (this.shouldUseFocusTrap) {
+            if (document.activeElement === this.firstFocusableEl) {
+                e.detail.preventDefault();
+                this.lastFocusableEl.focus();
+            }
+        }
+    }
+    clickHandler(e) {
+        // If clicking on toggle button, refresh the focusable items list
+        // with the new sub level of items
+        if (this.shouldUseFocusTrap) {
+            const el = e.detail.target;
+            if (el.tagName.toLowerCase() === 'button') {
+                setTimeout(() => {
+                    this.getFocusableItems();
+                }, 100);
+            }
+        }
+    }
+    setMobileView(isMobile) {
+        isMobile && this.afActive
+            ? (this.disablePageScroll(), this.getFocusableItems())
+            : this.enablePageScroll();
+    }
+    breakpointChange(e) {
+        this.isVisible = false;
+        const element = e.target;
+        const type = element.nodeName;
+        if (type.toLowerCase() === 'digi-util-breakpoint-observer') {
+            this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
+        }
+        if (this.isMobile) {
+            setTimeout(() => {
+                this.isVisible = true;
+            }, 100);
+        }
+        else {
+            this.isVisible = true;
+        }
+    }
+    componentDidLoad() {
+        const transition = this._wrapper;
+        transition.addEventListener('transitionend', () => {
+            this.getFocusableItems();
+            this.setFocus();
+        });
+    }
+    getFocusableItems() {
+        const allElements = this._wrapper.querySelectorAll(this._focusableElementsSelectors);
+        // Filters out visible items
+        this.focusableElements = Array.prototype.slice
+            .call(allElements)
+            .filter(function (item) {
+            return item.offsetParent !== null;
+        });
+        // Sets first and last focusable element
+        if (this.focusableElements.length > 0) {
+            this.firstFocusableEl = this.focusableElements[0];
+            this.lastFocusableEl = this.focusableElements[this.focusableElements.length - 1];
+        }
+    }
+    setFocus() {
+        if (this.afActive) {
+            let el;
+            const firstNavLink = this.firstFocusableEl;
+            if (this.afFocusableElement) {
+                el = this.hostElement.querySelector(`${this.afFocusableElement}`);
+            }
+            else {
+                el = firstNavLink;
+            }
+            if (el) {
+                el.focus();
+            }
+        }
+        else {
+            if (this.afCloseFocusableElement) {
+                const el = document.querySelector(`${this.afCloseFocusableElement}`);
+                el.focus();
+            }
+            else if (this._closeFocusableElement) {
+                const el = this._closeFocusableElement;
+                el.focus();
+            }
+        }
+    }
+    get cssModifiers() {
+        return {
+            'digi-header-navigation--open': this.afActive,
+            'digi-header-navigation--mobile': this.isMobile,
+            'digi-header-navigation--visible': this.isVisible,
+            'digi-header-navigation--centered': this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT
+        };
+    }
+    render() {
+        return (index.h("div", { key: '3be80ab43e1ae17dd233ba2a31b5fc601e7cc521', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: 'f789fc0f1bd7088d503329f85ec508a8e35a43e2', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: 'a73be4385a92409d6e2178174d665d0d3f651d09', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: 'c216bca6f79fd8bb886b3bc4db43a6477eb784cb' }, this.isMobile && (index.h("div", { key: '7a8afdb717bb6c5d0279fe18cb49494f41674eab', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: '665b62c8051483822e9c0a969117f375432a34f6', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+                this._wrapper = el;
+            } }, this.isMobile && (index.h("digi-button", { key: '9965dccb51151c021fbd3e0d0082ad3491b98045', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: 'd3772b9b37551d82c3fb1b0151f193b6c398703d', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "isMobile": [{
+                "setMobileView": 0
+            }]
+    }; }
+};
+HeaderNavigation.style = headerNavigationCss();
+
+exports.digi_header_navigation = HeaderNavigation;

package/dist/cjs/digi-header-notification.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+
+const headerNotificationCss = () => `.sc-digi-header-notification-h .digi-header-notification.sc-digi-header-notification{--digi--header-notification--font-family:var(--digi--global--typography--font-family--default);--digi--header-notification--font-size:var(--digi--typography--body--font-size--desktop);--digi--header-notification--color:var(--digi--color--text--primary);--digi--header-notification--color-hover:var(--digi--color--text--interactive--primary);--digi--header-notification--color-active:var(--digi--color--text--interactive--primary);display:flex;position:relative;align-items:center;font-family:"Open Sans"}.sc-digi-header-notification-h .digi-header-notification__number.sc-digi-header-notification{background-color:var(--digi--color--background--notification);color:var(--digi--color--text--secondary--light);padding:2px;z-index:5;font-size:12px;line-height:normal;font-weight:600;border-radius:10px;padding:1px 6px;position:absolute;top:-12px;left:20px;letter-spacing:0.5px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a,.sc-digi-header-notification-h .sc-digi-header-notification-s>a{display:flex;position:relative;align-items:center;margin-right:8px;text-decoration:none;color:var(--digi--header-notification--color);font-family:var(--digi--header-notification--font-family);font-size:var(--digi--header-notification--font-size)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a [class*=digi-icon]:not(svg),.sc-digi-header-notification-h .sc-digi-header-notification-s>a [class*=digi-icon]:not(svg){height:2rem;width:2rem;display:flex;align-items:center;flex-grow:1;background:var(--digi--color--background--interactive--default--tertiary);justify-content:center;border-radius:100%;margin-right:8px}.sc-digi-header-notification-h.sc-digi-header-notification-s>a svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a svg{--digi--icon--width:1rem;--digi--icon--height:1rem}.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{color:var(--digi--header-notification--color-hover);text-decoration:underline}.sc-digi-header-notification-h.sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:hover svg,.sc-digi-header-notification-h.sc-digi-header-notification-s>a:active svg,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:active svg{color:var(--digi--color--text--primary)}.sc-digi-header-notification-h.sc-digi-header-notification-s>a:focus-visible,.sc-digi-header-notification-h .sc-digi-header-notification-s>a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}`;
+
+const HeaderNotification = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '8df49a3b49ae2002cce654f85a22a18fa65f7acb', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: 'dd255fa674b0dddf86ef246bb04432bdeedb6499', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+            ? this.afNotificationAmount
+            : '+99')), index.h("slot", { key: '593538d039986fe4be4a76f56a6fa5935177af07' })));
+    }
+};
+HeaderNotification.style = headerNotificationCss();
+
+exports.digi_header_notification = HeaderNotification;

package/dist/cjs/digi-header.cjs.entry.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+require('./calendar-week-view-heading-level.enum-BI2f9bbk.js');
+var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+require('./badge-status-variation.enum-XX8d--rj.js');
+require('./button-variation.enum-ngMqFLdW.js');
+require('./button-type.enum-2UH0KkO-.js');
+require('./bar-chart-variation.enum-BZFN4377.js');
+require('./code-example-variation.enum-Cq-BioXW.js');
+require('./code-variation.enum-BM-hhQuD.js');
+require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
+require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
+require('./expandable-faq-variation.enum-FEybT9s4.js');
+require('./footer-card-variation.enum-BPnpkC45.js');
+require('./form-checkbox-variation.enum-BfOGU4Qt.js');
+require('./form-file-upload-variation.enum-xcEOoggr.js');
+require('./form-input-search-variation.enum-VVfvlVeM.js');
+require('./form-input-type.enum-DvF_MTHK.js');
+require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-radiogroup-validation.enum-DBDbjF6N.js');
+require('./form-select-variation.enum-e6wjWyaS.js');
+require('./form-textarea-variation.enum-BcEyaR5W.js');
+require('./form-validation-message-variation.enum-BA5nmCiw.js');
+require('./info-card-multi-type.enum-pqhvdrsN.js');
+require('./info-card-variation.enum-B1cqmknX.js');
+var layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-DqWtU7WK.js');
+require('./layout-block-variation.enum-BldWvnDk.js');
+require('./layout-columns-variation.enum-OgD-hvRN.js');
+require('./link-button-variation.enum-03cHZQxx.js');
+require('./list-type.enum-CkFOn-eB.js');
+require('./loader-skeleton-variation.enum-UvPtdesw.js');
+require('./loader-spinner-size.enum-u5AQs-UJ.js');
+require('./logo-color.enum-BJZv-f6R.js');
+require('./media-figure-alignment.enum-BWO1sg67.js');
+require('./navigation-sidebar-variation.enum-70NIGQoi.js');
+require('./navigation-vertical-menu-variation.enum-7IUICId3.js');
+require('./progress-circle-heading-level.enum-DNlyzNd6.js');
+require('./progress-indicator-heading-level.enum-CNarUduE.js');
+require('./progress-list-item-variation.enum-Dk3YS--x.js');
+require('./progress-list-variation.enum-BvLLJK9O.js');
+require('./progressbar-variation.enum-CnRJPSs7.js');
+require('./quote-image-inner-position.enum-CLifVlj0.js');
+require('./table-variation.enum-DlDZKXbq.js');
+require('./tag-media-icon.enum-DzhiwvjI.js');
+require('./tag-size.enum-DFom3Smn.js');
+require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
+require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
+require('./tools-theme-provider.brand.enum-BzduvCUY.js');
+require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
+require('./typography-meta-variation.enum-lvDemnSz.js');
+require('./typography-time-variation.enum-D2gIVzYH.js');
+var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.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;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.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] .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] .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]{display:flex;align-items:center;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:var(--digi--header--content--gap)}.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--af-centered.sc-digi-header .digi-header__wrapper.sc-digi-header{--digi--header--padding-right:0;--digi--header--padding-left:0}`;
+
+const Header = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Lägger en container runt menyns innehåll, men låter bakgrunden behålla full bredd. Bredden linjerar med digi-layout-container.
+         * @en Applies a container around the menu's content, but allows the background to maintain full width. Width aligns with digi-layout-container.
+         */
+        this.afCentered = typographyVariation_enum.HeaderCenterContentWidth.DEFAULT;
+    }
+    toggleHandler(e) {
+        const element = e.target;
+        if (element.matches('digi-navigation-sidebar-button')) {
+            this.afActive = true;
+        }
+    }
+    closeHandler() {
+        this.afActive = false;
+    }
+    get cssModifiers() {
+        return {
+            'digi-header--af-centered': this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT,
+            'digi-header--has-navigation': this.hasNavigation
+        };
+    }
+    handleBreakpointObserver(e) {
+        this.isMobile = e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL;
+    }
+    /**
+     * Ta reda på om vi har en populerad navigations-slot. Om inte så renderar vi ingen menyknapp
+     * @en Find out if we have a populated navigation slot. If, we don't, let's not bother rendering the navigation toggle button
+     */
+    checkNavigation() {
+        this.hasNavigation = !!this.hostElement.querySelector('[slot="header-navigation"]');
+    }
+    componentWillLoad() {
+        this.checkNavigation();
+    }
+    /**
+     * If we have a <digi-logo> in the logo slot, make sure its afOnlySymbol prop
+     * is true when we're in mobile
+     */
+    componentWillRender() {
+        const afLogo = this.hostElement.querySelector('digi-logo');
+        if (afLogo) {
+            afLogo.afOnlySymbol = this.isMobile || afLogo.afOnlySymbol;
+        }
+    }
+    renderContent() {
+        return (index.h("div", { class: "digi-header__wrapper" }, index.h("slot", { name: "header-logo" }), index.h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (index.h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
+    }
+    render() {
+        return (index.h("header", { key: '39fda33a8f16ff6b1f3d65331e9d90fbb9bc7335', "aria-label": this.afAriaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: 'ead665097072a0853d27f85aa72bc104d6af9c49', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), index.h("digi-layout-block", { key: '1b360b35ade13061ae477304d34da8f387a63a1e', afContainer: layoutContainerMaxWidth_enum.LayoutBlockContainer.NONE }, this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), index.h("div", { key: '6e949a03eb7c2332e2b4b7a5ac80df0906d2a82d', class: "digi-header__border" }), index.h("slot", { key: '7c147f8795238074425518e663610f2da2b71183', name: "header-navigation" }))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+Header.style = headerCss();
+
+exports.digi_header = Header;

package/dist/cjs/digi-icon-accessibility-deaf.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconAccessibilityDeafCss = () => `.sc-digi-icon-accessibility-deaf-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-accessibility-deaf-h svg.sc-digi-icon-accessibility-deaf{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
+
+const iconAccessibilityUniversalCss = () => `.sc-digi-icon-accessibility-universal-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-accessibility-universal-h svg.sc-digi-icon-accessibility-universal{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconAccessibilityUniversal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: 'e7a2020288b0294c722235a0fc0211e56c01639f', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'c653654c765360d84acb3a41c1126a0f7738cb9f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'e28517ff77c498aab0f7e117245d6f68b59f2ce9' }, this.afDesc), index.h("path", { key: 'f1abf24c537347b694911f9f57db4c44ef6a5751', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconAccessibilityUniversal.style = iconAccessibilityUniversalCss();
+
+exports.digi_icon_accessibility_universal = IconAccessibilityUniversal;

package/dist/cjs/digi-icon-apple.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconAppleCss = () => `.sc-digi-icon-apple-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-apple-h svg.sc-digi-icon-apple{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-archive-outline.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArchiveOutlineCss = () => `.sc-digi-icon-archive-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-archive-outline-h svg.sc-digi-icon-archive-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-archive.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArchiveCss = () => `.sc-digi-icon-archive-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-archive-h svg.sc-digi-icon-archive{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-arrow-back.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArrowBackCss = () => `.sc-digi-icon-arrow-back-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-back-h svg.sc-digi-icon-arrow-back{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-arrow-down.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArrowDownCss = () => `.sc-digi-icon-arrow-down-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-down-h svg.sc-digi-icon-arrow-down{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-arrow-left.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArrowLeftCss = () => `.sc-digi-icon-arrow-left-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-left-h svg.sc-digi-icon-arrow-left{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-arrow-right.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArrowRightCss = () => `.sc-digi-icon-arrow-right-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-right-h svg.sc-digi-icon-arrow-right{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-arrow-sign-in.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArrowSignInCss = () => `.sc-digi-icon-arrow-sign-in-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-sign-in-h svg.sc-digi-icon-arrow-sign-in{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-arrow-sign-out.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArrowSignOutCss = () => `.sc-digi-icon-arrow-sign-out-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-sign-out-h svg.sc-digi-icon-arrow-sign-out{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-arrow-up.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconArrowUpCss = () => `.sc-digi-icon-arrow-up-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-arrow-up-h svg.sc-digi-icon-arrow-up{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-at.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconAtCss = () => `.sc-digi-icon-at-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-at-h svg.sc-digi-icon-at{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-bars.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
+
+const iconBarsCss = () => `.sc-digi-icon-bars-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bars-h svg.sc-digi-icon-bars{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconBars = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '523b7b3ed219c559aa3d3ab5be6280b7fd7e0302', class: "digi-icon-bars", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '78b86200081f321895f9a652b5c16a0aba0890d6', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '768ca9e89fa4e28614e1c37d31b97a6fd7e21deb' }, this.afDesc), index.h("path", { key: '0ae828d98ac75b7f34c40cd18f13eda5ace710a0', class: "digi-icon-bars__shape", d: "M0.8,6.9h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,3.4,0,3.7,0,4.2v2C0,6.6,0.4,6.9,0.8,6.9z M0.8,14.8 h20.4c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8C0.4,11.2,0,11.6,0,12v2C0,14.4,0.4,14.8,0.8,14.8z M0.8,22.6h20.4 c0.4,0,0.8-0.4,0.8-0.8v-2c0-0.4-0.4-0.8-0.8-0.8H0.8c-0.4,0-0.8,0.4-0.8,0.8v2C0,22.3,0.4,22.6,0.8,22.6z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconBars.style = iconBarsCss();
+
+exports.digi_icon_bars = IconBars;

package/dist/cjs/digi-icon-bell-filled.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-Cn1hHaSy.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
+
+const iconBellFilledCss = () => `.sc-digi-icon-bell-filled-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bell-filled-h svg.sc-digi-icon-bell-filled{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;
+
+const IconBellFilled = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * För att dölja ikonen för skärmläsare. Default är satt till true.
+         * @en Hides the icon for screen readers. Default is set to true.
+         */
+        this.afSvgAriaHidden = true;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '83e18ac00b974bbf803b36df36bd4c76c7a71e70', class: "digi-icon-bell-filled", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'e20634152e00b38a2c4f20bccc6eb7899339fe1e', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '413f512b1bbcd45121dbcee2df04fb05dc165b14' }, this.afDesc), index.h("path", { key: 'bb0e35f6628534951817bb9621f5480c34397080', class: "digi-icon-bell-filled__shape", d: "M23.555833,48 C26.8859842,48 29.5872534,45.3140625 29.5872534,42 L17.5244126,42 C17.5244126,45.3140625 20.2256818,48 23.555833,48 Z M43.8639093,33.9646875 C42.0423204,32.0184375 38.6339126,29.090625 38.6339126,19.5 C38.6339126,12.215625 33.4972582,6.384375 26.5710718,4.95375 L26.5710718,3 C26.5710718,1.3434375 25.2209086,0 23.555833,0 C21.8907574,0 20.5405942,1.3434375 20.5405942,3 L20.5405942,4.95375 C13.6144078,6.384375 8.47775338,12.215625 8.47775338,19.5 C8.47775338,29.090625 5.06934557,32.0184375 3.24775666,33.9646875 C2.68204582,34.569375 2.43124734,35.2921875 2.43589641,36 C2.44633297,37.5375 3.65978272,39 5.4625146,39 L41.6491514,39 C43.4518833,39 44.6662759,37.5375 44.6757696,36 C44.6804187,35.2921875 44.4296202,34.5684375 43.8639093,33.9646875 L43.8639093,33.9646875 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconBellFilled.style = iconBellFilledCss();
+
+exports.digi_icon_bell_filled = IconBellFilled;

package/dist/cjs/digi-icon-bell.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconBellCss = () => `.sc-digi-icon-bell-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bell-h svg.sc-digi-icon-bell{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-book.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconBookCss = () => `.sc-digi-icon-book-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-book-h svg.sc-digi-icon-book{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;

package/dist/cjs/digi-icon-bookmark-outline.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Be3UbTxs.js');
+var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
 const iconBookmarkOutlineCss = () => `.sc-digi-icon-bookmark-outline-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-bookmark-outline-h svg.sc-digi-icon-bookmark-outline{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}`;