@designsystem-se/af 39.4.0 → 39.5.0

package/dist/esm/digi-badge-notification.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BXG8DzZe.js';
+import { r as registerInstance, h, a as Host } from './index-B8OxDoWx.js';
 import { B as BadgeNotificationShape } from './badge-notification-shape.enum-CKoZU0-H.js';
 
 const badgeNotificationCss = () => `.sc-digi-badge-notification-h{--digi--badge-notification--color--text:var(--digi--color--text--secondary);--digi--badge-notification--color--border:var(--digi--color--border--notification);--digi--badge-notification--background-color:var(--digi--color--background--notification);--digi--badge-notification--font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-badge-notification-h .digi-badge-notification.sc-digi-badge-notification{font-size:0.75rem;font-weight:var(--digi--badge-notification--font-weight);border-width:var(--digi--border-width--secondary);border-style:solid;color:var(--digi--badge-notification--color--text);background-color:var(--digi--badge-notification--background-color);border-color:var(--BORDER-COLOR)}.sc-digi-badge-notification-h .digi-badge-notification--circle.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:50%;height:1.25rem;width:1.25rem}.sc-digi-badge-notification-h .digi-badge-notification--oval.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;border-radius:0.75rem;height:1.125rem;width:1.5625rem;padding-left:0.25rem;padding-right:0.25rem}.sc-digi-badge-notification-h .digi-badge-notification--pill.sc-digi-badge-notification{--BORDER-COLOR:var(--digi--badge-notification--color--border);display:inline-block;padding-left:0.5rem;padding-right:0.5rem;border-radius:0.75rem;height:1.125rem}`;

package/dist/esm/digi-badge-status.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BXG8DzZe.js';
+import { r as registerInstance, h, a as Host } from './index-B8OxDoWx.js';
 import { a as BadgeStatusType, B as BadgeStatusSize, b as BadgeStatusVariation } from './badge-status-variation.enum-C0A-p3cU.js';
 
 const badgeStatusCss = () => `.sc-digi-badge-status-h{--digi--badge-status--color--primary:var(--digi--color--text--secondary);--digi--badge-status--color--secondary:var(--digi--color--text--primary);--digi--badge-status--background-color--approved--primary:var(--digi--color--background--sentiment--success--secondary);--digi--badge-status--background-color--approved--secondary:var(--digi--color--background--sentiment--success--tertiary);--digi--badge-status--background-color--denied--primary:var(--digi--color--background--sentiment--error--secondary);--digi--badge-status--background-color--denied--secondary:var(--digi--color--background--sentiment--error--tertiary);--digi--badge-status--background-color--missing--primary:var(--digi--color--background--sentiment--warning--secondary);--digi--badge-status--background-color--missing--secondary:var(--digi--color--background--sentiment--warning--tertiary);--digi--badge-status--color--missing:var(--digi--color--text--primary);--digi--badge-status--background-color--prompt--primary:var(--digi--color--background--sentiment--info--secondary);--digi--badge-status--background-color--prompt--secondary:var(--digi--color--background--sentiment--info--tertiary);--digi--badge-status--background-color--beta--primary:var(--digi--color--background--sentiment--beta--primary);--digi--badge-status--background-color--beta--secondary:var(--digi--color--background--sentiment--beta--secondary);--digi--badge-status--background-color--neutral--primary:var(--digi--color--background--sentiment--neutral--primary);--digi--badge-status--background-color--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary)}.sc-digi-badge-status-h .digi-badge-status.sc-digi-badge-status{display:inline-flex;align-items:center;height:1.5rem;border-radius:var(--digi--global--border-radius--base);padding-left:0.5rem;padding-right:0.5rem;font-size:var(--digi--global--typography--font-size--small);font-weight:600;border-width:var(--digi--border-width--secondary);border-style:solid;border-color:transparent;color:var(--COLOR);background-color:var(--BACKGROUND-COLOR);box-sizing:border-box}.sc-digi-badge-status-h .digi-badge-status--approved--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--approved--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--approved--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--approved--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--denied--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--denied--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--denied--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--denied--secondary);--COLOR:var(digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--missing--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--missing--primary);--COLOR:var(--digi--grayscale-900)}.sc-digi-badge-status-h .digi-badge-status--missing--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--missing--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--prompt--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--prompt--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--prompt--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--prompt--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--beta--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--beta--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--beta--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--beta--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--neutral--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--neutral--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--neutral--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--neutral--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status__text.sc-digi-badge-status{text-align:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-badge-status-h .digi-badge-status--small.sc-digi-badge-status{height:1.25rem;padding-left:0.4375rem;padding-right:0.4375rem;font-size:var(--digi--global--typography--font-size--smaller)}`;

