@designsystem-se/af 39.2.3-beta.darkmode.1 → 39.3.0-beta.darkmode.1

package/dist/esm/digi-progress-list-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-DyS35Hwi.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { P as ProgressListItemHeadingLevel, a as ProgressListItemStatus, c as ProgressListItemVariation, b as ProgressListItemType } from './progress-list-item-variation.enum-DXqRzyRP.js';
@@ -111,7 +111,7 @@ const ProgressListItem = class {
     }
     render() {
         const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (h(Host, { key: 'aa239eafab2cc26a1425041e9bdeaf102c0abd48', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'd20eb2c04be711843b15ffd291e19db570b0515a', class: {
+        return (h(Host, { key: 'dad1c85bbde1111481f538c8794a77e77c99a28c', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'e5c92271ee0514ecf2a7cfe8f31ddc87988e6c75', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -119,18 +119,18 @@ const ProgressListItem = class {
                 'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
-            } }, h("span", { key: '6c3ff9deb396337d9469ea6b25a9ea5066950a6c', class: "digi-progress-list-item__indicator" }, h("span", { key: '748ea935b68202ef23bb459156309cf5beeb70a3', class: {
+            } }, h("span", { key: '3429bd1b7a48ede98a871105193da301ba9411ff', class: "digi-progress-list-item__indicator" }, h("span", { key: '3078765505309ab62b926fc459c5595964d1b460', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), h("span", { key: 'dc2fd6a585577eac22414d1c616dfca5dfb36b70', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '8507441cdeeed52f7421d476efcf71ba86b6a0b7', class: {
+            } }, this.renderStatusIcon()), h("span", { key: 'aed449cbee77e5d66f4f0dfd3adce45a66d4db19', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'fdaf63aba491485a777950f9d022350c29873247', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: '03f30cde1ffe67b75f508abc276d1081938a84a6', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '5ace432aca3ba5775b73eb0b0123125d818f3c7b', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '38b9a828ae3e5191020e7e1b627e1d7b6092f7cf', class: {
+            } }, h("div", { key: '1156ce5725dcb8cf8d1ae968ae69dfa019bd076b', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '544fab1a62041f0c7bbabfd688c4626bc16dea27', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '350efd1958402c564a151199182d12e9931f932e', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, h("div", { key: 'e1fcc32c794744d5ae75af5be322e08ce3aa99e2' }, h("slot", { key: '180bd0e8eec0461748670acddfc1dad2367c20e3' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '90a8a8c4f5c17be2df1657e381d71210f3078ab6' }, h("slot", { key: 'b25be0ea55c84fd9e7615f9b9a08b3702edce91d' })))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-progress-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 import { P as ProgressListHeadingLevel, c as ProgressListVariation, b as ProgressListType, a as ProgressListStatus } from './progress-list-variation.enum-DoZkBEe8.js';
 import { l as logger } from './logger.util-DdB9j8uV.js';
 
@@ -131,7 +131,7 @@ const ProgressList = class {
         return null;
     }
     render() {
-        return (h("div", { key: '406686fee46095e3dfded5708663645520cbe6b6', class: "digi-progress-list" }, h("digi-typography", { key: 'c7bccebe73101cebb67e63bc3a395956826e1121' }, this.renderHeading(), h("ol", { key: 'e220571ae4caa2a88915f97fcf85316eed0f428c', class: "digi-progress-list__content" }, h("slot", { key: 'a0332f44b8f5cf00f5ac74d321e3bb18902f70fd' })))));
+        return (h("div", { key: '0db50446c5044f0cd9cb2dec3d5d0ba38ed084c9', class: "digi-progress-list" }, h("digi-typography", { key: '62ed9eb55a6d07c176fc563b3446ca9451a6e40d' }, this.renderHeading(), h("ol", { key: '641f26a87b06196d6f08769be3a6e6bd6a530fa1', class: "digi-progress-list__content" }, h("slot", { key: 'f41cb5b7a6172ea48641c2c176b1b487e5ccc57b' })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, h, d as getElement } from './index-DyS35Hwi.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { P as ProgressbarRole, a as ProgressbarVariation } from './progressbar-variation.enum-m9xS70Ez.js';
@@ -82,7 +82,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (h("div", { key: 'a1f3b7ce5d82ac1526466208a6cee21f478a6862', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '349c031dd48ef65aafa72b6503881812223dd979', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (h("div", { key: '60c1bc134136b8c2313bada48f9bed718bc2170d', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '9f4306211a0d813aaf8e893bd3cd727abe2814a1', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -93,7 +93,7 @@ const Progressbar = class {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, h("span", { class: "digi-progressbar__step-indicator" }, h("span", { class: "digi-progressbar__step-number" }, index + 1))));
-        }))), h("div", { key: 'f604634ae2cb23e54e9a7a68fc92b183af240847', hidden: true, class: "digi-progressbar__slot" }, h("slot", { key: '9f507fdf8584c5568f2eeec39aa05d8c89ac10fd', onSlotchange: () => this.getItems() }))));
+        }))), h("div", { key: '46bf1d01e25ea4058ce33247f5efbb08d8512549', hidden: true, class: "digi-progressbar__slot" }, h("slot", { key: '0f1f7b3dbc764b2a8eda14817812e35bff562f01', onSlotchange: () => this.getItems() }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-CS9j_cSH.js';
+import { r as registerInstance, h, a as Host } from './index-DyS35Hwi.js';
 import { Q as QuoteType, a as QuoteVariation, b as QuoteImagePosition, c as QuoteImageInnerPosition } from './quote-image-inner-position.enum-CmH9mJ43.js';
 import { U as UtilBreakpointObserverBreakpoints } from './util-breakpoint-observer-breakpoints.enum-DPq588Q4.js';
 
@@ -103,7 +103,7 @@ const Quote = class {
         return (h("div", { class: "digi-quote__variation--highlight-wrapper" }, h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), h("div", { class: "digi-quote-icon-flex" }, h("span", { class: "quote-icon" }, this.renderQuotationMark()), h("div", { class: "quote-content" }, h("digi-typography", null, h("blockquote", null, h("slot", null))), h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (h(Host, { key: '96f3cf57b5daa4c85c4b21c18d843f2034ac6706' }, h("digi-util-breakpoint-observer", { key: '893ccd34762db0436d976ea76357981d49963169', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '72807ea2938e3cb39492cf8fabeb455bcdf3bce6', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '3c81f42b5f18681e96b147fa1e74472617b95166' }, h("digi-util-breakpoint-observer", { key: '1e2681cecc7a58b8a73a3f739fa2504671eaa758', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'c6a6547b16d176911db85976173f7e13f70f66da', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = quoteCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CS9j_cSH.js';
+import { r as registerInstance, h } from './index-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { a as TableVariation, T as TableSize } from './table-variation.enum-DBcU_EnL.js';
 
@@ -32,7 +32,7 @@ const Table = class {
         };
     }
     render() {
-        return (h("div", { key: '3ef9cc0a265ac8a7201a0976046465e648a90b8f', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'e61764e2061155b1ebadb05f7c9c973a97b18229', class: "digi-table__scroll-container" }, h("slot", { key: 'f01b9167153b0403cba1a612441f463500f04a50' }))));
+        return (h("div", { key: 'dc04825227634ca770bf78b85c9fc18ccb59eda0', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'd1a8a220a6fe1ca202507424ba2e7aaf0d2531af', class: "digi-table__scroll-container" }, h("slot", { key: 'e19ee5a6dd1d48d637e6dd10314dec0800aedaa3' }))));
     }
 };
 Table.style = tableCss();

package/dist/esm/digi-tablist-panel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-DyS35Hwi.js';
 
 const NavigationTabPanel = class {
     constructor(hostRef) {
@@ -6,11 +6,11 @@ const NavigationTabPanel = class {
         this.isVisible = false;
     }
     render() {
-        return (h(Host, { key: '253b1c6e0b466c8e806aeec2a6e99f86172b3324' }, h("div", { key: '9639af8c2a404a738c2c07c437f0537f81f5a72f', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: '17983ecb3ec8f622c24ae10dc17273fea603ebc7' }, h("div", { key: '5a15377192a146d73e556270506e95b6eec9dc7a', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '3383cb70665259583d172e82f9c2dd38a81cec3c' }))));
+            } }, h("slot", { key: '223acf8ae14990fe8f523cad9b050dcd7270bdae' }))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-DyS35Hwi.js';
 import { O as OverflowMode, D as Direction } from './navigation-tablist.types-Ua3MxeBh.js';
 
 const navigationTablistCss = () => `.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:var(--digi--color--background--primary);margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}`;
@@ -260,14 +260,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'b2d71ff4b3f2c2fa22feffbc298360c1b3202b1d' }, h("div", { key: 'df48ffc9fdabfca380675c7232af5fef80c445b9', class: {
+        return (h(Host, { key: '656446b59c7df98c8e9e848871f92216fb332b06' }, h("div", { key: 'dfae44d3b20b2c5e34854f3a14e59d67f24c74bd', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '797f70a00aa1e3dd8a3b54d43808b9515259723c', class: "control-wrapper", style: {
+            } }, h("div", { key: 'eb92033647f87cf89d0eaa74c70d559a4dbb16e2', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '415237740bc65dd5cfdb0e57eb44307c9d838670', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '59f2d43ba38c7d4ebdd85a575b2e89c0fec62381' }))), h("div", { key: '01602338cbd7a63f48cdcf541629e76bac46dd4c', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '66001fa76eb51d2c2fc3563cad987a41b4aa0bb1', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '6dbc04e4156cce38de34a8e61d5f1e2d084e41da' }))), h("div", { key: '2f716dec97bdb96e3a39b51a16aa14b8f3e877d8', 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}`;
@@ -276,10 +276,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: 'db28ea61c349d7aaf057e84b607c4f851b3f6712', class: "control-wrapper", style: {
+        })), h("div", { key: '9f8a75351a8004817adf312361e3da556d47ffdc', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '83513f2d64cc0578155d305f21dfb1ca4a412cc6', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '9263e864c21ea5358f301214fbadda6ed7d3c74a' })))), h("div", { key: '205efbbb3aab40f51f9f85f8d74a4026970c7144', role: "presentation" }, h("slot", { key: 'e753d718f852072745f5c2a49f6189fb62f3645b', onSlotchange: () => this.syncPanels() }))));
+            } }, h("button", { key: 'a1c4b6e0e513c0b9309728b1860424aa8ac8b6e4', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '61b50ecdf261867df7a55276d8d3458c1e445adb' })))), h("div", { key: '7847ab1a845c35c6ed71358e0d30ed8b0a97b96e', role: "presentation" }, h("slot", { key: '2c1081364766483c98f9d29dda2f62215266ccc5', onSlotchange: () => this.syncPanels() }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h } from './index-DyS35Hwi.js';
 import { T as TagSize } from './tag-size.enum-bQJ38En_.js';
 import { _ as _t } from './text-DsO1BTml.js';
 
@@ -38,7 +38,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: 'e4043fffcfcc00f251e618956f5b46b6d188001d', 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: '1e1fe0b5145cda2ba666aad3432aaf8669d4bf67', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '99f6c3e0012328b5e042ebd0ed1a08fdf6519bef', 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: '700f767220871ea1c03027104a05360d7a79488f', slot: "icon-secondary" })));
     }
 };
 Tag.style = tagCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, h, d as getElement } from './index-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { l as logger } from './logger.util-DdB9j8uV.js';
 import { T as ToolsFeedbackBannerHeadingLevel, a as ToolsFeedbackBannerType } from './tools-feedback-banner-type.enum-DrVSK7Ws.js';
@@ -108,7 +108,7 @@ const FeedbackBanner = class {
             }), h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, h("slot", { onSlotchange: () => this.validateLinks() })))));
     }
     render() {
-        return (h("div", { key: '739456a931baad879c5b7c99b9e3782d2056a161', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'b77c706fb75fcdc26d17f8fbb9e0e1fdbca397dd', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: 'b150a46c1638d1dd6e149ae9fc577a0dcd812198', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '42cda3f3638109bec4ec462cd1e56097d5fae306', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-CWFirwyE.js';
 import { l as logger } from './logger.util-DdB9j8uV.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
@@ -190,7 +190,7 @@ const ToolsFeedbackRating = class {
             {}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (h("div", { key: 'de06cd39b9226ddcc6e7ea8ea50001b6b4e4b999', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '47d42726369a187867eec27f8a57d07e4c1efb22', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '7a7a616c004053d1a811c0b2f2d85c4b29aa7ca3', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'bf84e6f4cd3e42e1aab5abedc042ee8d97ea7b76', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { a8 as FeedbackVariation, a7 as ToolsFeedbackType, a6 as ToolsFeedbackHeadingLevel } from './typography-variation.enum-CC1-vxoR.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-CWFirwyE.js';
@@ -120,7 +120,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: 'f0f5510a11313227c03079a425d187013ffa6b44', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'e04c0a4b68c1a78e611b7cc5b5a65d528ba2cb7a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '5a4e5e391faaa0788cd0c2b98b96f2c049a71937', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '2d4158a819193bc4a8405ae1a8d1a66220ae5f65', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-typography-meta.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CS9j_cSH.js';
+import { r as registerInstance, h } from './index-DyS35Hwi.js';
 import { T as TypographyMetaVariation } from './typography-meta-variation.enum-CHxBAbI8.js';
 
 const typographyMetaCss = () => `.sc-digi-typography-meta-h{--digi--typography-meta--font-weight--semibold:var(--digi--typography--preamble--font-weight--desktop);--digi--typography-meta--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--typography-meta--font-family:var(--digi--global--typography--font-family--default);--digi--typography-meta--meta--font-weight:var(--digi--typography--body--font-weight--desktop);--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography--body--font-weight--desktop)}.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta.sc-digi-typography-meta-s>*{font-weight:var(--digi--typography-meta--meta--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta,.sc-digi-typography-meta-h .digi-typography-meta__meta-secondary.sc-digi-typography-meta-s>*{font-weight:var(--digi--typography-meta--meta-secondary--font-weight)}.sc-digi-typography-meta-h .digi-typography-meta.sc-digi-typography-meta{font-size:var(--digi--typography-meta--font-size);font-family:var(--digi--typography-meta--font-family)}.sc-digi-typography-meta-h .digi-typography-meta--variation-primary.sc-digi-typography-meta .digi-typography-meta__meta.sc-digi-typography-meta{--digi--typography-meta--meta--font-weight:var(--digi--typography-meta--font-weight--semibold)}.sc-digi-typography-meta-h .digi-typography-meta--variation-secondary.sc-digi-typography-meta .digi-typography-meta__meta-secondary.sc-digi-typography-meta{--digi--typography-meta--meta-secondary--font-weight:var(--digi--typography-meta--font-weight--semibold)}`;
@@ -18,7 +18,7 @@ const TypographyMeta = class {
         };
     }
     render() {
-        return (h("div", { key: 'edc0bcd34be6584592f85fcc658e05cb1587b4a9', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'dfa7baf681bab13370e349f0f45f17dbaf265143', class: "digi-typography-meta__meta" }, h("slot", { key: '54e56da7929a117020bcc3aa2c11f93eefd907f9' })), h("div", { key: 'c54bdad8e7bb94e1832c9242868e197bd9ca770b', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'fd79c440a11889797b9f59598f88aedd9a62d806', name: "secondary" }))));
+        return (h("div", { key: '6eeecd2b9d301b7682fdb34a7a35f039e6464976', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '208dfce7e2f555c567c6f55d0250c6fbdd4d701c', class: "digi-typography-meta__meta" }, h("slot", { key: 'a3234dae10c224f97b7594aed56ef847306f88c8' })), h("div", { key: '7a8685b92ed994551aa40c79312dfcc2656cbb21', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '44791c9159e7d53fc68b3a7e648bf8da491afacd', name: "secondary" }))));
     }
 };
 TypographyMeta.style = typographyMetaCss();

package/dist/esm/digi-typography-time.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CS9j_cSH.js';
+import { r as registerInstance, h } from './index-DyS35Hwi.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { T as TypographyTimeVariation } from './typography-time-variation.enum-rhVqmQwC.js';
 
@@ -61,7 +61,7 @@ const TypographyTime = class {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: '756cf28a15c70253ccd252f5dcc0488ca0dac191', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: '713fdcf057764af4137ff3dd977fe4471842f93a', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get watchers() { return {
         "afDateTime": [{

package/dist/esm/digi-util-detect-click-outside.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { d as detectClickOutside } from './detectClickOutside.util-ROzp1Ej2.js';
 import './detectClosest.util-DwBvm-Nc.js';
@@ -28,7 +28,7 @@ const UtilDetectClickOutside = class {
         }
     }
     render() {
-        return h("slot", { key: '176ff34b19e4ac934413527700788d744afdf2b5' });
+        return h("slot", { key: 'b6a180600c1624bc5227f959409d8fd71f3687c7' });
     }
     get $el() { return getElement(this); }
 };

package/dist/esm/digi-util-detect-focus-outside.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { d as detectFocusOutside } from './detectFocusOutside.util-aFLLVVle.js';
 import './detectClosest.util-DwBvm-Nc.js';
@@ -28,7 +28,7 @@ const UtilDetectFocusOutside = class {
         }
     }
     render() {
-        return h("slot", { key: 'd16b21bc6d15cd1f5b3dc24e9eb9d4e9d6618440' });
+        return h("slot", { key: 'b10134b4a436a9bf7f3ac1e015561536515298f1' });
     }
     get $el() { return getElement(this); }
 };

package/dist/esm/digi-util-keyup-handler.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h } from './index-DyS35Hwi.js';
 import { K as KEY_CODE, k as keyboardHandler } from './keyboardHandler.util-CflatMTG.js';
 
 const UtilKeyupHandler = class {
@@ -72,7 +72,7 @@ const UtilKeyupHandler = class {
         }
     }
     render() {
-        return h("slot", { key: '0a49a6aa89f270ea87d4bf1505cb043ba26b3fe3' });
+        return h("slot", { key: '61a8b7294d209238e2a12eeefbe59d9f74351c1d' });
     }
 };
 

package/dist/esm/digi-util-mutation-observer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-DyS35Hwi.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 
 const UtilMutationObserver = class {
@@ -60,7 +60,7 @@ const UtilMutationObserver = class {
         this.afOnChange.emit(e);
     }
     render() {
-        return (h(Host, { key: '8ff80aa0659be2e5fe03717679a13600efa06e81' }, h("slot", { key: 'e3dfc3fb8b5950de7719786a3b02c42aa1f13e96' })));
+        return (h(Host, { key: '4207b0566e27e5120549df2186d9a38f26215967' }, h("slot", { key: '7b8f8cc2c4c7e9d2eaeb6935e05e6269dec1c53a' })));
     }
     get $el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-util-resize-observer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-CS9j_cSH.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './index-DyS35Hwi.js';
 
 const utilResizeObserverCss = () => `.sc-digi-util-resize-observer-h{display:block}`;
 
@@ -28,7 +28,7 @@ const UtilResizeObserver = class {
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: '137d7846b612392ef1cab2049f861c6bdde99545' });
+        return h("slot", { key: 'e21d8d34e2b229017443d339026b2ba6151e1d7f' });
     }
     get hostElement() { return getElement(this); }
 };