@designsystem-se/af 33.2.0-beta.0 → 34.0.0

package/dist/esm/digi-context-menu.entry.js

@@ -0,0 +1,233 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-8e318bb2.js';
+import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
+import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
+import './detectClosest.util-58a7504f.js';
+
+const navigationContextMenuCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden{display:none}.digi-navigation-context-menu{display:block;box-sizing:border-box;width:fit-content}.digi-navigation-context-menu *,.digi-navigation-context-menu *::before,.digi-navigation-context-menu *::after{box-sizing:border-box}:host{--digi--navigation-context-menu--toggle-icon--transition:ease-in-out 0.2s all;--digi--navigation-context-menu--toggle-icon--transform:rotate(-180deg);--digi--navigation-context-menu--content--background-color:var(--digi--color--background--primary);--digi--navigation-context-menu--content--border-radius:var(--digi--border-radius--secondary);--digi--navigation-context-menu--content--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--navigation-context-menu--content--max-width:90vw;--digi--navigation-context-menu--content--max-height:15rem;--digi--navigation-context-menu--button-icon--width:0.875rem;--digi--navigation-context-menu--button-trigger--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--button-trigger--padding:0;--digi--navigation-context-menu--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--navigation-context-menu--item--background-color--active:var(--digi--color--background--neutral-6);--digi--navigation-context-menu--item--display:flex;--digi--navigation-context-menu--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-context-menu--item--font-color:var(--digi--color--text--primary)}.digi-navigation-context-menu--id-wrapper{display:grid}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__toggle-icon{transition:var(--digi--navigation-context-menu--toggle-icon--transition)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu{--HORIZONTAL-POSITION:unset;display:block}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu--active .digi-navigation-context-menu__toggle-icon{transform:var(--digi--navigation-context-menu--toggle-icon--transform)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__trigger-button{display:block;--digi--button--padding--medium:var(\n    --digi--navigation-context-menu--button-trigger--padding\n  );width:fit-content;--digi--button--font-size--medium:var(\n    --digi--navigation-context-menu--button-trigger--font-size\n  )}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__list{width:100%;position:relative;display:inline-grid}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper{padding:0.5rem 0;display:none;width:max-content;min-width:100%;max-width:var(--digi--navigation-context-menu--content--max-width);max-height:var(--digi--navigation-context-menu--content--max-height);overflow-y:auto;box-sizing:border-box;z-index:10;margin-top:0.5rem;background-color:var(--digi--navigation-context-menu--content--background-color);border-radius:var(--digi--navigation-context-menu--content--border-radius);box-shadow:var(--digi--navigation-context-menu--content--box-shadow);position:absolute}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--visible{display:block}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-right{right:0}.digi-navigation-context-menu--id-wrapper .dropdown-wrapper--position-center{left:50%;transform:translateX(-50%)}.digi-navigation-context-menu--id-wrapper .content-wrapper{display:flex;flex-direction:row;align-items:baseline;padding-left:1rem;padding-right:1rem;gap:0.5rem}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item{font-size:var(--digi--navigation-context-menu--item--font-size);display:var(--digi--navigation-context-menu--item--display);font-family:var(--digi--navigation-context-menu--item--font-family);padding:0.625rem 0;max-width:max-content;min-width:100%;width:100%;position:relative;cursor:pointer}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:hover{background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--active{font-weight:600;background-color:var(--digi--navigation-context-menu--item--background-color--active)}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link{list-style:none;margin:0;padding:0}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__item--link a{padding:0.625rem 1rem;color:var(--digi--navigation-context-menu--item--font-color, #333333);text-decoration:none;margin:0;width:100%}.digi-navigation-context-menu--id-wrapper .digi-navigation-context-menu__button-icon{--digi--icon--width:var(\n    --digi--navigation-context-menu--button-icon--width\n  )}";
+const DigiContextMenuStyle0 = navigationContextMenuCss;
+
+function deserializeProp(prop) {
+    if (typeof prop === 'string') {
+        return JSON.parse(prop);
+    }
+    return prop;
+}
+const ContextMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afChangeItem = createEvent(this, "afChangeItem", 7);
+        this.afFocusItem = createEvent(this, "afFocusItem", 7);
+        this.afToggleMenu = createEvent(this, "afToggleMenu", 7);
+        this.afBlur = createEvent(this, "afBlur", 7);
+        this.itemRefs = {};
+        this.visible = false;
+        this.activeItemIdx = undefined;
+        this.selectItemIdx = 0;
+        this.afId = randomIdGenerator('digi-context-menu');
+        this.afIcon = undefined;
+        this.afTitle = undefined;
+        this.afMenuItems = undefined;
+        this.afDir = undefined;
+        this.afLang = undefined;
+        this.afAriaLabel = undefined;
+        this.afMenuPosition = 'left-bottom';
+        this.afActiveItem = undefined;
+    }
+    clickHandler(e) {
+        const target = e.target;
+        const selector = `#${this.afId}-identifier`;
+        if (detectClickOutside(target, selector) && this.visible) {
+            this.hideMenu();
+        }
+    }
+    focusoutHandler(e) {
+        const target = e.target;
+        const selector = `#${this.afId}-identifier`;
+        if (detectFocusOutside(target, selector) && this.visible) {
+            this.hideMenu();
+            this.afBlur.emit();
+        }
+    }
+    syncActiveItem() {
+        if (this.afActiveItem != null) {
+            const menuItems = this.afMenuItems;
+            this.activeItemIdx = menuItems.findIndex((item) => item.id.toString() === this.afActiveItem);
+        }
+    }
+    syncItems() {
+        this.afMenuItems = deserializeProp(this.afMenuItems);
+    }
+    componentWillLoad() {
+        this.syncItems();
+        this.syncActiveItem();
+    }
+    get digiIcon() {
+        if (this.afIcon != null) {
+            return `digi-icon-${this.afIcon}`;
+        }
+    }
+    hideMenu() {
+        this.visible = false;
+        this.afToggleMenu.emit(this.visible);
+    }
+    showMenu() {
+        this.visible = true;
+        this.afToggleMenu.emit(this.visible);
+    }
+    isLink() {
+        if (this.afMenuItems && this.afMenuItems.length > 0) {
+            const itemToCheck = this.afMenuItems[0];
+            return itemToCheck.type && itemToCheck.type === 'link';
+        }
+        return false;
+    }
+    async handleToggle() {
+        if (this.visible) {
+            this.hideMenu();
+            this.focusOnButton();
+        }
+        else {
+            this.showMenu();
+            if (!this.isLink()) {
+                const idx = this.activeItemIdx || 0;
+                const item = this.afMenuItems[idx];
+                setTimeout(() => this.itemRefs[item.id].focus(), 25);
+            }
+        }
+    }
+    async focusOnButton() {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        const digiButton = this.buttonRef;
+        const button = (await digiButton.afMGetButtonElement());
+        button.focus();
+    }
+    handleChangeItem(item, idx) {
+        this.activeItemIdx = idx;
+        this.handleToggle();
+        this.afChangeItem.emit({ item, idx });
+    }
+    handleRef(ref, refId, payload) {
+        if (refId === 'item') {
+            this.itemRefs[payload.id] = ref;
+        }
+    }
+    isActive(idx) {
+        if ((this.activeItemIdx !== undefined || this.activeItemIdx !== null) &&
+            this.activeItemIdx === idx) {
+            return true;
+        }
+        return false;
+    }
+    isSelected(idx) {
+        return this.selectItemIdx === idx;
+    }
+    nextIdx(idx) {
+        if (idx > this.afMenuItems.length - 1) {
+            return 0;
+        }
+        else if (idx < 0) {
+            return this.afMenuItems.length - 1;
+        }
+        else {
+            return idx;
+        }
+    }
+    activateItem(idx) {
+        const item = this.afMenuItems[idx];
+        this.activeItemIdx = idx;
+        this.focusItem(idx);
+        this.handleChangeItem(item, idx);
+    }
+    focusItem(idx) {
+        var _a;
+        const item = this.afMenuItems[idx];
+        this.selectItemIdx = idx;
+        (_a = this.itemRefs[item.id]) === null || _a === void 0 ? void 0 : _a.focus();
+        this.afFocusItem.emit({ item, idx });
+    }
+    focusCaptured() {
+        const menuItems = this.afMenuItems;
+        return menuItems.some((item) => this.itemRefs[item.id] === document.activeElement);
+    }
+    handleKey(e) {
+        if (!this.focusCaptured())
+            return;
+        switch (e.key) {
+            case 'ArrowUp':
+                this.focusItem(this.nextIdx(this.selectItemIdx - 1));
+                break;
+            case 'ArrowDown':
+                this.focusItem(this.nextIdx(this.selectItemIdx + 1));
+                break;
+            case 'Escape':
+                this.hideMenu();
+                this.focusOnButton();
+                break;
+            case 'Enter':
+            case ' ':
+                e.preventDefault();
+                e.stopPropagation();
+                this.activateItem(this.selectItemIdx);
+                break;
+        }
+    }
+    handleLinkClick(e, item, idx) {
+        if (!item.overrideLink) {
+            window.location.assign(item.href);
+        }
+        else {
+            e.preventDefault();
+            this.handleChangeItem(item, idx);
+        }
+    }
+    renderLink(item, idx) {
+        const menuItem = this.afMenuItems[idx];
+        return (h("li", { id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
+                'digi-navigation-context-menu__item': true,
+                'digi-navigation-context-menu__item--link': true,
+                'digi-navigation-context-menu__item--active': this.isActive(idx)
+            }, dir: this.afDir, lang: this.afLang, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("a", { "aria-label": item.ariaLabel ? item.ariaLabel : null, href: menuItem.href ? menuItem.href : null, onClick: (e) => this.handleLinkClick(e, item, idx) }, item.title)));
+    }
+    renderDiv(item, idx) {
+        return (h("div", { role: "option", id: `${this.afId}-listbox-item-${item.id}`, key: item.id, class: {
+                'digi-navigation-context-menu__item': true,
+                'digi-navigation-context-menu__item--active': this.isActive(idx)
+            }, dir: this.afDir, lang: this.afLang, "aria-selected": this.isActive(idx).toString(), tabIndex: this.isSelected(idx) ? 0 : -1, onClick: () => { var _a; return (_a = this.handleChangeItem) === null || _a === void 0 ? void 0 : _a.call(this, item, idx); }, ref: (ref) => { var _a; return (_a = this.handleRef) === null || _a === void 0 ? void 0 : _a.call(this, ref, 'item', item); } }, h("div", { class: "content-wrapper" }, h("digi-icon-check", { class: "digi-navigation-context-menu__button-icon", slot: "icon", style: {
+                visibility: idx === this.activeItemIdx && this.visible
+                    ? 'visible'
+                    : 'hidden'
+            } }), h("span", { "aria-label": item.ariaLabel ? item.ariaLabel : null }, item.title)), ' '));
+    }
+    render() {
+        const menuItems = this.afMenuItems;
+        return (h(Host, { key: '8b9ddb1d31e294505f5ae3f226510ba587ecfc04', class: 'digi-navigation-context-menu' }, h("div", { key: 'bcc94554eb00a58409b7cae6a5c3668767ddb26d', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, h("digi-button", { key: '287e0f1f1afba43c8250185e5ea589aa26c5367c', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
+                'digi-navigation-context-menu__trigger-button': true,
+                'digi-navigation-context-menu--active': this.visible
+            } }, !!this.afIcon && h(this.digiIcon, { key: 'db42fdd3432f87096be2e5da8b3e05732b0aedf4', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '7977ded8cc5a7aa0aec7e2735dc38f95a4d31a06', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '5ff21d52bb2f57c8777bd04bf906730c960bc054', class: "digi-navigation-context-menu__list" }, h("div", { key: 'a8e81ab1b3c371ef501bf96f7c14c11d54a97836', onKeyDown: (e) => {
+                this.handleKey(e);
+            }, id: `${this.afId}-dropdown`, style: {
+                visibility: this.visible ? 'visible' : 'hidden'
+            }, role: this.isLink() ? 'list' : 'listbox', "aria-labelledby": `${this.afId}-trigger`, class: {
+                'dropdown-wrapper': true,
+                'dropdown-wrapper--visible': this.visible,
+                'dropdown-wrapper--position-right': this.afMenuPosition === 'right-bottom',
+                'dropdown-wrapper--position-center': this.afMenuPosition === 'center-bottom'
+            } }, menuItems &&
+            menuItems.map((item, idx) => {
+                const menuItem = menuItems[idx];
+                if (menuItem.type && (menuItem === null || menuItem === void 0 ? void 0 : menuItem.type) === 'link') {
+                    return this.renderLink(item, idx);
+                }
+                return this.renderDiv(item, idx);
+            }))))));
+    }
+    static get watchers() { return {
+        "afActiveItem": ["syncActiveItem"],
+        "afMenuItems": ["syncItems"]
+    }; }
+};
+ContextMenu.style = DigiContextMenuStyle0;
+
+export { ContextMenu as digi_context_menu };

package/dist/esm/digi-dialog.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8e318bb2.js';
-import { d as DialogVariation, c as DialogSize, D as DialogHeadingLevel } from './tools-feedback-variation.enum-45abb679.js';
+import { d as DialogVariation, c as DialogSize, D as DialogHeadingLevel } from './tools-feedback-variation.enum-4bfb560b.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
@@ -24,10 +24,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-container.enum-29d52ee9.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -46,7 +45,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

package/dist/esm/digi-expandable-accordion.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8e318bb2.js';
 import { _ as _t } from './text-ee5498fa.js';
 import './badge-notification-shape.enum-e15a6245.js';
-import { f as ExpandableAccordionVariation, E as ExpandableAccordionHeaderLevel } from './tools-feedback-variation.enum-45abb679.js';
+import { f as ExpandableAccordionVariation, E as ExpandableAccordionHeaderLevel } from './tools-feedback-variation.enum-4bfb560b.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-2dcd673f.js';
 import { B as ButtonType } from './button-type.enum-5250ae0b.js';
@@ -24,10 +24,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-container.enum-29d52ee9.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -46,7 +45,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

package/dist/esm/digi-footer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-8e318bb2.js';
-import { F as FooterVariation } from './tools-feedback-variation.enum-45abb679.js';
+import { F as FooterVariation } from './tools-feedback-variation.enum-4bfb560b.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-2dcd673f.js';
@@ -23,10 +23,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-container.enum-29d52ee9.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -45,7 +44,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

package/dist/esm/digi-form-error-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8e318bb2.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { g as FormErrorListHeadingLevel, s as NotificationAlertVariation } from './tools-feedback-variation.enum-45abb679.js';
+import { g as FormErrorListHeadingLevel, s as NotificationAlertVariation } from './tools-feedback-variation.enum-4bfb560b.js';
 import { l as logger } from './logger.util-ede3c48a.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
@@ -25,10 +25,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-container.enum-29d52ee9.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import { T as TypographyVariation } from './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -47,7 +46,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import { a as TypographyVariation } from './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

package/dist/esm/digi-form-receipt.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-8e318bb2.js';
-import { m as FormReceiptVariation, l as FormReceiptType, k as FormReceiptHeadingLevel } from './tools-feedback-variation.enum-45abb679.js';
+import { m as FormReceiptVariation, l as FormReceiptType, k as FormReceiptHeadingLevel } from './tools-feedback-variation.enum-4bfb560b.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-2dcd673f.js';
@@ -23,10 +23,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-container.enum-29d52ee9.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -45,7 +44,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

package/dist/esm/digi-form-select-filter.entry.js

@@ -5,7 +5,7 @@ import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
 import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
 import { _ as _t } from './text-ee5498fa.js';
 import './badge-notification-shape.enum-e15a6245.js';
-import { n as FormSelectFilterValidation } from './tools-feedback-variation.enum-45abb679.js';
+import { n as FormSelectFilterValidation } from './tools-feedback-variation.enum-4bfb560b.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-2dcd673f.js';
 import './button-type.enum-5250ae0b.js';
@@ -28,10 +28,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-container.enum-29d52ee9.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -50,7 +49,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8e318bb2.js';
 import './badge-notification-shape.enum-e15a6245.js';
-import { H as HeaderCenterContentWidth } from './tools-feedback-variation.enum-45abb679.js';
+import { H as HeaderCenterContentWidth } from './tools-feedback-variation.enum-4bfb560b.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-2dcd673f.js';
 import './button-type.enum-5250ae0b.js';
@@ -23,10 +23,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import './layout-block-container.enum-29d52ee9.js';
+import './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -45,7 +44,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, F as Fragment } from './index-8e318bb2.js';
 import './badge-notification-shape.enum-e15a6245.js';
-import { H as HeaderCenterContentWidth } from './tools-feedback-variation.enum-45abb679.js';
+import { H as HeaderCenterContentWidth } from './tools-feedback-variation.enum-4bfb560b.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-2dcd673f.js';
 import './button-type.enum-5250ae0b.js';
@@ -23,10 +23,9 @@ import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
-import { L as LayoutBlockContainer } from './layout-block-container.enum-29d52ee9.js';
+import { L as LayoutBlockContainer } from './layout-container-max-width.enum-c40018ac.js';
 import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
-import './typography-variation.enum-d9fdbf06.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
 import './list-type.enum-fbb331ad.js';
@@ -45,7 +44,7 @@ import './progressbar-variation.enum-40adaab4.js';
 import './quote-image-inner-position.enum-8e9b1e65.js';
 import './table-variation.enum-dd9366b6.js';
 import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
+import './typography-variation.enum-850aad78.js';
 import './tools-feedback-banner-type.enum-74b4e580.js';
 import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';

package/dist/esm/digi-icon-check.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-8e318bb2.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
+
+const iconCheckCss = ".sc-digi-icon-check-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-check-h svg.sc-digi-icon-check{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 DigiIconCheckStyle0 = iconCheckCss;
+
+const IconCheck = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: 'b93763762cb15da9dd043c599d28801dd1b7b6d2', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", 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 && h("title", { key: '50601b1e8c8eaf8a33d0a1074005e9c65b87113d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '06f9aacdab41e114f4f47f690ece821651ac4ee3' }, this.afDesc), h("path", { key: '1af3c61a39655f9002f6826fc8beaf48b2a976b1', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconCheck.style = DigiIconCheckStyle0;
+
+export { IconCheck as digi_icon_check };

package/dist/esm/digi-icon-chevron-down.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-8e318bb2.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
+
+const iconChevronDownCss = ".sc-digi-icon-chevron-down-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chevron-down-h svg.sc-digi-icon-chevron-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)}";
+const DigiIconChevronDownStyle0 = iconChevronDownCss;
+
+const IconChevronDown = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator('icontitle');
+    }
+    render() {
+        return (h("svg", { key: '5ac426b453a30750f70586d7ba38119c3ac36a73', class: "digi-icon-chevron-down", width: "14", height: "8", viewBox: "0 0 14 8", 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 && h("title", { key: '7f9ebb68d4f0a68f17df66c02e290e46b24a3004', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5267ccd4d49aaf68cc85bb84dbcca21b1540d8c5' }, this.afDesc), h("path", { key: '4c0d7b31ff1e20fc32941d442ca3b04ca8349081', class: "digi-icon-chevron-down__shape", d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+};
+IconChevronDown.style = DigiIconChevronDownStyle0;
+
+export { IconChevronDown as digi_icon_chevron_down };