package/dist/esm/digi-bar-chart.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, h, a as Host, c as getElement } from './index-B8OxDoWx.js';
 import { o as ordinal, i as initRange, r as range, s as select, a as axisLeft, l as linear, b as axisBottom, m as max, p as polyInOut, c as min, d as linear$1 } from './transform-lPbx4RHH.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
@@ -1021,7 +1021,7 @@ const barChart = class {
     }
     afChartDataUpdate() {
         const data = this.afChartData;
-        // Angular/React can connect the element before afChartData is set.
+        // See reason to check in comment in componentWillLoad
         if (data == null || data === '') {
             this.mappedData = this.reshapeData();
             return;
@@ -1664,8 +1664,7 @@ const barChart = class {
         this.prevHeight = select(this.titleDiv).style('height');
     }
     componentDidUpdate() {
-        if (this.tableDiv.style['display'] != 'block' &&
-            !this.hasChartData()) {
+        if (this.tableDiv.style['display'] != 'block' && !this.hasChartData()) {
             // Disconnect old barchartobserver while doing resizing
             this.barChartObserver.disconnect();
             return this.loadingState();
@@ -1745,7 +1744,7 @@ const barChart = class {
             if (this.chartData.infoText)
                 heading = `${heading}<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this.chartData.infoText}</span>`;
         }
-        return (h(Host, { key: '003845ddc03e2027721d5e75c82816faae5bde63', ref: (el) => (this.host = el) }, h("svg", { key: '054049009c8618211f9009961d238992c3d03c0e', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, h("defs", { key: '16f32628ffd79e24b66e749666eccd6ae283a5b8' }, h("pattern", { key: '8aa5e0923086f740eeb02d71690ed16086205b0a', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '237569e79095a4a7c084aa91fd637dfbe385ca8b', width: "8", height: "8", fill: "white" }), h("line", { key: '6edeac6a60cef51561c8fd803b2e277b19b740bf', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), h("pattern", { key: 'bd40402b6fd33d50fc4dca709380108fe054f74c', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: 'a5dcf48112b024982f3410bc51eb05002c8c8dcc', width: "8", height: "8", fill: "white" }), h("line", { key: 'b76b6ae15b8a0ee9c37c28bf3f66613c9df1e9b8', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), h("pattern", { key: 'ef4782b914f2599424d5f3e6715cb69c4f0e4728', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '6501ba8a46f53b6c3309486d0795d348a8ec1fff', width: "8", height: "8", fill: "white" }), h("line", { key: 'b184212878587e1e15ebf40a472333851270b287', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), h("div", { key: '02b5c9c63c327995f9603ffc84ab0455137ff43d', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, h("digi-typography", { key: 'd8944066ab1a86ed71af7de4a018ef422cea75e9', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '6bc1e5870432720980fc8dad25abc5f2cb474daf', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '5a8b44b3a201b4866b89fc4328ff0b46ac47c6e1', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'cd0d60a025d5fa0e62cb5f6a322cf3f97c0bd02e', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '8f4e4f1bdabffd7ffd1532453b534a823ef65006', slot: "icon" }), "Visa diagram"), h("div", { key: '22535e8bfb69f96152e61295019d463cb69b70c3', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), h("div", { key: '55e25140585469497ec501cd133cfc710bb88b43', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, h("div", { key: '4d8cd2eb832770f94fdff5eec2f084e4ba5c96b8', class: "chartTooltip", id: this.afId }, h("div", { key: 'b805b20b746ce940ae5c20ef34898c3409cffecd', class: "tooltipHead" }, h("digi-icon-x", { key: 'c162d2b1e6e7aafddf0ac194705b436a5b02b392', class: "tooltipClose" })), h("div", { key: 'cdc876d4c88f50c7d95c22f4d0f683c2a5564235', class: "tooltipBody" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", { class: "caret" })) : (h("digi-icon-caret-down", { class: "caret" })))), h("div", { key: '8cb986f7466fdb42f6dc840c1371b25978ae4c66', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, h("div", { key: '6761a567c03c8ade4206fb89cf9e7bd792c36e71', class: "legend" })), h("div", { key: 'ac251b6078602f9319447cfaa6444f0129e46c0f', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
+        return (h(Host, { key: 'ae562dbf9bfd5a9c4e9308100546758de7e79366', ref: (el) => (this.host = el) }, h("svg", { key: '04ce1bb3e0c0002fd742d3cc835d722481d08e51', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, h("defs", { key: '6948ff9e88e25097aa31492f6f0189027d5a71c0' }, h("pattern", { key: '38ef5c3244f9701aec1092c4bb22b43ccb2549b5', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '12a841cfe695a1639b5d8781809639f8a5a01d20', width: "8", height: "8", fill: "white" }), h("line", { key: 'fc6c2d64e58fc7e5970eb9fd7ddbd10fc6cc3052', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), h("pattern", { key: '748691b1e5aa624ed72a2a72981273bc136bcedc', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '69a97ad067616c79395af4ef42b030728236f3a6', width: "8", height: "8", fill: "white" }), h("line", { key: '0be0573c5ad97f819856cb6eb6672a18ee478d92', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), h("pattern", { key: '751a6845fca071fe8a0c6f026b46fd70b8645206', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '89c6e675c5869896e745a245864f9747c08695d4', width: "8", height: "8", fill: "white" }), h("line", { key: '4beb9d281f46d8184ce4de6d6cbd2751fb54fa97', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), h("div", { key: '850fbb8fe23c54e791eb61fd6af5a61b5fc3ac37', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, h("digi-typography", { key: 'c93f0d233f306529b847d3435b412ee8b8302353', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '0fdbd771ba102e36279fe19d5e618b96a7251eae', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '5c2901e9286eecd4ab0ca403e8a5a1ab16dc1384', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '76148a5c8713006d53b44d3f3eb6c0bc59011c58', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '65b76249ebd0cb0ef28d930e5d54adc53790b9e3', slot: "icon" }), "Visa diagram"), h("div", { key: 'e4a6bf6c23c9347b3e1c92023997c89bd4392561', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), h("div", { key: '25340435da0fb67260aeb86182002584e5a586c7', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, h("div", { key: '4fc443267fa5790dd5dfb494409256cee0e5b849', class: "chartTooltip", id: this.afId }, h("div", { key: '69ed73b389820ac7c26e8ea950f5a8cba3eb6321', class: "tooltipHead" }, h("digi-icon-x", { key: '62daa46e00c8e5a8930b4ec4f15ef6976075dec0', class: "tooltipClose" })), h("div", { key: '5281c5a0474c83c4a9c6a74c1ddb366f6edc1d0d', class: "tooltipBody" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", { class: "caret" })) : (h("digi-icon-caret-down", { class: "caret" })))), h("div", { key: '972843423edc2093619c2458e1ab26ada4525658', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, h("div", { key: 'ef3c36c663f47e65cc8789698ffbbc7e13efa2f0', class: "legend" })), h("div", { key: '7de7374282138cd174706426d9c5466135973687', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, d as createEvent, h, a as Host, c as getElement } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { B as ButtonSize } from './button-size.enum-C7xgnp99.js';
 import { B as ButtonType } from './button-type.enum-DShzaNrQ.js';
 import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
 
-const buttonCss = () => `@charset "UTF-8";.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--padding--large:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--box-shadow:none;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-large.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--large);--PADDING:var(--digi--button--padding--large);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);box-shadow:var(--digi--button--box-shadow);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}@media (any-hover: hover){.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}`;
+const buttonCss = () => `@charset "UTF-8";.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--padding--large:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--box-shadow:none;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-large.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--large);--PADDING:var(--digi--button--padding--large);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);box-shadow:var(--digi--button--box-shadow);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}@media (any-hover: hover){.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}.digi-button__icon.sc-digi-button:empty{display:none}`;
 
 const Button = class {
     constructor(hostRef) {

package/dist/esm/digi-calendar-datepicker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, d as createEvent, h, a as Host, c as getElement } from './index-B8OxDoWx.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
 import { C as CalendarDatepickerValidation } from './typography-variation.enum-D0J6vKy3.js';
@@ -18,8 +18,9 @@ import './form-checkbox-variation.enum-6-MpaVf8.js';
 import './form-file-upload-variation.enum-BfyJgcLA.js';
 import './form-input-search-variation.enum-BvWKyXb_.js';
 import './form-input-type.enum-BSJH8Lpg.js';
-import { a as FormInputValidation } from './form-select-variation.enum-f5Ytsp48.js';
+import { a as FormInputValidation } from './form-input-variation.enum-DfWZa2Wv.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
+import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
 import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-u37CGyZ9.js';

package/dist/esm/digi-calendar-week-view.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, c as getElement } from './index-B8OxDoWx.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { t as toInteger, g as getUTCISOWeek, a as getUTCWeek, k as getUTCISOWeekYear, c as getUTCWeekYear, l as locale$1, j as getTimezoneOffsetInMilliseconds, h as subMilliseconds, d as longFormatters, i as isProtectedWeekYearToken, e as throwProtectedError, f as isProtectedDayOfYearToken, m as buildFormatLongFn, n as buildLocalizeFn, o as buildMatchFn, p as buildMatchPatternFn } from './index-DnTiPaEs.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
@@ -2163,8 +2163,11 @@ const CalendarWeekView = class {
         this.weekDays = [...newDates];
     }
     afDatesUpdate() {
-        // Angular/React can connect the element before afDates is set.
-        if (this.afDates == null || this.afDates === '') {
+        // See reason to check in comment in componentWillLoad
+        if (this.afDates === null ||
+            this.afDates === undefined ||
+            this.afDates === '' ||
+            this.afDates.length <= 0) {
             return;
         }
         const hadDates = this.dates.length > 0;
@@ -2253,6 +2256,48 @@ const CalendarWeekView = class {
         }
         this.afOnReady.emit();
     }
+    renderWeekDays() {
+        if (this.weekDays) {
+            return this.weekDays.map((dateItem) => {
+                const date = format(new Date(dateItem), 'd', {
+                    locale: locale
+                });
+                const day = format(new Date(dateItem), 'EEE', {
+                    locale: locale
+                });
+                const fullDay = format(new Date(dateItem), 'EEEE ', {
+                    locale: locale
+                });
+                return (h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
+                        'digi-calendar-week-view__date-button': true,
+                        'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
+                        'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
+                    }, "af-variation": ButtonVariation.SECONDARY }, h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, h("span", { class: {
+                        'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
+                        'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
+                    } }, day), h("span", { class: "digi-calendar-week-view__date-button-date" }, date), h("span", { "aria-hidden": "true", class: {
+                        'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
+                    } })))));
+            });
+        }
+        else {
+            return null;
+        }
+    }
+    renderButtons() {
+        if (this.maxDate && this.minDate) {
+            return (h(Fragment, null, h("digi-button", { onClick: () => this.prevWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
+                    'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
+                }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { slot: "icon" }), this.prevWeekText), h("digi-button", { onClick: () => this.nextWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
+                    'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
+                }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { slot: "icon-secondary" }), this.nextWeekText)));
+        }
+        return null;
+    }
     get prevWeekText() {
         const nextWeekDate = subDays(new Date(this.currentDate), 7);
         return `${_t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
@@ -2262,9 +2307,15 @@ const CalendarWeekView = class {
         return `${_t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
     }
     get currentWeek() {
+        if (!this.currentDate) {
+            return;
+        }
         return getISOWeek(new Date(this.currentDate));
     }
     get currentMonth() {
+        if (!this.weekDays || this.weekDays.length <= 0) {
+            return;
+        }
         const firstDate = new Date(this.weekDays[0]);
         const lastDate = new Date(this.weekDays[this.weekDays.length - 1]);
         return firstDate.getMonth() == lastDate.getMonth()
@@ -2274,35 +2325,7 @@ const CalendarWeekView = class {
                 format(new Date(lastDate), 'MMMM yyyy', { locale: locale });
     }
     render() {
-        return (h("div", { key: '44d49828a7f43a1f3943aaf0af4139f402844bf0', class: "digi-calendar-week-view" }, h("nav", { key: '44ba98a7c433077c2c11c55b150a5cc2f1d38ac2', class: "digi-calendar-week-view__timepicker" }, h("div", { key: '160ce73dc293abd69193c2b1750c9fd7400b8804', class: "digi-calendar-week-view__dates" }, h("div", { key: '2d60245978d9c7615f3ff5ec7b9d8d628e16f843', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: '23a1c94d0575061951f67f46782144de52e5e662' }, h(this.afHeadingLevel, { key: 'a183705a035f4d3d57ced74920221f40bbe6019f', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: '147910745991716f3557491c6e6aa702f479e8c7', class: "digi-calendar-week-view__month" }, this.currentMonth), h("span", { key: '0d91367cd6066a2b35349edd0ff93e20b5326f04', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), h("ul", { key: 'fdff670cf241e05920e19e0ce6e601b62ae9a3f0', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
-            const date = format(new Date(dateItem), 'd', {
-                locale: locale
-            });
-            const day = format(new Date(dateItem), 'EEE', {
-                locale: locale
-            });
-            const fullDay = format(new Date(dateItem), 'EEEE ', {
-                locale: locale
-            });
-            return (h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
-                    'digi-calendar-week-view__date-button': true,
-                    'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
-                    'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
-                }, "af-variation": ButtonVariation.SECONDARY }, h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, h("span", { class: {
-                    'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
-                    'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
-                } }, day), h("span", { class: "digi-calendar-week-view__date-button-date" }, date), h("span", { "aria-hidden": "true", class: {
-                    'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
-                } })))));
-        })))), h("digi-button", { key: 'dbae5227d0316a5a67febc7de83b1c4c5cfc1044', onClick: () => this.prevWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
-                'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { key: '65d0f656a0d35911d39f9b8e9ade224be54d4371', slot: "icon" }), this.prevWeekText), h("digi-button", { key: '68d9b3d6c929d0185f412add980a542b3c86fbb2', onClick: () => this.nextWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
-                'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { key: 'a9e688f815a5053aa709cfeb9359131f73df21c0', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: '7d1073f6cd1982fda2ce7dcb60532c94bd1d0634', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: 'db7ce0ca80485df1e4ae67200f2cd90cc80938d5' }, h("slot", { key: 'f08f447ae89612dfcea56c638024220bc29e7914' })))));
+        return (h("div", { key: '4140be166786f62ce5f35e70644fec263c018a1e', class: "digi-calendar-week-view" }, h("nav", { key: '03ea0adbf772e2ec4398e0708c884c896fda4295', class: "digi-calendar-week-view__timepicker" }, h("div", { key: 'e61ef3267eaed0371c326b2821e999d40a645507', class: "digi-calendar-week-view__dates" }, h("div", { key: '43b595010a5600c0e32c8b0fb5b3d9ccf21f9b5c', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: 'bd71e8685aa20377976383e50f624699bf9baa78' }, h(this.afHeadingLevel, { key: '8f05ae750a9732174ec4c49054b04e42e5338eee', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: 'b9968a5c3cdd82c28d2b4ed8ff6c005de9f86212', class: "digi-calendar-week-view__month" }, this.currentMonth ? this.currentMonth : ''), h("span", { key: '223c1fdc8f85bbfca3c8e3714e2adffe61553505', class: "digi-calendar-week-view__week" }, ' ', this.currentWeek ? 'v.' + this.currentWeek : ''))), h("ul", { key: 'e5bde107e3294412be7c2d231ad2ed539b14fee3', class: "digi-calendar-week-view__date-list" }, this.renderWeekDays()))), this.renderButtons()), h("div", { key: '64f11c238e446e52955f5745f7bc68da13c307ea', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: '71c161967919d90eae2e652ba9e1126cecd12f13' }, h("slot", { key: '9cca0f3c9479a5b2b0b6c594200422a6923ceb41' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BXG8DzZe.js';
+import { r as registerInstance, d as createEvent, h } from './index-B8OxDoWx.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { d as detectClickOutside } from './detectClickOutside.util-ROzp1Ej2.js';
 import { d as detectFocusOutside } from './detectFocusOutside.util-aFLLVVle.js';
@@ -475,11 +475,11 @@ const IconCalendarAlt = class {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '109df29a632fd756fc18d17fce5220c20fcf4e8f', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '9502ca99ed1eca57fa51b4587435bf0c6a2db455', class: "digi-icon-calendar-alt", width: "22", height: "26", viewBox: "0 0 22 26", "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: 'b9319db017cb364a08c72811a0b824a7876a2209', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5d256d5ed232ec162c826c5e036044d5254cd68b' }, this.afDesc), h("path", { key: '7190eccc8f714f4a855d870ef1f145e7415d360f', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'd30d68962b6781947809bf1880d8f53c07ef1709', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8138f50c39375c90ff94a7c6661065b51448f020' }, this.afDesc), h("path", { key: '7d0688aac1dabd8ca058f228b081341e55119c1c', class: "digi-icon-calendar-alt__shape", d: "M21.41 8.125H.59a.601.601 0 01-.59-.61V5.689C0 4.341 1.056 3.25 2.357 3.25h2.357V.61c0-.336.265-.61.59-.61h1.964c.324 0 .59.274.59.61v2.64h6.285V.61c0-.336.265-.61.59-.61h1.963c.325 0 .59.274.59.61v2.64h2.357C20.944 3.25 22 4.342 22 5.688v1.828c0 .335-.265.609-.59.609zM.59 9.75h20.82c.325 0 .59.274.59.61v13.203C22 24.907 20.944 26 19.643 26H2.357C1.056 26 0 24.908 0 23.562V10.36c0-.335.265-.609.59-.609zm5.696 10.36a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61H3.732a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.325 0 .59-.274.59-.61v-2.03zm6.285 6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.589-.61h-1.964a.601.601 0 00-.59.61v2.03c0 .336.266.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm6.286 6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03zm0-6.5a.601.601 0 00-.59-.61h-1.963a.601.601 0 00-.59.61v2.03c0 .336.265.61.59.61h1.964c.324 0 .59-.274.59-.61v-2.03z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconCalendarAlt.style = iconCalendarAltCss();

package/dist/esm/digi-chart-line.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, h, c as getElement } from './index-B8OxDoWx.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { s as select, e as dispatch, r as range, a as axisLeft, f as formatLocale, p as polyInOut, b as axisBottom, l as linear, m as max, c as min, o as ordinal, g as interpolate, d as linear$1 } from './transform-lPbx4RHH.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
@@ -1652,7 +1652,7 @@ const ChartLine = class {
     }
     afChartDataUpdate() {
         const data = this.afChartData;
-        // Angular/React can connect the element before afChartData is set.
+        // See reason to check in comment in componentWillLoad
         if (data == null || data === '') {
             return;
         }
@@ -2345,7 +2345,7 @@ const ChartLine = class {
             else
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
         }
-        return (h("host", { key: '93603df9b78fcce8b5735b4a874f879cf7b2326e', ref: (el) => (this._host = el) }, h("div", { key: '094a790864b72bbb9a802b461db06ce312c627c8', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '5f4bd51fdfef816b0e127d1177c60f8310952173', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '8ae72950c5cf052ed71c2ba4e91b254b8d36cfd0', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '750f1b621eb0a1a54ec810aa63624237bd98f9ea', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '1cf33daaaa8adf9c5352286d6172d7c258098c29', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '9dce5df1a96d4b818597854f7ee238fefda2c686', slot: "icon" }), "Visa diagram"), h("div", { key: '204f5824b2f34b3a1a1401ed4434e1fcb16a2549', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'b164f59f1c741db5493af57510eab2987cabefc6', class: "chartTooltip", id: this.afId }, h("div", { key: 'e84bf8a85a745977006d50f296d1afee2ee35698', class: "tooltipHead" }, h("digi-icon-x", { key: '77bcd0342c828dbcbe020a9ffefe4ae6f3086572', class: "close" }), ' '), h("div", { key: '330f69a58082f72b528095ef49a2371fc8b0d8e5', class: "tooltipBody" })), h("div", { key: '62eb27ac8f184476d50332344711ca381e8adf59', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: 'ad70790d3a2fd5851c4351e41f2436a34169a819', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '30d4791a9b808555f03d1830aaec0221c1bc3b37', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: '9781fd41c404ec1a1162568fe9558089c9c29d3e', ref: (el) => (this._host = el) }, h("div", { key: '6e7ed19cef9490b10a9867697fcc69967df5c36d', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'cb30af0f533b751f4e7cc423d320e7ff69bd3134', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '9ec19a8bc1d222755e5f0a36df505e1b27ac13c2', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'd378295691a35741ff41537e2b1fbae564fe78fc', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '3886a1a04835023dcc79b4dcef0b61bd08b687a4', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'b3241d0e11425470ba035c94c11b85065a3af5f1', slot: "icon" }), "Visa diagram"), h("div", { key: 'd6d6660279d9391ee629f1afe775b9d506921922', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '83f8bb01c59127c0e5b94ca06eebb1ecfc12e6b3', class: "chartTooltip", id: this.afId }, h("div", { key: '0de7a9056bc5ee8ef6b58fbce7c09b23fb724b28', class: "tooltipHead" }, h("digi-icon-x", { key: '887555f7e9e22c7150a25d6d4906b07afe455058', class: "close" }), ' '), h("div", { key: 'e8c4a11a61a625c1405f173a61c3cb30dfd96fcb', class: "tooltipBody" })), h("div", { key: '0f9dbdb9e79641e55e0d1f9510a6532838755fe2', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '67b73988bd4222a32fd82c35876dc771efb011a5', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'fde1d4edd7d5a1787963f16c412535e985902533', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-code-block_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent, a as Host, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, h, d as createEvent, a as Host, c as getElement } from './index-B8OxDoWx.js';
 import { C as CodeBlockVariation } from './code-example-variation.enum-DGI7Jkg2.js';
 import { a as CodeBlockLanguage, e as FormFieldsetValidation, h as FormRadiobuttonVariation, f as FormRadiobuttonLayout, g as FormRadiobuttonValidation } from './typography-variation.enum-D0J6vKy3.js';
 import { P as Prism } from './prism-git-CdcGvoTs.js';
@@ -18,8 +18,9 @@ import './form-checkbox-variation.enum-6-MpaVf8.js';
 import './form-file-upload-variation.enum-BfyJgcLA.js';
 import './form-input-search-variation.enum-BvWKyXb_.js';
 import './form-input-type.enum-BSJH8Lpg.js';
-import './form-select-variation.enum-f5Ytsp48.js';
+import './form-input-variation.enum-DfWZa2Wv.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
+import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
 import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-u37CGyZ9.js';
@@ -102,7 +103,7 @@ const CodeBlock = class {
         };
     }
     render() {
-        return (h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
+        return (h("div", { key: '40d29fe0d6987d4ee0a41ebdddc171ac8c3fdb4b', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'f793cf64389888fc24d3deacb6b8ee9cb2cd0699', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '44558eb4758c008a43de4280f749eb36de8acdcc', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '969e777f58cfe0dec1b49229871393daaa8b9dd6', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'f9f5f51266d84ba1ff37f4c99428bc0ee61dbe6c', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'dec9ebdb0b3907bf07ee023968f03400a3a4ebcc', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
     }
     static get watchers() { return {
         "afCode": [{
@@ -140,7 +141,7 @@ const FormFieldset = class {
             this.afErrorMessageIsAlert !== 'false');
     }
     render() {
-        return (h("fieldset", { key: '29ecbd04ee5123d1b3acf9ee3e842564c2d50367', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '1571695ba1c78ed305ad0f3ee66e0026cdf0dcd3', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'c32976dfc7b74adb2b693b73e969d28d15848302' }), h("div", { key: '2753776b8376b6adaec15c619422c51305eca8ac', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '480e90b969af570cee1fd8c50d72214480f9bb48', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+        return (h("fieldset", { key: '281727f1edef16d84c20890ec329f003f043ac14', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '7e4cc7651007bea7d3232a0d82aed07f73ba2013', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'dc24885d2e0ad4f11c32a742ea351ffe3d4b9e4d' }), h("div", { key: '1844704608cbca58562dccfbb56d5dff879251e2', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '35c82c35f32028aa6688bfdd81cff47494330f3a', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
     }
 };
 FormFieldset.style = formFieldsetCss();
@@ -246,9 +247,9 @@ const FormRadiobutton = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h(Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+        return (h(Host, { key: 'e4a9fa49fa450be338cb5036bc060b09231c828d', tabindex: -1 }, h("div", { key: '6bbecd6e19cb53a5204dd9d294f5f02634c45051', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '77d50ae7929b92fe118cfd645fac76c8702ca8e4', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '6147c0990e90866206cd9b4dfc6ccef146fe18c8', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '2c23fb44e395c7a5871b083cd8d153454e37a360', class: "digi-form-radiobutton__circle" }), this.afLabel))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-code-example.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, h, c as getElement } from './index-B8OxDoWx.js';
 import { C as CodeBlockVariation, b as CodeExampleVariation, a as CodeExampleLanguage } from './code-example-variation.enum-DGI7Jkg2.js';
 import { B as ButtonSize } from './button-size.enum-C7xgnp99.js';
 import { B as ButtonVariation } from './button-variation.enum-y5Nm4oWF.js';
@@ -137,17 +137,17 @@ const CodeExample = class {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: '64b359db9b5ce07f09ec04965ec86ae5055e08dd', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'dccf1c981f42652cadc5761db4a25ee3e250ece3', class: {
+        return (h("div", { key: '854f8970a7d6a673eb668cff3c9f0effc4804a17', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'd29637f0288ae722b477502422e061a97fe232e6', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: '5adc1e437c61314cbb90460e126aa690b3cb40bb', class: "digi-code-example__example" }, h("slot", { key: '630621134cd53d1e0523f785023178f4f3f03251' })), !this.afHideCode && (h("div", { key: '5530e6d9df1e69c6c365c435f6165311869d8198', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '6f09b11e1c38d9e05f9191046093d38597d7296a', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: '2d813db7f159d0e2a35c0949eb58b8a56e886a22', class: {
+            } }, h("div", { key: 'f05c248364ea75050359260817fb05980efe7f36', class: "digi-code-example__example" }, h("slot", { key: '2df96d77fbc3a1125a0047fc5494223e88e0f2fa' })), !this.afHideCode && (h("div", { key: '584b5d7fd959b3e42dd7165b380603ed59df6f6d', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: 'b01015d3f9e5bdb14bcb3d7a78f83207de60a3ec', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'e14618f1ed0edc451d3eaa8be908d1c10c604265', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: 'c0bfcdb5072c09f74fecb30e49d5f21e02361e5e', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '43725cb92b607da0764178fce8055b248f9c2ef4', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: '3f0fd153637ab48268081008ef0d5b9f56efb407', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: '0e624cca736d4194e23ad7ce38ba25218888ea11', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BXG8DzZe.js';
+import { r as registerInstance, h } from './index-B8OxDoWx.js';
 import { a as CodeVariation, C as CodeLanguage } from './code-variation.enum-qc6KRZue.js';
 import { P as Prism } from './prism-git-CdcGvoTs.js';
 
@@ -39,7 +39,7 @@ const Code = class {
         };
     }
     render() {
-        return (h("span", { key: 'b3627a80439a7c3289c588f620ed04e3f2e590ae', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'd206aad911c0951fa20e976385121fd2e9f1389a', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: '3b2767e6f38c215abfb618dab742a527616e1426', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'de82eba5ed3fd37f49f6c50332aaf4f8696644cf', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get watchers() { return {
         "afCode": [{

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host } from './index-BXG8DzZe.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-B8OxDoWx.js';
 import { d as detectClickOutside } from './detectClickOutside.util-ROzp1Ej2.js';
 import { d as detectFocusOutside } from './detectFocusOutside.util-aFLLVVle.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
@@ -201,13 +201,13 @@ const ContextMenu = class {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: '77c21241e826759c6b8669633fb9a67f6a8b08ae' }, h("div", { key: '5ece29794373b3f30d9e1e680a1235f430534409', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: 'e9520424be221cf4f965f77fb2eab77e8ba57a63' }, h("div", { key: 'ec53034647e599a8febbc73948b90f4d38c0eb08', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: '464080e6c6e8728fbf0caf611a8e443407be3ff3', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: 'f6038f56848632e0bd6c55d33435565ac09025d9', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '7a390846a9d7fb99f60ef0b88a79bc6f179e7628', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'e50ee0a1e56215156704657b339442efa90244c3', class: {
+            } }, h("digi-button", { key: '285b4bad0722cc2f87a0e8c3cba6af835b445a55', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: '262a20bb2207a2f05e60eae1fb7e733f40693732', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '8a1f66edeb3eeb94002af24de11f68421382e66e', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'b20bae2f6b47671fe26e5932c577d373872bf9b0', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '9a68118ca83c390a8227b3b8075bb762f36c396d', onKeyDown: (e) => {
+            } }, h("div", { key: 'd78f71410c4ce65f0da51f9412308e2d70e5360d', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, d as createEvent, h, a as Host, c as getElement } from './index-B8OxDoWx.js';
 import { c as DialogVariation, b as DialogSize, D as DialogHeadingLevel } from './typography-variation.enum-D0J6vKy3.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import './badge-notification-shape.enum-CKoZU0-H.js';
@@ -18,8 +18,9 @@ import './form-checkbox-variation.enum-6-MpaVf8.js';
 import './form-file-upload-variation.enum-BfyJgcLA.js';
 import './form-input-search-variation.enum-BvWKyXb_.js';
 import './form-input-type.enum-BSJH8Lpg.js';
-import './form-select-variation.enum-f5Ytsp48.js';
+import './form-input-variation.enum-DfWZa2Wv.js';
 import './form-radiogroup-validation.enum-DcnvI7UR.js';
+import './form-select-variation.enum-DCS1KcvC.js';
 import './form-textarea-variation.enum-DogB9kfH.js';
 import './form-validation-message-variation.enum-B8hpiXmh.js';
 import './info-card-multi-type.enum-u37CGyZ9.js';
@@ -298,11 +299,11 @@ const Dialog = class {
         };
     }
     render() {
-        return (h(Host, { key: '081d59c8f189c983387036ce62f06b4ee2769647', ref: (el) => {
+        return (h(Host, { key: 'c62fbfafb22566398916f4c4c7e5cb4e09995c89', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: 'debe37c7ada92dd174a8123ca689219d212e7424', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'fbdcc37692c3c73745bc2d423e896137fd878392', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'f2f07c84aa00a9b52a8d1a74f31607707c875870', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: '1f94935881bd7cd447c2624c8640bf425f4b3423', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '62f290fb537b5fe265148ae35df7e6bf4f2ef6b8', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '052f14865f6f4d470fc2209f5ab374d19d6864bb', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'd6b0b1c0584ab17b6b8fbeca371e421346601994' }, this.afCloseButtonText && (h("digi-button", { key: '5561c0254fc146b93000b7a980ed3785a8388430', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '02924bb563c07318cbe7534eeb794c5ce71f76ff', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'ca8c4c797e18c84e924ef1640b116dd1ad5e0423', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '603356cd36bf5a30a0a0ff8de04e9eabadb565fe', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '85856c8f7336178ce41e6faab9497d9cbc768b4b' }), h("div", { key: '1a8244e6d893c0d073836ef7056009fc492a29b7', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '0fba80df4c29a5780623d85f6cb5435610718ccb', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '2ac848c3ea59231e6173178c749047629efe62c8', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, d as getElement } from './index-BXG8DzZe.js';
+import { r as registerInstance, d as createEvent, h, c as getElement } from './index-B8OxDoWx.js';
 import { _ as _t } from './text-DsO1BTml.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-BGaIliX6.js';
 import { E as ExpandableAccordionHeaderLevel } from './expandable-accordion-header-level.enum-DwNlf6Sh.js';
@@ -112,7 +112,7 @@ const ExpandableAccordion = class {
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, h("button", { key: '23c45158f203517166cd4c5efe8801b849ea04e0', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, h("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, h("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
+        return (h("article", { key: '4a781d42872cbec88fdc9f1c133de8bc04f00ac8', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'd7e9dcca4bf81f9e676913318820e0a4f9ac1aa3', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '8080bfb5460dcd719debead9e81b8fa5515f3326', class: "digi-expandable-accordion__heading" }, h("button", { key: 'ef4c5c23c5d6e0913861cc59a06d516b4ddc31a9', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: '31e96cb392a8bc8a00780d034cb6727448faada4', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '9f1cfe0c776d73b70fd4c17e6102d6f0adbd1352', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'aef5146d8aa74deb3e5f179d1b196573eb3e6db8', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: '60d9c993d0f575af1026c050f978cdc6521d90a1' }, h("digi-typography", { key: 'ee9d9f05759dfed38d33a865619a0edebcff10ea' }, h("slot", { key: '8e50945b97f793ae76276e5c9cb547c58c816d67' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {