@designsystem-se/af 35.4.1-beta.1 → 35.4.1-beta.2

package/components/{p-739fcdc7.js → p-af9bf7a3.js}

@@ -15,11 +15,11 @@ const IconXButtonOutline = /*@__PURE__*/ proxyCustomElement(class IconXButtonOut
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '262b9f548ef44563fca29f1cd7e2a13caea24176', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '360c12311404332bbb0c9d16b3d0bd1fe41d24fa', class: "digi-icon-x-button-outline", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'e26dbdba419514c9316e9a942bc7635ebb9edb59', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0a50a1e70a7a992c45f7adcaa53542c6759de675' }, this.afDesc), h("path", { key: '10f174843b1b26be06c28b41cb6f93c97aedd654', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '5bfdb1f05d7153ce5567014c868af667ee4ddb64', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f43d9b7a8821dff2517c4bbcc66984440f7de8ec' }, this.afDesc), h("path", { key: '435662a123bad4ba053fe476541c3b3a32ac2e9a', class: "digi-icon-x-button-outline__shape", d: "M24,0 C10.7419355,0 0,10.7419355 0,24 C0,37.2580645 10.7419355,48 24,48 C37.2580645,48 48,37.2580645 48,24 C48,10.7419355 37.2580645,0 24,0 Z M24,43.3548387 C13.3064516,43.3548387 4.64516129,34.6935484 4.64516129,24 C4.64516129,13.3064516 13.3064516,4.64516129 24,4.64516129 C34.6935484,4.64516129 43.3548387,13.3064516 43.3548387,24 C43.3548387,34.6935484 34.6935484,43.3548387 24,43.3548387 Z M27.8322581,24 L33.8516129,30.0193548 C34.3064516,30.4741935 34.3064516,31.2096774 33.8516129,31.6645161 L31.6645161,33.8516129 C31.2096774,34.3064516 30.4741935,34.3064516 30.0193548,33.8516129 L24,27.8322581 L17.9806452,33.8516129 C17.5258065,34.3064516 16.7903226,34.3064516 16.3354839,33.8516129 L14.1483871,31.6645161 C13.6935484,31.2096774 13.6935484,30.4741935 14.1483871,30.0193548 L20.1677419,24 L14.1483871,17.9806452 C13.6935484,17.5258065 13.6935484,16.7903226 14.1483871,16.3354839 L16.3354839,14.1483871 C16.7903226,13.6935484 17.5258065,13.6935484 17.9806452,14.1483871 L24,20.1677419 L30.0193548,14.1483871 C30.4741935,13.6935484 31.2096774,13.6935484 31.6645161,14.1483871 L33.8516129,16.3354839 C34.3064516,16.7903226 34.3064516,17.5258065 33.8516129,17.9806452 L27.8322581,24 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconXButtonOutlineStyle0; }
 }, [2, "digi-icon-x-button-outline", {

package/components/{p-e048c005.js → p-b2ff86cf.js}

@@ -15,11 +15,11 @@ const IconCheck = /*@__PURE__*/ proxyCustomElement(class IconCheck extends H {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '2c9858332d93f4eca05f060330aede4eac940417', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'a860b69f094c439c0855fdcd12905c4b96792f2e', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'b7e810fe13ce5c8969d75714e633274d9e61890b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '92dc763c681fc0ea612c57b864a7cfe1a4229b76' }, this.afDesc), h("path", { key: '646a6db5f97fd48129b04fedcc854cfea68cce3c', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '8ff3e957579bc43f4e24288847afad408168178f', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '02ca9ca6d80c0f902e74f763c0244e46bd895844' }, this.afDesc), h("path", { key: 'ba049ac9cb75f2143bc433a21a8bd18abb9b831f', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconCheckStyle0; }
 }, [2, "digi-icon-check", {

package/components/{p-f2dc2816.js → p-bd545c73.js}

@@ -15,11 +15,11 @@ const IconPaperclip = /*@__PURE__*/ proxyCustomElement(class IconPaperclip exten
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'ee026017e4903e19281c2532c0717a7ea75b2b28', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '1c814bbdf058350321ddabea95550d85adb1e128', class: "digi-icon-paperclip", width: "23", height: "26", viewBox: "0 0 23 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: '397c1a77da163e5542ab3b2e9d4b31697f824f18', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c345409cc2de9532b555dfb0d4390c635e2b6d35' }, this.afDesc), h("path", { key: '8cf5a99ae418db6d70a3107727c3fd6e31ec6c80', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '2fc12c31bda8b533914244c44f47cbe6750c8efc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fa025cdc975bd995aeb688fee96714fb43cff1ae' }, this.afDesc), h("path", { key: '9d9a93ac2b459e454a974f1cad87e4f79264db5b', class: "digi-icon-paperclip__shape", d: "M2.157 23.79c-2.876-2.947-2.876-7.715 0-10.662L13.31 1.7a5.586 5.586 0 018.026 0c2.218 2.273 2.219 5.951 0 8.224l-9.391 9.623a3.93 3.93 0 01-5.647 0 4.16 4.16 0 010-5.787l7.954-8.15a.585.585 0 01.84 0l.842.863a.62.62 0 010 .861l-7.954 8.15a1.682 1.682 0 000 2.339c.63.645 1.653.645 2.283 0L19.654 8.2a3.434 3.434 0 000-4.776 3.244 3.244 0 00-4.662 0L3.84 14.852c-1.946 1.993-1.946 5.22 0 7.214a4.895 4.895 0 007.047-.002c3.236-3.318 6.472-6.636 9.71-9.953a.585.585 0 01.84 0l.842.862a.62.62 0 010 .861 37929.73 37929.73 0 00-9.71 9.953 7.233 7.233 0 01-10.411.002z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconPaperclipStyle0; }
 }, [2, "digi-icon-paperclip", {

package/components/{p-6e6c2153.js → p-c139a46c.js}

@@ -15,11 +15,11 @@ const IconCopy = /*@__PURE__*/ proxyCustomElement(class IconCopy extends H {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'd8ba635534deb6937ad11d06a1a0a5d38a014ef9', class: "digi-icon-copy", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '1ee186ed03d4282900a475276409b0b2961152b6', class: "digi-icon-copy", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'f8887bb6d428e04a6989066456c59d86fbc000ac', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '09d542ea2b0e067f33a456f49cd46dee12b91b01' }, this.afDesc), h("path", { key: 'a85fbb843a79f457b9dee61dba1e942896140032', class: "digi-icon-copy__shape", d: "M15.714 22.75v2.031c0 .673-.527 1.219-1.178 1.219H1.179C.528 26 0 25.454 0 24.781V6.094c0-.673.528-1.219 1.179-1.219h3.535v15.031c0 1.568 1.234 2.844 2.75 2.844h8.25zm0-17.469V0h-8.25c-.65 0-1.178.546-1.178 1.219v18.687c0 .673.527 1.219 1.178 1.219h13.357c.651 0 1.179-.546 1.179-1.219V6.5h-5.107c-.648 0-1.179-.548-1.179-1.219zm5.94-1.575L18.418.356A1.16 1.16 0 0017.583 0h-.297v4.875H22v-.308a1.24 1.24 0 00-.345-.861z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: '2f10e857043102db9080c8df4c30fd2953eb657b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e17028b03101c6de1afc69be8e5332df92319230' }, this.afDesc), h("path", { key: 'efff8e0f272a7a9ac9e93765bd411a94fb9a0e72', class: "digi-icon-copy__shape", d: "M15.714 22.75v2.031c0 .673-.527 1.219-1.178 1.219H1.179C.528 26 0 25.454 0 24.781V6.094c0-.673.528-1.219 1.179-1.219h3.535v15.031c0 1.568 1.234 2.844 2.75 2.844h8.25zm0-17.469V0h-8.25c-.65 0-1.178.546-1.178 1.219v18.687c0 .673.527 1.219 1.178 1.219h13.357c.651 0 1.179-.546 1.179-1.219V6.5h-5.107c-.648 0-1.179-.548-1.179-1.219zm5.94-1.575L18.418.356A1.16 1.16 0 0017.583 0h-.297v4.875H22v-.308a1.24 1.24 0 00-.345-.861z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconCopyStyle0; }
 }, [2, "digi-icon-copy", {

package/components/{p-b0527d47.js → p-c6c4ee59.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-a53686b3.js';
-import { d as defineCustomElement$1 } from './p-e7d6ed0f.js';
+import { d as defineCustomElement$1 } from './p-32226717.js';
 
 const mediaImageCss = ".digi-media-image.sc-digi-media-image{position:relative;display:inline-flex;max-width:100%;height:0px}.digi-media-image.digi-media-image--aspect-ratio.sc-digi-media-image{width:var(--digi--media-image--width);height:unset}.digi-media-image.digi-media-image--loaded.sc-digi-media-image{height:unset}.digi-media-image.digi-media-image--fullwidth.sc-digi-media-image{width:100%}.digi-media-image.digi-media-image--unlazy.sc-digi-media-image:not(.digi-media-image--aspect-ratio){height:unset}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__observer.sc-digi-media-image{position:absolute;top:0;left:0;height:100%}.digi-media-image__padded-box.sc-digi-media-image{display:inline-block;padding-top:var(--digi--media-image--padded-box, 0);height:0}.digi-media-image__image.sc-digi-media-image{max-width:100%;height:auto;opacity:0.06;filter:saturate(0);transition:opacity 0.2s, filter 0.4s}.digi-media-image--loaded.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{opacity:1;filter:saturate(1)}.digi-media-image--unlazy.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{transition:none;opacity:1;filter:none}.digi-media-image--fullwidth.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{width:100%}.digi-media-image--aspect-ratio.sc-digi-media-image .digi-media-image__image.sc-digi-media-image{position:absolute;top:0;left:0;width:100%;height:100%}";
 const DigiMediaImageStyle0 = mediaImageCss;
@@ -83,11 +83,11 @@ const MediaImage = /*@__PURE__*/ proxyCustomElement(class MediaImage extends H {
         };
     }
     render() {
-        return (h("host", { key: '0700225082606909705a197d31e633e38ca0061e' }, h("div", { key: '446b1d9d42d5953913d03aaa88091af0cb75866c', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
+        return (h("host", { key: '9cfb435b346ea2c850e9ad1c8623d1372e194b12' }, h("div", { key: 'c81e1c86fcc1457924cdb05d03c2a2d3f3fcca97', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
                 '--digi--media-image--width': this.afWidth
                     ? `${this.afWidth}px`
                     : null
-            } }, h("digi-util-intersection-observer", { key: '1a91202f732bb74d1662ea2cbe4d1f9f8b92210b', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: '1ed01d18e9f561d7c8ff503c5e657389a1eb5331', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '13cb1cc60eb37ab68e512bbccc3a1f5dc6acb29d', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
+            } }, h("digi-util-intersection-observer", { key: '3cec484d599d030b923983294d1e49643acfb98e', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'be09f16a35bde1db6b0ef7f9bf62553761b5c1ff', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '22c705fa7866f99f741e0c852d319b57d37145a3', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
     }
     static get watchers() { return {
         "afSrc": ["srcChangeHandler"]

package/components/{p-ea3ca139.js → p-c90fed99.js}

@@ -15,11 +15,11 @@ const IconChevronLeft = /*@__PURE__*/ proxyCustomElement(class IconChevronLeft e
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '2986c55e5617c19535d90e3c5f9c8880ed16f0e4', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '36baf6c9b5d93b30489a1bf8d02b718c7cd16061', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: 'af31cce3345eb8430555f134a746353a6b3b313d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'c1946dec4f079c9cd184967a7b05883b3c9d7e8a' }, this.afDesc), h("path", { key: 'f56d184501667742bffe1068c566fb2e7018ab0a', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+                    : undefined }, this.afTitle && h("title", { key: '8fb30b76c260ed0d1497d2e7cd5b9eb74ac433fd', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f845531e67e95f702df9f87c370a715003eaf5a3' }, this.afDesc), h("path", { key: '944fc7561a0f63dd2660610f62b6940920c9d99d', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
     }
     static get style() { return DigiIconChevronLeftStyle0; }
 }, [2, "digi-icon-chevron-left", {

package/components/{p-5e2cf317.js → p-cc5bd9f9.js}

@@ -15,11 +15,11 @@ const IconX = /*@__PURE__*/ proxyCustomElement(class IconX extends H {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'dc4b27f5543f593528e96f621a3ff96ddc83eca1', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f08bf884ed64347f389aac73ffde12d94ebefa03', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '43a1d6c995f701463b8626942f9ba74bbf590391', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b9e9fec06868fa57363d2fc3af7de658013d5500' }, this.afDesc), h("g", { key: 'b54d2c345a9dbdc5059155e5f6866930412d1785', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '31040e7163a437c4d35fefe71d1dc7c0c029cc0c', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '79100790569cf89f7e66b0b1ccdbe223f7adba6e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5426aea323409d08ad3b3615dbeae8864deb4352' }, this.afDesc), h("g", { key: 'ed225b9507ffd6dcb48418b82c979f357f5ba566', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: 'b7ff387d316a1cedf57946a27936eac590d80fd5', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
     }
     static get style() { return DigiIconXStyle0; }
 }, [2, "digi-icon-x", {

package/components/{p-5489de1a.js → p-ccccd7bb.js}

@@ -38,7 +38,7 @@ const LayoutContainer = /*@__PURE__*/ proxyCustomElement(class LayoutContainer e
         };
     }
     render() {
-        return (h("div", { key: '64b3b3ea7da2545fc8d46491b2c6de903b853e40', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: 'd4f23bb4362e9edfb3575a7cbdceaaf1e04b68e8' })));
+        return (h("div", { key: '5ff028ab3d09d71a5c5de4a4e88d50b3f17f367f', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '56ee75891bfd6f55909841bc4acdf57b867dc235' })));
     }
     static get watchers() { return {
         "afVariation": ["variationChangeHandler"]

package/components/{p-204a12b0.js → p-cfb33ac7.js}

@@ -15,7 +15,7 @@ const Typography = /*@__PURE__*/ proxyCustomElement(class Typography extends H {
         };
     }
     render() {
-        return (h("div", { key: 'c88e6cbcee677d822129d9d1362550ccdb416b9d', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '77c9dcc0760ad6b743c852b900a82315dc992583' })));
+        return (h("div", { key: 'c2b9b76abeff5d4f45d8841e7d748b747e985534', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: 'd1f57634bc23c7e2b0c70c7620ada023796bea44' })));
     }
     static get style() { return DigiTypographyStyle0; }
 }, [4, "digi-typography", {

package/components/{p-4be31ab9.js → p-d0884709.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-a53686b3.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { b as FormInputType, a as FormInputMode, F as FormInputButtonVariation, d as FormInputVariation, c as FormInputValidation } from './p-c8429245.js';
-import { d as defineCustomElement$5 } from './p-0b4d2d83.js';
-import { d as defineCustomElement$4 } from './p-14ca5b70.js';
-import { d as defineCustomElement$3 } from './p-039ae2b0.js';
-import { d as defineCustomElement$2 } from './p-04d40c11.js';
-import { d as defineCustomElement$1 } from './p-6105626d.js';
+import { d as defineCustomElement$5 } from './p-d1fc55fd.js';
+import { d as defineCustomElement$4 } from './p-f630b5d3.js';
+import { d as defineCustomElement$3 } from './p-e6a40b0a.js';
+import { d as defineCustomElement$2 } from './p-013b272d.js';
+import { d as defineCustomElement$1 } from './p-5bbb5a67.js';
 
 const formInputCss = ".sc-digi-form-input-h{--digi--form-input--height--small:var(--digi--input-height--small);--digi--form-input--height--medium:var(--digi--input-height--medium);--digi--form-input--height--large:var(--digi--input-height--large);--digi--form-input--border-radius:var(--digi--border-radius--input);--digi--form-input--padding:0 var(--digi--gutter--medium);--digi--form-input--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-input--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-input--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-input--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-input--border--error:var(--digi--border-width--input-validation) solid;--digi--form-input--border--success:var(--digi--border-width--input-validation) solid;--digi--form-input--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-input--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-input--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-input--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-input--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-input-h .digi-form-input.sc-digi-form-input{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-input-h .digi-form-input--small.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--small)}.sc-digi-form-input-h .digi-form-input--medium.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--medium)}.sc-digi-form-input-h .digi-form-input--large.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--large)}.sc-digi-form-input-h .digi-form-input--neutral.sc-digi-form-input{--BORDER:var(--digi--form-input--border--neutral);--BORDER-COLOR:var(--digi--form-input--border-color--neutral);--BACKGROUND:var(--digi--form-input--background--neutral)}.sc-digi-form-input-h .digi-form-input--empty.sc-digi-form-input:not(:focus-within){--BACKGROUND:var(--digi--form-input--background--empty)}.sc-digi-form-input-h .digi-form-input--success.sc-digi-form-input{--BORDER:var(--digi--form-input--border--success);--BORDER-COLOR:var(--digi--form-input--border-color--success);--BACKGROUND:var(--digi--form-input--background--success)}.sc-digi-form-input-h .digi-form-input--warning.sc-digi-form-input{--BORDER:var(--digi--form-input--border--warning);--BORDER-COLOR:var(--digi--form-input--border-color--warning);--BACKGROUND:var(--digi--form-input--background--warning)}.sc-digi-form-input-h .digi-form-input--error.sc-digi-form-input{--BORDER:var(--digi--form-input--border--error);--BORDER-COLOR:var(--digi--form-input--border-color--error);--BACKGROUND:var(--digi--form-input--background--error)}.digi-form-input__input-wrapper.sc-digi-form-input{position:relative;display:flex}.digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{--MIN-HEIGHT:100%}.digi-form-input--button-variation-primary .digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{border-start-start-radius:0;border-end-start-radius:0}.digi-form-input--button-variation-secondary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input-wrapper.sc-digi-form-input{gap:var(--digi--gutter--medium);flex-wrap:wrap}.digi-form-input__input.sc-digi-form-input{flex:1;height:var(--HEIGHT);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-input--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-input--border-radius);box-sizing:border-box}.digi-form-input__input.sc-digi-form-input:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-input--button-variation-primary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input.sc-digi-form-input{border-end-end-radius:0;border-start-end-radius:0}";
 const DigiFormInputStyle0 = formInputCss;
@@ -161,10 +161,10 @@ const FormInput = /*@__PURE__*/ proxyCustomElement(class FormInput extends H {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (h("div", { key: '93df64da0ac84296c5c19b14a8145ca19b59962f', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: 'e4aecd5610ebd518cd775eff551ec28830a94f0c', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '45fa0afb964b34df93e751d08067ddaffafa5860', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '90e34dd7c3fda2b594b08bfff503306351fc6a10', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
+        return (h("div", { key: 'c144067dc98520574af894358a93e1ef2c2dd30d', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '0c94fd4af85ce581b6a00d7fdc0175f0e712a900', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'a68f4616a4d29db42a91fce5001c41914d53cebf', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: 'de8e95035fd38d1fe070bc5a2147ca33f6cc7209', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR ? 'true' : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
             ? {}
-            : { inputmode: this.afInputmode }))), h("slot", { key: 'b8217d9acb85cf01d7c660eea3d9c1e1454e5b3c', name: "button" })), h("div", { key: 'b10a1c89ce7afc162e07e0217d3aab5c94a62137', class: "digi-form-input__footer" }, h("div", { key: '5c864c9af27c9cc73e12ccfccc0652e35346173c', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: '29ffa2c8aaf7ca6597bf5f51d0c5f55e2e40fd11', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), h("slot", { key: 'a2145c6435f1b5f881fd10b96b5f616e51dad2b1', name: "button" })), h("div", { key: '2fb74cafcb99ba64d9c9bce3afbb8723f71f0966', class: "digi-form-input__footer" }, h("div", { key: '7023496623fdf351b5b2cea0b053f5ffdfb190b2', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: '07b6ec22bfeba9d27591de01003fd7c1bd2bda3a', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/{p-0b4d2d83.js → p-d1fc55fd.js}

@@ -54,7 +54,7 @@ const FormLabel = /*@__PURE__*/ proxyCustomElement(class FormLabel extends H {
         }
     }
     render() {
-        return (h("div", { key: '01e206691f77e812de51faf2b01497335fe6f649', class: "digi-form-label" }, h("div", { key: 'a2a451ab29e0b5e94a4d4d3ed6d05ed326bdc713', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '25840b00bd54a23867afafcc4b49f1abdadfb207', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '7ef08e051d2323d2704aebf0527e9127dd2a413b', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: 'b03334e5a943a080cf5077847aee90bceadf8fe8', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '37135ca88e673eb213d410055d3574c6f0e5e43d', class: "digi-form-label__actions" }, h("slot", { key: 'c7b62819bb01f867511d19ce776e4780b2f94a97', name: "actions" }))))));
+        return (h("div", { key: '0714a446215f218b8cc5449a318090a7e15de36e', class: "digi-form-label" }, h("div", { key: '290f19411233736a2741ccff9f95a328f0181513', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '9c990f78e47ee4bc1de6cc750cea54f8eb763033', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '22a428a427bb72921dd9b2487f2fb97844db541f', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: 'd13261b4e0525e5fd680032cd625c579d8037302', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '198faa5a754472ca76e2e84edf38f6ea1280b067', class: "digi-form-label__actions" }, h("slot", { key: '0066fc1f5cab5b72c2971e50cb8f0b1736d24ec7', name: "actions" }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/{p-beda5948.js → p-df47eea9.js}

@@ -14,7 +14,7 @@ const FormFieldset = /*@__PURE__*/ proxyCustomElement(class FormFieldset extends
         this.afId = randomIdGenerator('digi-form-fieldset');
     }
     render() {
-        return (h("fieldset", { key: '878236e7967e6c478ddfaa1a94f756a83d417332', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: 'f9e6dea6daf5f25f253789cfe30ace053f7a2d39', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '08ed4d8f0066589ee998f9137a0f5a36a19ebef1' })));
+        return (h("fieldset", { key: 'd8cfa4b3327565bd8c480783ffe63ec305347ea3', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: 'e625744d0d70e80ba53f55825c616d49a4b7b46c', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: '0ebfd14cb6e8c83a2aa9b5679909f529c9a3127a' })));
     }
     static get style() { return DigiFormFieldsetStyle0; }
 }, [6, "digi-form-fieldset", {

package/components/{p-039ae2b0.js → p-e6a40b0a.js}

@@ -15,11 +15,11 @@ const IconValidationError = /*@__PURE__*/ proxyCustomElement(class IconValidatio
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '6fbe2979d938f958ea4e854bc4f23ae1922cd83d', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'daaa2f68dbf788e719060c10491d4c92a6615d23', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '225179b7c071c8e2fe02c78d3502b85b2ccc6905', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '55019fb7f69eaf4f73508440b2360162991ed4a6' }, this.afDesc), h("path", { key: '0f42a529a86d90389e4ad202d6b560449302ceee', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'b328f5e8a2b4b0efc6bf92ea54f0a520ef6e4220', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1d01416bb7e7b7fe5176233b0541fd6ed2b2b260' }, this.afDesc), h("path", { key: '643a69ff433972ef69a5984ad61453bb03c7de28', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconValidationErrorStyle0; }
 }, [2, "digi-icon-validation-error", {

package/components/{p-14ca5b70.js → p-f630b5d3.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
 import { F as FormValidationMessageVariation } from './p-7933b555.js';
-import { d as defineCustomElement$3 } from './p-039ae2b0.js';
-import { d as defineCustomElement$2 } from './p-04d40c11.js';
-import { d as defineCustomElement$1 } from './p-6105626d.js';
+import { d as defineCustomElement$3 } from './p-e6a40b0a.js';
+import { d as defineCustomElement$2 } from './p-013b272d.js';
+import { d as defineCustomElement$1 } from './p-5bbb5a67.js';
 
 const formValidationMessageCss = ".sc-digi-form-validation-message-h{--digi--form-validation-message--icon-color--success:var(--digi--color--icon--validation--success);--digi--form-validation-message--icon-color--warning:var(--digi--color--icon--validation--warning);--digi--form-validation-message--icon-color--error:var(--digi--color--icon--validation--error)}.sc-digi-form-validation-message-h .digi-form-validation-message.sc-digi-form-validation-message{display:flex;flex-wrap:wrap;align-items:center}.sc-digi-form-validation-message-h .digi-form-validation-message--success.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--success)}.sc-digi-form-validation-message-h .digi-form-validation-message--warning.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--warning)}.sc-digi-form-validation-message-h .digi-form-validation-message--error.sc-digi-form-validation-message{--ICON-COLOR:var(--digi--form-validation-message--icon-color--error)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message{color:var(--ICON-COLOR);margin-inline-end:var(--digi--gutter--icon)}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message>*.sc-digi-form-validation-message{--digi--icon--width:1.25em;--digi--icon--height:1.25em;--digi--icon--color:var(--ICON-COLOR);display:flex}.sc-digi-form-validation-message-h .digi-form-validation-message__icon.sc-digi-form-validation-message .warning.sc-digi-form-validation-message{top:3px;position:relative}.sc-digi-form-validation-message-h .digi-form-validation-message__text.sc-digi-form-validation-message{flex:1;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);color:var(--digi--color--text--primary)}";
 const DigiFormValidationMessageStyle0 = formValidationMessageCss;
@@ -31,7 +31,7 @@ const FormValidationMessage = /*@__PURE__*/ proxyCustomElement(class FormValidat
         }
     }
     render() {
-        return (h("div", { key: '4fef3e7afa228d74ca742437e20d0d2e285a1b0c', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'd65633f5bd5b6e5f8cedfeff91802de8cfc2d99d', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '7d463032d0f3932a864c4451248d10198c02e44a', class: "digi-form-validation-message__text" }, h("slot", { key: '4ee99205225aa00d7ffa6152765186ffe9c402ab' }))));
+        return (h("div", { key: '397e813bc6d40303d92437bfa1e4552fc92b980b', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'b2e87b27cfce83f7f7c868f4233a7b912b54473f', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '62442c92ad270e486f1a28d5a51a9a734d334a85', class: "digi-form-validation-message__text" }, h("slot", { key: '42ea340b45c74cc1003544677712087268809ae4' }))));
     }
     get hostElement() { return this; }
     static get style() { return DigiFormValidationMessageStyle0; }