@designsystem-se/af 34.0.0 → 34.0.1

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

@@ -0,0 +1,129 @@
+import { r as registerInstance, h, g as getElement } from './index-8e318bb2.js';
+import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
+import { L as ListType, T as TypographyVariation } from './typography-variation.enum-884bbc81.js';
+import { l as logger } from './logger.util-ede3c48a.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;
+
+const listCss = ".digi--util--fs--xs.sc-digi-list{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-list{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-list{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-list{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-list{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-list{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-list{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-list{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-list{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-list{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-list{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-list{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-list{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-list{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-list{padding-top:5rem !important}.digi--util--pb--1.sc-digi-list{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-list{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-list{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-list{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-list{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-list{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-list{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-list{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-list{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-list{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-list{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-list{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-list{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-list{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-list{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-list{padding:2.5rem !important}.digi--util--p--60.sc-digi-list{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-list{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-list{padding:4.5rem !important}.digi--util--p--90.sc-digi-list{padding:5rem !important}.digi--util--ptb--1.sc-digi-list{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-list{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-list{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-list{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-list{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-list{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-list{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-list{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-list{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-list{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-list{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-list{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-list{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-list{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-list{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-list{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-list{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-list{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-list{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-list{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-list{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.sc-digi-list{display:none}.sc-digi-list-h{--digi--list--padding-inline-start:0.25rem}.sc-digi-list-h .digi-list--checked.sc-digi-list{list-style-position:inside;padding-inline-start:var(--digi--list--padding-inline-start)}.sc-digi-list-h .digi-list--checked.sc-digi-list li.sc-digi-list{list-style:none;display:flex;align-items:flex-start}.sc-digi-list-s .digi-list--checked .digi-list__icon{padding-right:var(--digi--padding--small);width:1rem;min-height:auto;flex-shrink:0;align-items:start;margin-top:0.4375rem}";
+const DigiListStyle0 = listCss;
+
+const List = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.listItems = [];
+        this.hasSlottedItems = undefined;
+        this.afListType = ListType.BULLET;
+    }
+    componentWillLoad() {
+        this.getListItems();
+    }
+    componentWillUpdate() {
+        this.getListItems();
+    }
+    componentDidLoad() {
+        // Observe changes to children for dynamically added items
+        this._observer = new MutationObserver(() => {
+            this.getListItems();
+        });
+        //observes changes to the list of child nodes
+        this._observer.observe(this.hostElement, { childList: true });
+        this.applyCheckedListStyling();
+    }
+    componentDidUpdate() {
+        this.applyCheckedListStyling();
+    }
+    // Stop observing changes when the component no longer exists in the DOM
+    disconnectedCallback() {
+        if (this._observer) {
+            this._observer.disconnect();
+        }
+    }
+    applyCheckedListStyling() {
+        if (this.afListType === ListType.CHECKED) {
+            const lis = this.hostElement.querySelectorAll('li');
+            lis.forEach((li) => {
+                if (!li.querySelector('digi-icon-check')) {
+                    const icon = document.createElement('digi-icon-check');
+                    icon.classList.add('digi-list__icon');
+                    li.insertBefore(icon, li.firstChild);
+                }
+            });
+        }
+        else {
+            const lis = this.hostElement.querySelectorAll('li');
+            lis.forEach((li) => {
+                const icon = li.querySelector('digi-icon-check');
+                if (icon) {
+                    li.removeChild(icon);
+                }
+            });
+        }
+    }
+    getListItems() {
+        const slotItems = this.hostElement.querySelectorAll('li');
+        //maybe not needed, do we want to warn in the consol, or is this maybe a failsafe?
+        if (!slotItems || slotItems.length <= 0) {
+            this.hasSlottedItems = false;
+            this.listItems = [];
+            logger.warn(`The slot contains no <li> elements.`, this.hostElement);
+            return;
+        }
+        this.hasSlottedItems = true;
+        this.listItems = Array.from(slotItems);
+    }
+    render() {
+        const Tag = this.afListType === ListType.NUMBERED ? 'ol' : 'ul';
+        const className = {
+            'digi-list': true,
+            [`digi-list--${this.afListType}`]: true
+        };
+        return (h("digi-typography", { key: '2c3f61b8ff3a0d8fb476d06ef06b650bd04422ef' }, h(Tag, { key: 'aa10692caf21f135486a30cd3a91d563d2b0c333', class: className }, h("slot", { key: '6c6dcd731c16f065714515a9acd8665aa1aeba10' }))));
+    }
+    get hostElement() { return getElement(this); }
+};
+List.style = DigiListStyle0;
+
+const typographyCss = ".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-typography{--digi--typography--h1--margin--small:var(--digi--margin--h1-small);--digi--typography--h1--margin--medium:var(--digi--margin--h1-medium);--digi--typography--h1--margin--large:var(--digi--margin--h1-large);--digi--typography--h2--margin--small:var(--digi--margin--h2-small);--digi--typography--h2--margin--large:var(--digi--margin--h2-large);--digi--typography--h3--margin--small:var(--digi--margin--h3-small);--digi--typography--h3--margin--large:var(--digi--margin--h3-large);--digi--typography--h4--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h4--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--h5--margin--small:var(--digi--margin--h4-h6-small);--digi--typography--h6--margin--large:var(--digi--margin--h4-h6-large);--digi--typography--paragraph--margin--small:var(--digi--margin--text-small);--digi--typography--paragraph--margin--large:var(--digi--margin--text-large);--digi--typography--paragraph--margin-top:initial;--digi--typography--color--text:var(--digi--color--text--primary);--digi--typography--text-decoration-thickness--hover:0.156em;--digi--typography--text-decoration-thickness--default:0.05em;--digi--typography--text-underline-offset:3px;font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);--FONT-SIZE--BODY:var(--digi--typography--body--font-size--mobile);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--mobile);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--mobile);--TEXT-DECORATION--BODY:var(\n    --digi--typography--body--text-decoration--mobile\n  );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--mobile);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--mobile);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--mobile);--TEXT-DECORATION--LINK:var(\n    --digi--typography--link--text-decoration--mobile\n  );--FONT-SIZE--HEADING-1:var(--digi--typography--heading-1--font-size--mobile);--LINE-HEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--line-height--mobile\n  );--FONT-WEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-1:var(\n    --digi--typography--heading-1--text-decoration--mobile\n  );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--small);--FONT-SIZE--HEADING-2:var(--digi--typography--heading-2--font-size--mobile);--LINE-HEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--line-height--mobile\n  );--FONT-WEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-2:var(\n    --digi--typography--heading-2--text-decoration--mobile\n  );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(--digi--typography--heading-3--font-size--mobile);--LINE-HEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--line-height--mobile\n  );--FONT-WEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-3:var(\n    --digi--typography--heading-3--text-decoration--mobile\n  );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-4:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-5:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-5:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-6:var(--digi--typography--heading-4--font-size--mobile);--LINE-HEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--line-height--mobile\n  );--FONT-WEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--font-weight--mobile\n  );--TEXT-DECORATION--HEADING-6:var(\n    --digi--typography--heading-4--text-decoration--mobile\n  );--MARGIN--HEADING-6:var(--digi--typography--h4--margin--small);font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY)}@media (min-width: 62rem){digi-typography{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n      --digi--typography--body--text-decoration--desktop\n    );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n      --digi--typography--link--text-decoration--desktop\n    );--FONT-SIZE--HEADING-1:var(\n      --digi--typography--heading-1--font-size--desktop\n    );--LINE-HEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--line-height--desktop\n    );--FONT-WEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-1:var(\n      --digi--typography--heading-1--text-decoration--desktop\n    );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n      --digi--typography--heading-2--font-size--desktop\n    );--LINE-HEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--line-height--desktop\n    );--FONT-WEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-2:var(\n      --digi--typography--heading-2--text-decoration--desktop\n    );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n      --digi--typography--heading-3--font-size--desktop\n    );--LINE-HEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--line-height--desktop\n    );--FONT-WEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-3:var(\n      --digi--typography--heading-3--text-decoration--desktop\n    );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-4:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-5:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n      --digi--typography--heading-4--font-size--desktop\n    );--LINE-HEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--line-height--desktop\n    );--FONT-WEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--font-weight--desktop\n    );--TEXT-DECORATION--HEADING-6:var(\n      --digi--typography--heading-4--text-decoration--desktop\n    );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}}digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop);--LINE-HEIGHT--BODY:var(--digi--typography--body--line-height--desktop);--FONT-WEIGHT--BODY:var(--digi--typography--body--font-weight--desktop);--TEXT-DECORATION--BODY:var(\n    --digi--typography--body--text-decoration--desktop\n  );--MARGIN--BODY:var(--digi--typography--paragraph--margin--small);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop);--LINE-HEIGHT--LINK:var(--digi--typography--link--line-height--desktop);--FONT-WEIGHT--LINK:var(--digi--typography--link--font-weight--desktop);--TEXT-DECORATION--LINK:var(\n    --digi--typography--link--text-decoration--desktop\n  );--FONT-SIZE--HEADING-1:var(\n    --digi--typography--heading-1--font-size--desktop\n  );--LINE-HEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--line-height--desktop\n  );--FONT-WEIGHT--HEADING-1:var(\n    --digi--typography--heading-1--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-1:var(\n    --digi--typography--heading-1--text-decoration--desktop\n  );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--medium);--FONT-SIZE--HEADING-2:var(\n    --digi--typography--heading-2--font-size--desktop\n  );--LINE-HEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--line-height--desktop\n  );--FONT-WEIGHT--HEADING-2:var(\n    --digi--typography--heading-2--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-2:var(\n    --digi--typography--heading-2--text-decoration--desktop\n  );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--small);--FONT-SIZE--HEADING-3:var(\n    --digi--typography--heading-3--font-size--desktop\n  );--LINE-HEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--line-height--desktop\n  );--FONT-WEIGHT--HEADING-3:var(\n    --digi--typography--heading-3--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-3:var(\n    --digi--typography--heading-3--text-decoration--desktop\n  );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--small);--FONT-SIZE--HEADING-4:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-4:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-4:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--small);--FONT-SIZE--HEADING-5:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-5:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-5:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--small);--FONT-SIZE--HEADING-6:var(\n    --digi--typography--heading-4--font-size--desktop\n  );--LINE-HEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--line-height--desktop\n  );--FONT-WEIGHT--HEADING-6:var(\n    --digi--typography--heading-4--font-weight--desktop\n  );--TEXT-DECORATION--HEADING-6:var(\n    --digi--typography--heading-4--text-decoration--desktop\n  );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--small)}@media (min-width: 62rem){digi-typography .digi-typography--large{--FONT-SIZE--BODY:var(--digi--typography--body--font-size--desktop-large);--LINE-HEIGHT--BODY:var(\n      --digi--typography--body--line-height--desktop-large\n    );--FONT-WEIGHT--BODY:var(\n      --digi--typography--body--font-weight--desktop-large\n    );--TEXT-DECORATION--BODY:var(\n      --digi--typography--body--text-decoration--desktop-large\n    );--MARGIN--BODY:var(--digi--typography--paragraph--margin--large);--FONT-SIZE--LINK:var(--digi--typography--link--font-size--desktop-large);--LINE-HEIGHT--LINK:var(\n      --digi--typography--link--line-height--desktop-large\n    );--FONT-WEIGHT--LINK:var(\n      --digi--typography--link--font-weight--desktop-large\n    );--TEXT-DECORATION--LINK:var(\n      --digi--typography--link--text-decoration--desktop-large\n    );--FONT-SIZE--HEADING-1:var(\n      --digi--typography--heading-1--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-1:var(\n      --digi--typography--heading-1--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-1:var(\n      --digi--typography--heading-1--text-decoration--desktop-large\n    );--MARGIN--HEADING-1:var(--digi--typography--h1--margin--large);--FONT-SIZE--HEADING-2:var(\n      --digi--typography--heading-2--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-2:var(\n      --digi--typography--heading-2--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-2:var(\n      --digi--typography--heading-2--text-decoration--desktop-large\n    );--MARGIN--HEADING-2:var(--digi--typography--h2--margin--large);--FONT-SIZE--HEADING-3:var(\n      --digi--typography--heading-3--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-3:var(\n      --digi--typography--heading-3--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-3:var(\n      --digi--typography--heading-3--text-decoration--desktop-large\n    );--MARGIN--HEADING-3:var(--digi--typography--h3--margin--large);--FONT-SIZE--HEADING-4:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-4:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-4:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-4:var(--digi--typography--h4--margin--large);--FONT-SIZE--HEADING-5:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-5:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-5:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-5:var(--digi--typography--h5--margin--large);--FONT-SIZE--HEADING-6:var(\n      --digi--typography--heading-4--font-size--desktop-large\n    );--LINE-HEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--line-height--desktop-large\n    );--FONT-WEIGHT--HEADING-6:var(\n      --digi--typography--heading-4--font-weight--desktop-large\n    );--TEXT-DECORATION--HEADING-6:var(\n      --digi--typography--heading-4--text-decoration--desktop-large\n    );--MARGIN--HEADING-6:var(--digi--typography--h6--margin--large)}}digi-typography .digi-typography--hide-visited a:visited{color:var(--digi--color--text--link-secondary, var(--digi--color--text--link))}digi-typography h1,digi-typography h2,digi-typography h3,digi-typography h4,digi-typography h5,digi-typography h6{margin-top:0;}digi-typography h1,digi-typography .digi-h1{font-size:var(--FONT-SIZE--HEADING-1);line-height:var(--LINE-HEIGHT--HEADING-1);font-weight:var(--FONT-WEIGHT--HEADING-1);text-decoration:var(--TEXT-DECORATION--HEADING-1);margin-bottom:var(--MARGIN--HEADING-1)}digi-typography h2,digi-typography .digi-h2{font-size:var(--FONT-SIZE--HEADING-2);line-height:var(--LINE-HEIGHT--HEADING-2);font-weight:var(--FONT-WEIGHT--HEADING-2);text-decoration:var(--TEXT-DECORATION--HEADING-2);margin-bottom:var(--MARGIN--HEADING-2)}digi-typography h3,digi-typography .digi-h3{font-size:var(--FONT-SIZE--HEADING-3);line-height:var(--LINE-HEIGHT--HEADING-3);font-weight:var(--FONT-WEIGHT--HEADING-3);text-decoration:var(--TEXT-DECORATION--HEADING-3);margin-bottom:var(--MARGIN--HEADING-3)}digi-typography h4,digi-typography .digi-h4{font-size:var(--FONT-SIZE--HEADING-4);line-height:var(--LINE-HEIGHT--HEADING-4);font-weight:var(--FONT-WEIGHT--HEADING-4);text-decoration:var(--TEXT-DECORATION--HEADING-4);margin-bottom:var(--MARGIN--HEADING-4)}digi-typography h5,digi-typography .digi-h5{font-size:var(--FONT-SIZE--HEADING-5);line-height:var(--LINE-HEIGHT--HEADING-5);font-weight:var(--FONT-WEIGHT--HEADING-5);text-decoration:var(--TEXT-DECORATION--HEADING-5);margin-bottom:var(--MARGIN--HEADING-5)}digi-typography h6,digi-typography .digi-h6{font-size:var(--FONT-SIZE--HEADING-6);line-height:var(--LINE-HEIGHT--HEADING-6);font-weight:var(--FONT-WEIGHT--HEADING-6);text-decoration:var(--TEXT-DECORATION--HEADING-6);margin-bottom:var(--MARGIN--HEADING-6)}digi-typography p,digi-typography blockquote{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);margin-top:initial;margin-bottom:var(--MARGIN--BODY);max-width:var(--digi--paragraph-width--medium)}digi-typography p:last-child,digi-typography blockquote:last-child{margin-bottom:0}digi-typography blockquote{margin-inline:0}digi-typography digi-typography-preamble{display:block;margin-bottom:var(--MARGIN--BODY)}digi-typography digi-typography-preamble:last-child{margin-bottom:0}digi-typography ul,digi-typography ol,digi-typography dl{font-size:var(--FONT-SIZE--BODY);line-height:var(--LINE-HEIGHT--BODY);font-weight:var(--FONT-WEIGHT--BODY);text-decoration:var(--TEXT-DECORATION--BODY);max-width:var(--digi--paragraph-width--medium);margin-bottom:var(--MARGIN--BODY)}digi-typography ul,digi-typography ol{margin:0 0 var(--MARGIN--BODY) 0;padding-inline-start:1.5rem}digi-typography ul li,digi-typography ol li{margin-top:initial;margin-bottom:0.5rem;box-sizing:border-box;width:100%;padding-left:0}digi-typography ul li:last-child,digi-typography ol li:last-child{margin-bottom:0}digi-typography a{font-size:1em;line-height:var(--LINE-HEIGHT--LINK);font-weight:inherit;text-decoration:var(--TEXT-DECORATION--LINK);color:var(--digi--color--text--link-secondary, var(--digi--color--text--link));text-decoration-thickness:var(--digi--typography--text-decoration-thickness--default);text-underline-offset:var(--digi--typography--text-underline-offset)}digi-typography a:hover{text-decoration:var(--TEXT-DECORATION--LINK);text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover)}digi-typography a:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}digi-typography a:visited{color:var(--digi--color--text--link-secondary-visited, var(--digi--color--text--link-visited))}digi-typography strong{font-weight:var(--digi--typography--label--font-weight--desktop)}";
+const DigiTypographyStyle0 = typographyCss;
+
+const Typography = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afVariation = TypographyVariation.SMALL;
+        this.hideVisitedColor = undefined;
+    }
+    get cssModifiers() {
+        return {
+            'digi-typography--large': this.afVariation === TypographyVariation.LARGE,
+            'digi-typography--small': this.afVariation === TypographyVariation.SMALL,
+            'digi-typography--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (h("div", { key: 'd4c7dde696cb9e4f629649c2d12e5b015c7aa713', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '4512f6b74ec58c3f04437c6ef598eb1d3625d347' })));
+    }
+};
+Typography.style = DigiTypographyStyle0;
+
+export { IconCheck as digi_icon_check, List as digi_list, Typography as digi_typography };

