@designsystem-se/af 39.2.1 → 39.2.3

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

@@ -4,6 +4,7 @@ var index = require('./index-Cn1hHaSy.js');
 var text = require('./text-Cu3CaHGj.js');
 var transform = require('./transform-DteoCOaq.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
+var logger_util = require('./logger.util-DUhrcCTY.js');
 
 function sourceEvent(event) {
   let sourceEvent;
@@ -1583,14 +1584,14 @@ const ChartLine = class {
             });
         };
         // Removes resize observer for chart and inits table
-        this.activateTable = (event) => {
+        this.activateTable = () => {
             this.closeTooltip();
             this.lineChartObserver.disconnect();
             this.tableObserver.observe(this._chartDiv);
             this._status.innerHTML = '<p>Visas som tabell</p>';
             transform.select(this._host).select('.tableButton').style('display', 'none');
             transform.select(this._host).select('.chartButton').style('display', null);
-            event.target.nextSibling.lastChild.focus();
+            this.focusHostButton('.chartButton');
             const duration = 150;
             this._svg
                 .attr('opacity', 1)
@@ -1621,12 +1622,12 @@ const ChartLine = class {
             this.setTableDimensions();
         };
         // Removes observer and calls init functions for line chart
-        this.reInitChart = (event) => {
+        this.reInitChart = () => {
             this.tableObserver.disconnect();
             this._status.innerHTML = '<p>Visas som diagram</p>';
             transform.select(this._host).select('.tableButton').style('display', null);
             transform.select(this._host).select('.chartButton').style('display', 'none');
-            event.target.previousSibling.lastChild.focus();
+            this.focusHostButton('.tableButton');
             const table = transform.select(this._tableDiv);
             table
                 .style('opacity', 1)
@@ -1653,15 +1654,40 @@ const ChartLine = class {
     }
     afChartDataUpdate() {
         const data = this.afChartData;
-        if (typeof data === 'object') {
-            this._chartData = Object.assign({}, data);
+        // Angular/React can connect the element before afChartData is set.
+        if (data == null || data === '') {
+            return;
+        }
+        try {
+            if (typeof data === 'object') {
+                this._chartData = Object.assign({}, data);
+            }
+            else if (typeof data === 'string') {
+                this._chartData = JSON.parse(data);
+            }
+            else {
+                return;
+            }
+        }
+        catch (_a) {
+            logger_util.logger.warn(`Invalid JSON in "af-chart-data" attribute`, this.element);
             return;
         }
-        this._chartData = JSON.parse(data);
         // Making deep copy of this
         if (this._chartData.data)
             this._coreSeries = JSON.parse(JSON.stringify(this._chartData.data.series));
     }
+    hasChartData() {
+        return !!this._chartData && Object.keys(this._chartData).length > 0;
+    }
+    focusHostButton(selector) {
+        var _a, _b;
+        const host = this._host;
+        const button = (_b = (_a = host === null || host === void 0 ? void 0 : host.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.querySelector('button')) !== null && _b !== void 0 ? _b : host === null || host === void 0 ? void 0 : host.querySelector(selector);
+        if (button && typeof button.focus === 'function') {
+            button.focus();
+        }
+    }
     initSvg() {
         this.margin.bottom =
             Number(window
@@ -2125,9 +2151,24 @@ const ChartLine = class {
     }
     componentWillLoad() {
         this.afChartDataUpdate();
+        // Angular attaches the host first and binds `[afChartData]` on the next
+        // frame (Stencil 4.36+). @Watch skips that first assignment, so if chart
+        // data is not here yet, wait one frame. React/vanilla that already set
+        // the prop skip the delay.
+        if (!this.hasChartData()) {
+            return new Promise((resolve) => {
+                requestAnimationFrame(() => {
+                    this.afChartDataUpdate();
+                    resolve();
+                });
+            });
+        }
     }
     componentDidLoad() {
-        if (Object.keys(this._chartData).length === 0)
+        if (!this.hasChartData()) {
+            this.afChartDataUpdate();
+        }
+        if (!this.hasChartData())
             return this.initEmpty();
         // clearing selection
         this._selectedLines = [];
@@ -2143,7 +2184,7 @@ const ChartLine = class {
         this._prevHeight = transform.select(this._titleDiv).style('height');
     }
     componentDidUpdate() {
-        if (Object.keys(this._chartData).length === 0)
+        if (!this.hasChartData())
             return this.loadingState();
         // clearing selection
         this._selectedLines = [];
@@ -2300,11 +2341,13 @@ const ChartLine = class {
     }
     render() {
         let heading = '';
-        if (!this._chartData.subTitle)
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
-        else
-            heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (index.h("host", { key: 'a21c09ee91ccabf90f91d2344d301d26710f9a60', ref: (el) => (this._host = el) }, index.h("div", { key: 'c97af6a0bbc28675a19c843a3c355b35397e5804', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '76085c6924fd317d4a281e93ca4623b85f0fb867', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '241e30b3094e8eea86c7c24bb2a90f67ea04ef6f', 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() : ''}` }, index.h("digi-icon-table", { key: '5cc0d03d40d076481d14d0478390b131cdaa61f7', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: '241d3e97b9a21f556b3e46cebc63c77ce106d26c', 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() : ''}` }, index.h("digi-icon-chart", { key: 'f0a5c78bc5e04db994559f2ce1a13c0e7285c36d', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'f7ebab0f90d1a9f9a306470c93ccaaaf0461a9a7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: '75672c02d61a14741348dc183782df71f3a4db19', class: "chartTooltip", id: this.afId }, index.h("div", { key: 'b4e03381d825d68af2bdbf859458896c639b6559', class: "tooltipHead" }, index.h("digi-icon-x", { key: '1301ab00ff3818e0940e69f17aa09b296c04a86c', class: "close" }), ' '), index.h("div", { key: 'eb01d362db4495c0a3d4396ad4c71c2a952114ad', class: "tooltipBody" })), index.h("div", { key: 'accd6776d3db14c662ff84b2e826f6cf713ff38d', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: '507dfba00c88d5b371fd8304053b9b7762506d25', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: 'cb3fc091c6a557bfd62e8f7d59863e973da0ee53', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        if (this._chartData) {
+            if (!this._chartData.subTitle)
+                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
+            else
+                heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
+        }
+        return (index.h("host", { key: '93603df9b78fcce8b5735b4a874f879cf7b2326e', ref: (el) => (this._host = el) }, index.h("div", { key: '094a790864b72bbb9a802b461db06ce312c627c8', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '5f4bd51fdfef816b0e127d1177c60f8310952173', class: "chartTitle", innerHTML: heading }), index.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() : ''}` }, index.h("digi-icon-table", { key: '750f1b621eb0a1a54ec810aa63624237bd98f9ea', slot: "icon" }), "Visa tabell"), index.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() : ''}` }, index.h("digi-icon-chart", { key: '9dce5df1a96d4b818597854f7ee238fefda2c686', slot: "icon" }), "Visa diagram"), index.h("div", { key: '204f5824b2f34b3a1a1401ed4434e1fcb16a2549', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: 'b164f59f1c741db5493af57510eab2987cabefc6', class: "chartTooltip", id: this.afId }, index.h("div", { key: 'e84bf8a85a745977006d50f296d1afee2ee35698', class: "tooltipHead" }, index.h("digi-icon-x", { key: '77bcd0342c828dbcbe020a9ffefe4ae6f3086572', class: "close" }), ' '), index.h("div", { key: '330f69a58082f72b528095ef49a2371fc8b0d8e5', class: "tooltipBody" })), index.h("div", { key: '62eb27ac8f184476d50332344711ca381e8adf59', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: 'ad70790d3a2fd5851c4351e41f2436a34169a819', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: '30d4791a9b808555f03d1830aaec0221c1bc3b37', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,28 +2,23 @@
 
 var index = require('./index-Cn1hHaSy.js');
 var codeExampleVariation_enum = require('./code-example-variation.enum-Cq-BioXW.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 var prismGit = require('./prism-git-BqyC7bKv.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-var buttonVariation_enum = require('./button-variation.enum-ngMqFLdW.js');
+var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
 require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -49,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
@@ -104,7 +98,7 @@ const CodeBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: buttonVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+        return (index.h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: buttonSize_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     static get watchers() { return {
         "afCode": [{

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

@@ -2,7 +2,8 @@
 
 var index = require('./index-Cn1hHaSy.js');
 var codeExampleVariation_enum = require('./code-example-variation.enum-Cq-BioXW.js');
-var buttonVariation_enum = require('./button-variation.enum-ngMqFLdW.js');
+var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
+var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
 var text = require('./text-Cu3CaHGj.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
@@ -154,10 +155,10 @@ const CodeExample = class {
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
             }, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (index.h("div", { class: {
                 'digi-code-example__controls': true
-            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
+            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
                 'digi-code-example__copy-button': true,
                 'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
-            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,29 +1,24 @@
 'use strict';
 
 var index = require('./index-Cn1hHaSy.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-var buttonVariation_enum = require('./button-variation.enum-ngMqFLdW.js');
+var buttonSize_enum = require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+var buttonVariation_enum = require('./button-variation.enum-DkUalo9f.js');
 require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -49,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
@@ -304,7 +298,7 @@ const Dialog = class {
                 this._host = el;
             } }, this.afShowDialog && (index.h("div", { key: 'debe37c7ada92dd174a8123ca689219d212e7424', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.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" }, index.h("div", { key: 'f2f07c84aa00a9b52a8d1a74f31607707c875870', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (index.h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: buttonVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), index.h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (index.h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: buttonSize_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), index.h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,28 +1,23 @@
 'use strict';
 
 var index = require('./index-Cn1hHaSy.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-require('./button-variation.enum-ngMqFLdW.js');
+require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+require('./button-variation.enum-DkUalo9f.js');
 require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -48,7 +43,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');

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

@@ -2,28 +2,23 @@
 
 var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-require('./button-variation.enum-ngMqFLdW.js');
+require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+require('./button-variation.enum-DkUalo9f.js');
 require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -49,7 +44,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');

package/dist/cjs/digi-form-file-upload.cjs.entry.js

@@ -3,9 +3,8 @@
 var index = require('./index-Cn1hHaSy.js');
 var text = require('./text-Cu3CaHGj.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-var formFileUploadVariation_enum = require('./form-file-upload-variation.enum-xcEOoggr.js');
+var formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-DgkifAnP.js');
 var utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
-var formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-BA5nmCiw.js');
 
 const formFileUploadCss = () => `.sc-digi-form-file-upload-h{--digi--form-file-upload--color--background--small--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--small--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--medium--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--medium--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--large--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--large--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--border--small--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--small--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--medium--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--medium--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--large--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--large--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--border-width--small--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--small--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--medium--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--medium--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--large--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--large--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-style--small--default:var(--digi--global--border-style--none);--digi--form-file-upload--border-style--medium--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-style--large--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-radius--small--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--medium--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--large--default:var(--digi--border-radius--secondary);--digi--form-file-upload--padding--small:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--form-file-upload--padding--medium:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--padding--large:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--font-size--small:var(--digi--global--typography--font-size--small);--digi--form-file-upload--font-size--medium:var(--digi--global--typography--font-size--base);--digi--form-file-upload--font-size--large:var(--digi--global--typography--font-size--large);--digi--form-file-upload--heading--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop);--digi--form-file-upload--heading--font-size:var(--digi--typography--heading-4--font-size--desktop);--digi--form-file-upload--heading--font-size--large:var(--digi--typography--heading-4--font-size--desktop-large);--digi--form-file-upload--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--font-weight:var(--digi--typography--form-file-upload--font-weight--desktop);--digi--form-file-upload--button-text--color--default:var(--digi--color--text--interactive--primary);--digi--form-file-upload--button-text--color--hover:var(--digi--color--text--interactive--primary);--digi--form-file-upload--padding--small--icon:var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--padding--medium--icon:var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--width--small:132px;--digi--form-file-upload--width--medium:304px;--digi--form-file-upload--width--large:inherit;--digi--form-file-upload--border--error:var(--digi--global--border-style--solid) solid;--digi--form-file-upload--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-file-upload--border--error--width:var(--digi--border-width--secondary);--digi--form-file-upload--background--error:var(--digi--color--background--interactive--validation--error);container-type:inline-size;display:block;width:100%}.sc-digi-form-file-upload-h a.sc-digi-form-file-upload{font-weight:var(--digi--global--typography--font-weight--semibold);color:var(--digi--color--text--interactive--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--small--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--small--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--small--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--small--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--small--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--small--default);--WIDTH:var(--digi--form-file-upload--width--small);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--small);--ICON--PADDING:var(--digi--form-file-upload--padding--small--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--medium--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--medium--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--medium--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--medium--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--medium--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--medium--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--medium--default);--WIDTH:var(--digi--form-file-upload--width--medium);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--medium);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--large--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--large--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--large--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--large--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--large--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--large--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--large--default);--WIDTH:var(--digi--form-file-upload--width--large);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--large);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload{--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border--error);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--border-color--error);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--border-color--error);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border--error--width);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--background--error)}.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{margin-right:0.5rem;animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:1rem}@media (prefers-reduced-motion){.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload{display:none}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload{margin:0 0 auto 0.5rem;text-align:center;white-space:nowrap;background:none;border:none;cursor:pointer;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--form-file-upload--button-text--color--default);display:flex;align-items:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover{color:var(--digi--form-file-upload--button-text--color--hover);text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white;text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--height:1.25rem;--digi--icon--width:1.25rem;--digi--icon--color:var(--digi--color--text--interactive--primary);margin-left:5px;padding:var(--ICON--PADDING);padding-right:0;padding-left:0}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--DEFAULT);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);max-width:var(--WIDTH);margin:0;display:flex;flex-direction:column;background-color:var(--COLOR--BACKGROUND--DEFAULT);align-items:center;padding:var(--PADDING);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--button-block-small);position:relative;cursor:pointer}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--HOVER)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload{position:absolute;width:100%;height:100%;background-color:var(--COLOR--BACKGROUND--HOVER);opacity:0.1;top:0;left:0;z-index:10}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload{padding-right:0.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload{max-width:none;padding:0;margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload{border-radius:var(--BORDER-RADIUS--DEFAULT);max-width:100%;width:100%;box-sizing:border-box;background-color:var(--COLOR--BACKGROUND--FILE-LIST);padding:var(--digi--gutter--largest-2) var(--digi--padding--large);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--medium);padding-bottom:var(--digi--padding--smaller)}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload{font-family:var(--digi--form-file-upload--heading--font-family);font-size:var(--digi--typography--label--font-size--desktop);font-weight:var(--digi--form-file-upload--heading--font-weight);color:var(--digi--color--text--primary);margin:var(--digi--margin--small) 0 var(--digi--margin--medium) 0;display:block}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload{margin-top:var(--digi--margin--largest)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;padding-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload{border-bottom:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload{max-height:1.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload{padding-right:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload{margin:0;padding:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload{list-style:none;margin-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type{margin-bottom:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload{margin:var(--digi--margin--small) 0;margin-bottom:var(--digi--margin--medium);width:100%;box-sizing:border-box}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload{list-style-type:none}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2){border-top:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;align-items:center;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload{display:flex;justify-content:flex-start;align-items:center;height:auto;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload{display:flex;min-width:20%;justify-content:flex-end;align-items:center}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload{margin:auto var(--digi--margin--small) !important;font-weight:var(--digi--form-file-upload--font-weight);font-size:var(--digi--typography--body--font-size--desktop);white-space:nowrap;height:max-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload{margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload{width:1.375rem;height:1.375rem;display:flex;align-self:baseline;position:relative;top:4px;left:0px;margin-right:4px}.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check-icon.sc-digi-form-file-upload{--digi--icon--height:16px;--digi--icon--width:16px;--digi--icon--color:var(--digi--color--icon--validation--success);min-height:0;width:16px;height:16px;background-color:var(--digi--color--background--primary);border-radius:50%;align-self:flex-start}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{width:100%;margin:auto 0;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);height:max-content}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload{font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);margin:auto 0 auto var(--digi--margin--small);color:var(--digi--form-file-upload--button-text--color--default)}@media (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}@container (max-width: 620px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload{position:relative;display:flex;padding:0;margin:0;justify-content:space-between;align-items:center;overflow-wrap:break-word;gap:32px}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload{display:flex;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload{margin:0;align-self:flex-start}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-6px;left:24px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload{width:2rem;height:2rem;object-fit:cover;flex-grow:0;margin-right:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload{margin-left:var(--digi--margin--larger)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload{position:relative;top:6px;left:5px;margin-right:1.25rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-7px;left:15px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload{width:100%}@container (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span{margin-left:0;margin-right:auto}}.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload{color:var(--digi--color--icon--validation--error)}.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}@container (min-width: 500px){.sc-digi-form-file-upload-h .hidden-desktop{display:none !important}}@container (max-width: 499px){.sc-digi-form-file-upload-h .hidden-mobile{display:none !important}}`;
 
@@ -30,7 +29,7 @@ const FormFileUpload = class {
          * Sätter variant. Kan vara 'small', 'medium' eller 'large'. Oberoende på satt storlek så kommer komponenten bli 'small' på mobilskärmar.
          * @en Set input variation 'small', 'medium' or 'large'. On a mobile screen the variation will be automatically set to 'small'.
          */
-        this.afVariation = formFileUploadVariation_enum.FormFileUploadVariation.SMALL;
+        this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
         /**
          * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
          * @en Input id attribute. Defaults to random string.
@@ -65,12 +64,12 @@ const FormFileUpload = class {
          * Sätter antivirus scan status. Kan vara 'enable' eller 'disabled'.
          * @en Set antivirus scan status. Enable is default.
          */
-        this.afValidation = formFileUploadVariation_enum.FormFileUploadValidation.DISABLED;
+        this.afValidation = formValidationMessageVariation_enum.FormFileUploadValidation.DISABLED;
         /**
          * Sätt rubrikens vikt. 'h2' är förvalt.
          * @en Set heading level. Default is 'h2'
          */
-        this.afHeadingLevel = formFileUploadVariation_enum.FormFileUploadHeadingLevel.H2;
+        this.afHeadingLevel = formValidationMessageVariation_enum.FormFileUploadHeadingLevel.H2;
         /**
          * Om värdet är true får felmeddelandet attributet role="alert".
          * Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
@@ -98,7 +97,7 @@ const FormFileUpload = class {
     breakpointHandler(e) {
         if (e.detail.value) {
             if (e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) {
-                this.afVariation = formFileUploadVariation_enum.FormFileUploadVariation.SMALL;
+                this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
             }
             else {
                 this.afVariation = this.aforiginalVariation;
@@ -404,7 +403,7 @@ const FormFileUpload = class {
     }
     emitFile(file) {
         const index = this.getIndexOfFile(file['id']);
-        if (this.afValidation === formFileUploadVariation_enum.FormFileUploadValidation.ENABLED) {
+        if (this.afValidation === formValidationMessageVariation_enum.FormFileUploadValidation.ENABLED) {
             this.afOnUploadFile.emit(this.files[index]);
         }
         else {
@@ -428,7 +427,7 @@ const FormFileUpload = class {
         }
     }
     handleAllowDrop(e) {
-        if (this.afVariation === formFileUploadVariation_enum.FormFileUploadVariation.SMALL)
+        if (this.afVariation === formValidationMessageVariation_enum.FormFileUploadVariation.SMALL)
             return;
         e.stopPropagation();
         e.preventDefault();
@@ -608,7 +607,7 @@ const FormFileUpload = class {
                 'digi-form-file-upload__upload-area': true,
                 'digi-form-file-upload__upload-area--hover': this.fileHover
             }, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
-            this.afVariation != formFileUploadVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'b5ed1a44293012aa6bdcfc86937f04bf751fc642', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'ec86494fd7299db8e3c5e9ad9940a633fc9e73a8', class: "digi-form-file-upload__text-area" }, index.h("button", { key: 'adcc823a998bce77bd83f2c0ee486f55d060204b', type: "button", id: this.afId + '-button', ref: (el) => {
+            this.afVariation != formValidationMessageVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'b5ed1a44293012aa6bdcfc86937f04bf751fc642', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'ec86494fd7299db8e3c5e9ad9940a633fc9e73a8', class: "digi-form-file-upload__text-area" }, index.h("button", { key: 'adcc823a998bce77bd83f2c0ee486f55d060204b', type: "button", id: this.afId + '-button', ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
@@ -616,7 +615,7 @@ const FormFileUpload = class {
             ? this.afUploadBtnText
             : text._t.form.file_choose), index.h("input", { key: '5d2beb87d1565c478cfa280b9790fc25de90e958', ref: (el) => {
                 this._input = el;
-            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: 'c8e9e00250ab4cb9da92bd7695fb389ddd74428a' }, this.afVariation !== formFileUploadVariation_enum.FormFileUploadVariation.SMALL &&
+            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: 'c8e9e00250ab4cb9da92bd7695fb389ddd74428a' }, this.afVariation !== formValidationMessageVariation_enum.FormFileUploadVariation.SMALL &&
             text._t.form.file_dropzone))), index.h("p", { key: 'e54f8e9d99ddd6b39833c32f3080c6f7eef840a9', class: "visually-hidden", role: this.errorMessageIsAlert ? 'alert' : null, "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
             } }), (this.files.length > 0 || this.error) && (index.h("div", { key: '5f246f4669dc97e046855e46f25792da5325051c', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));

package/dist/cjs/digi-form-input-search.cjs.entry.js

@@ -2,8 +2,7 @@
 
 var index = require('./index-Cn1hHaSy.js');
 var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-var formInputSearchVariation_enum = require('./form-input-search-variation.enum-VVfvlVeM.js');
-var formInputType_enum = require('./form-input-type.enum-DvF_MTHK.js');
+var formInputType_enum = require('./form-input-type.enum-CCCcY8gv.js');
 var buttonType_enum = require('./button-type.enum-2UH0KkO-.js');
 var detectClickOutside_util = require('./detectClickOutside.util-DKR8Sdiw.js');
 var detectFocusOutside_util = require('./detectFocusOutside.util-BNHrXMJ2.js');
@@ -47,7 +46,7 @@ const FormInputSearch = class {
          * @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
          * @en Set input variation.
          */
-        this.afVariation = formInputSearchVariation_enum.FormInputSearchVariation.MEDIUM;
+        this.afVariation = formInputType_enum.FormInputSearchVariation.MEDIUM;
         /**
          * Sätter knappelementets attribut 'type'. Bör vara 'submit' eller 'button'
          * @en Set button element's type attribute.
@@ -132,9 +131,9 @@ const FormInputSearch = class {
     }
     get cssModifiers() {
         return {
-            'digi-form-input-search--small': this.afVariation === formInputSearchVariation_enum.FormInputSearchVariation.SMALL,
-            'digi-form-input-search--medium': this.afVariation === formInputSearchVariation_enum.FormInputSearchVariation.MEDIUM,
-            'digi-form-input-search--large': this.afVariation === formInputSearchVariation_enum.FormInputSearchVariation.LARGE
+            'digi-form-input-search--small': this.afVariation === formInputType_enum.FormInputSearchVariation.SMALL,
+            'digi-form-input-search--medium': this.afVariation === formInputType_enum.FormInputSearchVariation.MEDIUM,
+            'digi-form-input-search--large': this.afVariation === formInputType_enum.FormInputSearchVariation.LARGE
         };
     }
     render() {

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

@@ -1,28 +1,23 @@
 'use strict';
 
 var index = require('./index-Cn1hHaSy.js');
-var typographyVariation_enum = require('./typography-variation.enum-BDSt7CVI.js');
+var typographyVariation_enum = require('./typography-variation.enum-CVUvogxJ.js');
 require('./badge-notification-shape.enum-CEyEo2G5.js');
 require('./badge-status-variation.enum-XX8d--rj.js');
-require('./button-variation.enum-ngMqFLdW.js');
+require('./button-size.enum-DgyvMkwE.js');
 require('./button-type.enum-2UH0KkO-.js');
+require('./button-variation.enum-DkUalo9f.js');
 require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
 require('./bar-chart-variation.enum-BZFN4377.js');
 require('./code-example-variation.enum-Cq-BioXW.js');
 require('./code-variation.enum-BM-hhQuD.js');
-require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
-require('./expandable-faq-item-variation.enum-aKkYAQgd.js');
 require('./expandable-faq-variation.enum-FEybT9s4.js');
 require('./footer-card-variation.enum-BPnpkC45.js');
 require('./form-checkbox-variation.enum-BfOGU4Qt.js');
-require('./form-file-upload-variation.enum-xcEOoggr.js');
-require('./form-input-search-variation.enum-VVfvlVeM.js');
-require('./form-input-type.enum-DvF_MTHK.js');
-require('./form-input-variation.enum-kpoXNUuI.js');
+require('./form-validation-message-variation.enum-DgkifAnP.js');
+require('./form-input-type.enum-CCCcY8gv.js');
 require('./form-radiogroup-validation.enum-DBDbjF6N.js');
-require('./form-select-variation.enum-e6wjWyaS.js');
 require('./form-textarea-variation.enum-BcEyaR5W.js');
-require('./form-validation-message-variation.enum-BA5nmCiw.js');
 require('./info-card-multi-type.enum-pqhvdrsN.js');
 require('./info-card-variation.enum-B1cqmknX.js');
 require('./layout-container-max-width.enum-DqWtU7WK.js');
@@ -48,7 +43,6 @@ require('./tag-size.enum-DFom3Smn.js');
 require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
 require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
 require('./tools-theme-provider.brand.enum-BzduvCUY.js');
-require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
 require('./typography-meta-variation.enum-lvDemnSz.js');
 require('./typography-time-variation.enum-D2gIVzYH.js');
 require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');