package/dist/esm/digi-icon-x.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 iconXCss = ".sc-digi-icon-x-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-x-h svg.sc-digi-icon-x{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 DigiIconXStyle0 = iconXCss;
+
+const IconX = 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: '06415f56b7bdcf4e4d01e3f8e22c972cd166039e', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "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 && h("title", { key: '12da73d80236640ba89463221e4f15cccddee097', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e9083ab8497e6b711aa1452456f2d5897e1e6829' }, this.afDesc), h("g", { key: 'd8a9bbd2743f1b3e01739576fec36cbe470d4c52', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '5a20c2fee197c4120038b297cd243a22b5aab5f2', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+    }
+};
+IconX.style = DigiIconXStyle0;
+
+export { IconX as digi_icon_x };

package/dist/esm/digi-link-button.entry.js

@@ -56,7 +56,7 @@ const LinkButton = class {
         };
     }
     render() {
-        return (h(Host, { key: 'd6b967617a3fa6a8d5ba68b7982ee2ae4eeef847', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'd95e231a794a57b16e888fa98a12b0b0f91cf385', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: 'db4bb1a99b20e1ae08662da723305814545d0346', class: "digi-link-button__text" }, h("slot", { key: 'd1e690a82f45e4b96fb03582185c3ed9a7836fa1' })), this.hasNotification && h("slot", { key: '606d2b8c3709f80ca01ffbe5ed34d07e64cdb914', name: "notification" }), h("digi-icon-chevron-right", { key: '0bbcaa4fd33ea271f622435ab16d7792111114c0', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: 'cb86ba19e8750179007c79255312e051a4c5edee' }, h("slot", { key: '21aa062ab6de4eac5e3d5abf9051ebcb2ea99b4d' }), this.hasNotification && h("slot", { key: 'a08beeb67df365a0830da1f87d623876b34675f9', name: "notification" })))));
+        return (h(Host, { key: 'fcb4dae6f790646d3ce9255d1a1f06a0a0495f62', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'a3c8160da677cf9b90658d50b9d0cf34b6b5ace8', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: '10aeae6b9e856a9594d53902f1ef81c1306446aa', class: "digi-link-button__text" }, h("slot", { key: '03619a6fa72d9cd75ba831ad3ec3210c4b1ad30b' })), this.hasNotification && h("slot", { key: '51d148026e61b19c12ccdc68b0a35f7780d09d71', name: "notification" }), h("digi-icon-chevron-right", { key: 'c74e46d8bbf9277ff50e83481463dfa64331b76f', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: 'c5bcd05ed24fd616e839a237fb7be4b49b2181d1' }, h("slot", { key: 'e6def7b66cccd7d08da04cdb1b88efe9d79f8eee' }), this.hasNotification && h("slot", { key: '0d653fae65ffe1a9cbbba60292c9f6e87df80e65', name: "notification" })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -29,7 +29,7 @@ import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
-import './list-type.enum-fbb331ad.js';
+import './typography-variation.enum-884bbc81.js';
 import './loader-skeleton-variation.enum-f9f867b4.js';
 import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
@@ -45,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 './typography-variation.enum-850aad78.js';
+import './tag-size.enum-1e1bcf94.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-notification-alert.entry.js

@@ -29,7 +29,7 @@ import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import { L as LayoutMediaObjectAlignment } from './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
-import './list-type.enum-fbb331ad.js';
+import { T as TypographyVariation } from './typography-variation.enum-884bbc81.js';
 import './loader-skeleton-variation.enum-f9f867b4.js';
 import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
@@ -45,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 { a as TypographyVariation } from './typography-variation.enum-850aad78.js';
+import './tag-size.enum-1e1bcf94.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-notification-error-page.entry.js

@@ -29,7 +29,7 @@ import './layout-block-variation.enum-b7a20db4.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
-import './list-type.enum-fbb331ad.js';
+import './typography-variation.enum-884bbc81.js';
 import './loader-skeleton-variation.enum-f9f867b4.js';
 import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
@@ -45,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 './typography-variation.enum-850aad78.js';
+import './tag-size.enum-1e1bcf94.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-tablist.entry.js

@@ -29,6 +29,11 @@ const NavigationTablist = class {
                 // How many whole tabs fit? Nudge by tolerance to avoid off-by-one at zoom edges
                 const tabsPerWindow = Math.floor((containerWidth + tolerance) / avgTabWidth);
                 this.tabsPerWindow = Math.max(1, Math.min(tabsPerWindow, tabsCount));
+                // Ensure windowTab stays within valid bounds after resize
+                const maxValidWindowTab = Math.max(0, tabsCount - this.tabsPerWindow);
+                if (this.windowTab > maxValidWindowTab) {
+                    this.windowTab = maxValidWindowTab;
+                }
                 // Overflow check with tolerance
                 this.listOverflows = contentWidth - containerWidth > tolerance;
                 // (Optional) if you have left/right “handles”, compute visibility too:
@@ -170,7 +175,19 @@ const NavigationTablist = class {
         this.afTabChange.emit(tab);
     }
     handleTabControl(direction) {
-        this.moveWindow(this.windowTab + direction * this.tabsPerWindow);
+        // Calculate the current window group
+        const currentGroup = Math.floor(this.windowTab / this.tabsPerWindow);
+        const totalGroups = Math.ceil(this.tabs.length / this.tabsPerWindow);
+        let newGroup;
+        if (direction === Direction.Next) {
+            newGroup = Math.min(currentGroup + 1, totalGroups - 1);
+        }
+        else {
+            newGroup = Math.max(currentGroup - 1, 0);
+        }
+        // Move to the first tab of the target group
+        const newWindowTab = newGroup * this.tabsPerWindow;
+        this.moveWindow(newWindowTab);
     }
     setActiveTabAndFocus(tabIdx) {
         this.activeTab = tabIdx;
@@ -224,14 +241,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'b254db2497b74752d34aa4672ae38ac5a1051024' }, h("div", { key: '4028d5c2ee9954fb5755285dfe88029fec02d516', class: {
+        return (h(Host, { key: 'aa87d470a00824859deb1e9305497f0001339c6a' }, h("div", { key: 'd2ea6128277f7aa604f8fab19828e5aabca636b3', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '1643904cc02630eb56f711b7decf3157cefab417', class: "control-wrapper", style: {
+            } }, h("div", { key: '70f11f894aebe7b07ba8242e77415269b4993d3b', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: 'd71bb576079e486f2bf197c1654e47ef81147455', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'e9d6cfbbb9aa6175d591db7fa67918b266506ed1' }))), h("div", { key: 'ae8db9b6af8276c07fef53b1e376ccf975dd1822', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: 'e3f12c0df8027fb68d0dc2a3959e3eb381c32cc0', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '5c38bf4c6a812b8a3037ac56f157fcca621aeeb0' }))), h("div", { key: '64a663ca0549924b09ac5c8e2baf3068ddcd31f5', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -240,10 +257,10 @@ const NavigationTablist = class {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: 'fad2b3c44632c2354abef8c4a863654cfb44954a', class: "control-wrapper", style: {
+        })), h("div", { key: '0b1a044dee5a083e591c432eb3f581e3b55d8194', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '75df669a8a5693fb90755daccbb85a09478124cc', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'b9d9fe9346d98fda9c97f999a1667645a58e3686' })))), h("div", { key: '03997499224b2d881c755eef234cee9dda4e2828', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '0d983ff976eb7a90b92030b3ef9a33c135aab90a' }))));
+            } }, h("button", { key: '1a7cae20dc4c7e642d42e387ef8943a7b50fcede', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '4a5b8f1777c8dda09b6ff6dbbcd56cf86cac1d95' })))), h("div", { key: '91aaa4dedab1a063461b6c15e030bd5a29259c9b', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'fac2b5dacfc27c2cc51166d4841f122f5b496506' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

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

@@ -0,0 +1,38 @@
+import { r as registerInstance, c as createEvent, h } from './index-8e318bb2.js';
+import { T as TagSize } from './tag-size.enum-1e1bcf94.js';
+import { _ as _t } from './text-ee5498fa.js';
+
+const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
+const DigiTagStyle0 = tagCss;
+
+const Tag = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnClick = createEvent(this, "afOnClick", 7);
+        this.afText = undefined;
+        this.afNoIcon = false;
+        this.afAriaLabel = undefined;
+        this.afSize = TagSize.SMALL;
+        this.afBreakWords = false;
+    }
+    clickHandler(e) {
+        e.stopPropagation();
+        this.afOnClick.emit(e);
+    }
+    get ariaLabel() {
+        const showIcon = !this.afNoIcon;
+        if (this.afAriaLabel) {
+            return this.afAriaLabel;
+        }
+        else if (showIcon) {
+            return _t.removeItem(this.afText);
+        }
+        return this.afText;
+    }
+    render() {
+        return (h("digi-button", { key: '25fdc1c2823e98fde25fcfa24be67d47a4fef609', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2b23fc2ea9682c42f9e0e791499eee1ee377a457', slot: "icon-secondary" })));
+    }
+};
+Tag.style = DigiTagStyle0;
+
+export { Tag as digi_tag };

package/dist/esm/digi-tools-feedback.entry.js

@@ -29,7 +29,7 @@ import './layout-container-max-width.enum-c40018ac.js';
 import './layout-columns-variation.enum-34f7754e.js';
 import './layout-media-object-alignment.enum-305b86b6.js';
 import './link-button-variation.enum-b7f1d571.js';
-import './list-type.enum-fbb331ad.js';
+import './typography-variation.enum-884bbc81.js';
 import './loader-skeleton-variation.enum-f9f867b4.js';
 import './loader-spinner-size.enum-0b246fa0.js';
 import './logo-variation.enum-5b68b79f.js';
@@ -45,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 './typography-variation.enum-850aad78.js';
+import './tag-size.enum-1e1bcf94.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/index-8e318bb2.js

@@ -52,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-button_4':
+                case 'digi-icon-check_3':
                     return import(
                       /* webpackMode: "lazy" */
-                      './digi-button_4.entry.js').then(processMod, consoleError);
+                      './digi-icon-check_3.entry.js').then(processMod, consoleError);
                 case 'digi-badge-status':
                     return import(
                       /* webpackMode: "lazy" */
@@ -800,10 +800,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-link-button.entry.js').then(processMod, consoleError);
-                case 'digi-list':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-list.entry.js').then(processMod, consoleError);
                 case 'digi-loader-skeleton':
                     return import(
                       /* webpackMode: "lazy" */
@@ -880,6 +876,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-tablist-panel.entry.js').then(processMod, consoleError);
+                case 'digi-tag':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-tag.entry.js').then(processMod, consoleError);
                 case 'digi-tools-feedback':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1048,14 +1048,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-breakpoint-observer.entry.js').then(processMod, consoleError);
-                case 'digi-icon-check':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './digi-icon-check.entry.js').then(processMod, consoleError);
                 case 'digi-form-label_5':
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-form-label_5.entry.js').then(processMod, consoleError);
+                case 'digi-icon-x':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-icon-x.entry.js').then(processMod, consoleError);
                 case 'digi-util-keydown-handler':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1072,6 +1072,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './digi-util-mutation-observer.entry.js').then(processMod, consoleError);
+                case 'digi-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './digi-button.entry.js').then(processMod, consoleError);
           }
       }
   return import(

package/dist/esm/index.js

@@ -27,7 +27,7 @@ export { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db
 export { a as LayoutColumnsElement, L as LayoutColumnsGap, b as LayoutColumnsVariation } from './layout-columns-variation.enum-34f7754e.js';
 export { L as LayoutMediaObjectAlignment } from './layout-media-object-alignment.enum-305b86b6.js';
 export { L as LinkButtonSize, a as LinkButtonVariation } from './link-button-variation.enum-b7f1d571.js';
-export { L as ListType } from './list-type.enum-fbb331ad.js';
+export { L as ListType, T as TypographyVariation } from './typography-variation.enum-884bbc81.js';
 export { L as LoaderSkeletonVariation } from './loader-skeleton-variation.enum-f9f867b4.js';
 export { L as LoaderSpinnerSize } from './loader-spinner-size.enum-0b246fa0.js';
 export { L as LogoColor, a as LogoVariation } from './logo-variation.enum-5b68b79f.js';
@@ -43,7 +43,7 @@ export { P as ProgressbarRole, a as ProgressbarVariation } from './progressbar-v
 export { c as QuoteImageInnerPosition, b as QuoteImagePosition, Q as QuoteType, a as QuoteVariation } from './quote-image-inner-position.enum-8e9b1e65.js';
 export { T as TableSize, a as TableVariation } from './table-variation.enum-dd9366b6.js';
 export { T as TagMediaIcon } from './tag-media-icon.enum-fefa191c.js';
-export { T as TagSize, a as TypographyVariation } from './typography-variation.enum-850aad78.js';
+export { T as TagSize } from './tag-size.enum-1e1bcf94.js';
 export { T as ToolsFeedbackBannerHeadingLevel, a as ToolsFeedbackBannerType } from './tools-feedback-banner-type.enum-74b4e580.js';
 export { F as FeedbackRatingHeadingLevel, a as FeedbackRatingType, b as FeedbackRatingVariation } from './tools-feedback-rating-variation.enum-29058ff2.js';
 export { T as TypographyHeadingJumboLevel, a as TypographyHeadingJumboVariation } from './typography-heading-jumbo-variation.enum-eb737f1b.js';