npm - @designsystem-se/af - Versions diffs - 35.0.2 → 35.2.0 - Mend

@designsystem-se/af 35.0.2 → 35.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1742) hide show

package/dist/cjs/digi-form-checkbox.cjs.entry.js CHANGED Viewed

@@ -48,12 +48,6 @@ const FormCheckbox = class {
     onAfCheckedChanged(checked) {
         this.checked = checked;
     }
-    onValueChanged(value) {
-        this.afValue = value;
-    }
-    onAfValueChanged(value) {
-        this.value = value;
-    }
     /**
      * Hämta en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
      * @en Returns a reference to the input element. Handy for setting focus programmatically.
@@ -62,7 +56,7 @@ const FormCheckbox = class {
         return this._input;
     }
     componentWillLoad() {
-        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
+        this.value = this.afValue;
         this.afChecked
             ? (this.checked = this.afChecked)
             : (this.afChecked = this.checked);
@@ -89,7 +83,6 @@ const FormCheckbox = class {
     }
     changeHandler(e) {
         this.checked = this.afChecked = e.target.checked;
-        this.afValue = this.value = e.target.value;
         this.afOnChange.emit(e);
     }
     focusHandler(e) {
@@ -106,7 +99,7 @@ const FormCheckbox = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: '266fa6ef76fcd877f880b84e707c0873efdd2230', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: 'e12a90f12809022be19293c5823e367574e5ec62', class: "digi-form-checkbox__input", ref: (el) => {
+        return (index.h("div", { key: '3a4c3d66ae5b6fb5edcf3db68c0454458d0e7317', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '960e66ccc1aa15956b147369a829fdcd87ffacb0', class: "digi-form-checkbox__input", ref: (el) => {
                 var _a;
                 this._input = el;
                 (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -114,13 +107,12 @@ const FormCheckbox = class {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === formCheckboxVariation_enum.FormCheckboxValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: 'b87e2622e53d0e34e7ace64757cefdd750e53a8b', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: 'da7b4aaff400e0e262a0e4a9dbd8e37ed731def9', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: 'a19ce65d5bc40a6257d7bea5770a429bd788d75b', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '49f8b41478bf43aff3a069dcced39dadd77d56a0', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '3d15477d96fe56f8a3e75e15f24f71c4fb279da9', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: '68ea2e81febd0d60c3209d8227eed4d0ee165db2', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
-        "checked": ["onCheckedChanged", "onAfCheckedChanged"],
-        "value": ["onValueChanged"],
-        "afValue": ["onAfValueChanged"]
+        "checked": ["onCheckedChanged"],
+        "afChecked": ["onAfCheckedChanged"]
     }; }
 };
 FormCheckbox.style = DigiFormCheckboxStyle0;

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

@@ -4,24 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-81fc5a97.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const typographyVariation_enum = require('./typography-variation.enum-d6a04b47.js');
+const typographyVariation_enum = require('./typography-variation.enum-d803f3a6.js');
 const logger_util = require('./logger.util-fdafc086.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-1611825e.js');
+require('./form-input-search-variation.enum-e0e025b1.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
-require('./expandable-accordion-header-level.enum-45483252.js');
-require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
 require('./form-input-type.enum-9c8ee12a.js');
 require('./form-input-variation.enum-c750520c.js');
 require('./form-select-variation.enum-528c1bf0.js');
@@ -29,15 +25,12 @@ require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
-require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-137785e3.js');
 require('./list-type.enum-aea4d012.js');
 require('./loader-skeleton-variation.enum-d52ba55e.js');
 require('./loader-spinner-size.enum-db2973f0.js');
-require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
@@ -52,7 +45,6 @@ require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./tools-theme-provider.brand.enum-bc855272.js');
-require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -127,14 +119,14 @@ const FormErrorList = class {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (index.h("div", { key: 'c37825cfdf1cac8b3351f42cd4491eb97a9271ea', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '04cd09f31b07329bfa7856479e8d6ab58bc142fa', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: 'aba216256a964636c90b10154812107dd15b9b10', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: 'dedf9164e2d7f8056af3c9f2afd1208cc1341370', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: 'ca485ffc1acdda647a4fc5b202aa0890440ec75d', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (index.h("div", { key: 'c45799357d9c3b50ca44d7a797aea773a041875d', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: 'ac72c13d6b6a0635688a7e5e91a57db431d01670', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '25a325ab334c2304a01952d7e70786e53ebbd3cc', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: 'aacca74ef683f0ce492c0b69283833f5c3a01069', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: '77f696f3aa0da40b05f89a3ebdcfeca6c0c5f44f', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
             return (index.h("li", { class: "digi-form-error-list__item" }, index.h("digi-link-internal", { class: "digi-form-error-list__link", afHref: item.href }, item.text)));
-        }))), index.h("div", { key: '5dc42c2b18a967dcf2e112d5468288fb49a55cfb', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: '11affa9e839fc1adc0c5de7a40839b5c7dd27dfa', afOptions: {
+        }))), index.h("div", { key: '83ac00f6c2291855e8d3b116251068d6a7bd6bdf', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: '8e3dcd6e63289fa9b134b4f8e4b5632c25531847', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: 'd321e993fb6ee496569a519908d478a47a4b5af0' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: '74f36b5292a73674be3d0d866a0689c0791f6b6e' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const formFileUploadVariation_enum = require('./form-file-upload-variation.enum-
 const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-855ae0be.js');
-const formFileUploadCss = ".sc-digi-form-file-upload-h {\n  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n  --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n  --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n  --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n  --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n  --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n  --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n  --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n  --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n  --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n  --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n  --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--width--small: 132px;\n  --digi--form-file-upload--width--medium: 304px;\n  --digi--form-file-upload--width--large: inherit;\n  --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n  --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n  --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n  --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold);\n  color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n  --WIDTH: var(--digi--form-file-upload--width--small);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--small);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n  --WIDTH: var(--digi--form-file-upload--width--medium);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--medium);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n  --WIDTH: var(--digi--form-file-upload--width--large);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--large);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n  margin-right: 0.5rem;\n  animation: animation__rotation 3s infinite linear;\n  transform-origin: center;\n  --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n    animation: none;\n  }\n}\n@keyframes animation__rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n  display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n  margin: 0 0 auto 0.5rem;\n  text-align: center;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  color: var(--digi--form-file-upload--button-text--color--default);\n  display: flex;\n  align-items: center;\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n  color: var(--digi--form-file-upload--button-text--color--hover);\n  text-decoration: underline;\n}\n.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 {\n  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n  text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--height: 1.25rem;\n  --digi--icon--width: 1.25rem;\n  --digi--icon--color: var(--digi--color--text--interactive--primary);\n  margin-left: 5px;\n  padding: var(--ICON--PADDING);\n  padding-right: 0;\n  padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--DEFAULT);\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  border-width: var(--BORDER-WIDTH--DEFAULT);\n  border-style: var(--BORDER-STYLE--DEFAULT);\n  max-width: var(--WIDTH);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--COLOR--BACKGROUND--DEFAULT);\n  align-items: center;\n  padding: var(--PADDING);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--button-block-small);\n  position: relative;\n  cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: var(--COLOR--BACKGROUND--HOVER);\n  opacity: 0.1;\n  top: 0;\n  left: 0;\n  z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n  padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n  max-width: none;\n  padding: 0;\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  max-width: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n  padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--medium);\n  padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n  font-family: var(--digi--form-file-upload--heading--font-family);\n  font-size: var(--digi--typography--label--font-size--desktop);\n  font-weight: var(--digi--form-file-upload--heading--font-weight);\n  color: var(--digi--color--text--primary);\n  margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n  display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n  margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.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 {\n  max-height: 1.5rem;\n}\n.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 {\n  padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n  list-style: none;\n  margin-bottom: 0.75rem;\n}\n.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 {\n  margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n  margin: var(--digi--margin--small) 0;\n  margin-bottom: var(--digi--margin--medium);\n  width: 100%;\n  box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n  list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n}\n.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 {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  min-width: 20%;\n}\n.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 {\n  display: flex;\n  min-width: 20%;\n  justify-content: flex-end;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n  margin: auto var(--digi--margin--small) !important;\n  font-weight: var(--digi--form-file-upload--font-weight);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  white-space: nowrap;\n  height: max-content;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.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 {\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n  width: 1.375rem;\n  height: 1.375rem;\n  display: flex;\n  align-self: baseline;\n  position: relative;\n  top: 4px;\n  left: 0px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n  --digi--icon--height: 16px;\n  --digi--icon--width: 16px;\n  --digi--icon--color: var(--digi--color--icon--validation--success);\n  background-color: var(--digi--color--background--primary);\n  border-radius: 50%;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n  width: 100%;\n  margin: auto 0;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  margin: auto 0 auto var(--digi--margin--small);\n  color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n  position: relative;\n  display: flex;\n  padding: 0;\n  margin: 0;\n  justify-content: space-between;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n  display: flex;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n  margin: 0;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n  position: absolute;\n  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\");\n  top: -6px;\n  left: 24px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n  width: 2rem;\n  height: 2rem;\n  object-fit: cover;\n  flex-grow: 0;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n  margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n  position: relative;\n  top: 6px;\n  left: 5px;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n  position: absolute;\n  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\");\n  top: -7px;\n  left: 15px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n  width: 100%;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n    margin-left: 0;\n    margin-right: auto;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n  color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n@container (min-width: 500px) {\n  .sc-digi-form-file-upload-h .hidden-desktop {\n    display: none !important;\n  }\n}\n@container (max-width: 499px) {\n  .sc-digi-form-file-upload-h .hidden-mobile {\n    display: none !important;\n  }\n}";
+const formFileUploadCss = ".sc-digi-form-file-upload-h {\n  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n  --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n  --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n  --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n  --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n  --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n  --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n  --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n  --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n  --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n  --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n  --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--width--small: 132px;\n  --digi--form-file-upload--width--medium: 304px;\n  --digi--form-file-upload--width--large: inherit;\n  --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n  --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n  --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n  --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold);\n  color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n  --WIDTH: var(--digi--form-file-upload--width--small);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--small);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n  --WIDTH: var(--digi--form-file-upload--width--medium);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--medium);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n  --WIDTH: var(--digi--form-file-upload--width--large);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--large);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n  margin-right: 0.5rem;\n  animation: animation__rotation 3s infinite linear;\n  transform-origin: center;\n  --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n    animation: none;\n  }\n}\n@keyframes animation__rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n  display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n  margin: 0 0 auto 0.5rem;\n  text-align: center;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  color: var(--digi--form-file-upload--button-text--color--default);\n  display: flex;\n  align-items: center;\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n  color: var(--digi--form-file-upload--button-text--color--hover);\n  text-decoration: underline;\n}\n.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 {\n  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n  text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--height: 1.25rem;\n  --digi--icon--width: 1.25rem;\n  --digi--icon--color: var(--digi--color--text--interactive--primary);\n  margin-left: 5px;\n  padding: var(--ICON--PADDING);\n  padding-right: 0;\n  padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--DEFAULT);\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  border-width: var(--BORDER-WIDTH--DEFAULT);\n  border-style: var(--BORDER-STYLE--DEFAULT);\n  max-width: var(--WIDTH);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--COLOR--BACKGROUND--DEFAULT);\n  align-items: center;\n  padding: var(--PADDING);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--button-block-small);\n  position: relative;\n  cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: var(--COLOR--BACKGROUND--HOVER);\n  opacity: 0.1;\n  top: 0;\n  left: 0;\n  z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n  padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n  max-width: none;\n  padding: 0;\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  max-width: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n  padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--medium);\n  padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n  font-family: var(--digi--form-file-upload--heading--font-family);\n  font-size: var(--digi--typography--label--font-size--desktop);\n  font-weight: var(--digi--form-file-upload--heading--font-weight);\n  color: var(--digi--color--text--primary);\n  margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n  display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n  margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.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 {\n  max-height: 1.5rem;\n}\n.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 {\n  padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n  list-style: none;\n  margin-bottom: 0.75rem;\n}\n.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 {\n  margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n  margin: var(--digi--margin--small) 0;\n  margin-bottom: var(--digi--margin--medium);\n  width: 100%;\n  box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n  list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n}\n.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 {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  min-width: 20%;\n}\n.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 {\n  display: flex;\n  min-width: 20%;\n  justify-content: flex-end;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n  margin: auto var(--digi--margin--small) !important;\n  font-weight: var(--digi--form-file-upload--font-weight);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  white-space: nowrap;\n  height: max-content;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.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 {\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n  width: 1.375rem;\n  height: 1.375rem;\n  display: flex;\n  align-self: baseline;\n  position: relative;\n  top: 4px;\n  left: 0px;\n  margin-right: 4px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n  --digi--icon--height: 16px;\n  --digi--icon--width: 16px;\n  --digi--icon--color: var(--digi--color--icon--validation--success);\n  background-color: var(--digi--color--background--primary);\n  border-radius: 50%;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n  width: 100%;\n  margin: auto 0;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  margin: auto 0 auto var(--digi--margin--small);\n  color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 620px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n  position: relative;\n  display: flex;\n  padding: 0;\n  margin: 0;\n  justify-content: space-between;\n  align-items: center;\n  overflow-wrap: break-word;\n  gap: 32px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n  display: flex;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n  margin: 0;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n  position: absolute;\n  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\");\n  top: -6px;\n  left: 24px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n  width: 2rem;\n  height: 2rem;\n  object-fit: cover;\n  flex-grow: 0;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n  margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n  position: relative;\n  top: 6px;\n  left: 5px;\n  margin-right: 1.25rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n  position: absolute;\n  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\");\n  top: -7px;\n  left: 15px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n  width: 100%;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n    margin-left: 0;\n    margin-right: auto;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n  color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n@container (min-width: 500px) {\n  .sc-digi-form-file-upload-h .hidden-desktop {\n    display: none !important;\n  }\n}\n@container (max-width: 499px) {\n  .sc-digi-form-file-upload-h .hidden-mobile {\n    display: none !important;\n  }\n}";
 const DigiFormFileUploadStyle0 = formFileUploadCss;
 const FormFileUpload = class {
@@ -549,22 +549,22 @@ const FormFileUpload = class {
             } }, this.renderFiles())));
     }
     render() {
-        return (index.h(index.Fragment, { key: 'c69e5c8eb43f8d12ebd7b18fc4b72d53f194fdc4' }, index.h("digi-util-breakpoint-observer", { key: '55a2602c5ae86068eb6ef11c38c26199620626cb', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'dd0c122215e18a7e055af9cdbf3b1251f93748ca', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '075be0dfb3fb5f5207ba211518ff035ee155719c', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: '137e55668de03b4c700e6cd668164aa7ab480232', class: {
+        return (index.h(index.Fragment, { key: '920825d10b8100ea277f4dbc79a16dc88c714717' }, index.h("digi-util-breakpoint-observer", { key: 'e5b1cd0c5141dd7bb39c42a2fa23496061974f21', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: '373bfd75114e5c84b17d25b1083d21f38ff68a21', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.h("digi-form-label", { key: 'f1ecec09a71cfdee9d99885494a80ee6bffcb963', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: '330fad34547f1ffd9977bff5a7efcf9b0820b25c', 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: '399686fe6632683bd001d76a49c2b80acc50efec', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'b7a8c341f7a1aba732b838647eaf3cd77f63d305', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '856a304b06c0985506e09d58db7679d997957936', type: "button", ref: (el) => {
+            this.afVariation != formFileUploadVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: '387c23d5443c713a843b71a7282643c51909a61f', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '380ad4206d9dd1c94141de7f2c7dceea6343dcb6', class: "digi-form-file-upload__text-area" }, index.h("button", { key: 'd419f031bae6048814efab8b03c79ae145d2d885', type: "button", ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
-            } }, index.h("digi-icon-paperclip", { key: '79e576575a87f3740b9bc8ed136450f58d256adb', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, index.h("digi-icon-paperclip", { key: '071ba86c8db40e830bef7970b02a3f90e39c2ba8', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
             ? this.afUploadBtnText
-            : text._t.form.file_choose), index.h("input", { key: '6b1328107138c170dc25f3ee1af811520e2ab2ca', ref: (el) => {
+            : text._t.form.file_choose), index.h("input", { key: '27b43406be72ea5f9d2f6e66f370281891cb4ff0', 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: 'ae398d7a43bbec39ec7c9171bbcdd5dc93d23f32' }, this.afVariation !== formFileUploadVariation_enum.FormFileUploadVariation.SMALL &&
-            text._t.form.file_dropzone))), index.h("p", { key: 'a90e1d67f2b97736a67b4efff8a16c1d5c229e16', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (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: 'b5dd05435ffc8e1a19696d8179e7506a8796be1f' }, this.afVariation !== formFileUploadVariation_enum.FormFileUploadVariation.SMALL &&
+            text._t.form.file_dropzone))), index.h("p", { key: '92064a7d2719648ad9c7cc9a5c8708461dd54e9d', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: 'f8e442023f38b9e5c4cc8320ccd96896bbcfd606', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: '129bfa4e491e809b8f4c07bbde126dd6f4661904', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-filter.cjs.entry.js CHANGED Viewed

@@ -217,24 +217,24 @@ const FormFilter = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '06055afc9bf852603e743cce20d2756d744fbdb4' }, index.h("div", { key: '3407d91796228d6b3d5e44bee54019816e1ce5c0', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (index.h(index.Host, { key: '646d9b749fe3c2570287a3dbd5e64c77d87eecd8' }, index.h("div", { key: '9a673a0a8adbeb379c406959e384601b48b21f7f', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
                 'digi-form-filter': true,
                 'digi-form-filter--open': this.isActive
-            } }, index.h("digi-button", { key: '4cc0e542e9478cdc000e705a44fb451942b764f4', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, index.h("i", { key: '259d330a1db17e422e8d19a048f3ebe9ab4d0d07', class: {
+            } }, index.h("digi-button", { key: '6085eeff90de431282ed24927f511ec0b8a6c6f4', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, index.h("i", { key: 'eaf984f868ae861076315cfa146ba72d718cab00', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), index.h("span", { key: '8ef7488ef698070ea06100c487dcb1d4b1f8d18b', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), index.h("digi-icon-chevron-down", { key: 'f79c3de8b3f7185c1454cf48123412fff7692eb6', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: 'de006979d38ac488c7f95bd8cb7b21d9199669df', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), index.h("span", { key: 'acec48c3455aec603fe519ee065a221dceeab68c', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), index.h("digi-icon-chevron-down", { key: 'a38d54d4904e705d4478cdef2be278deff90412e', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '2730936fa2ec6a547695f0244724bfbf27b657e4', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
                 'digi-form-filter__dropdown': true,
                 'digi-form-filter__dropdown--right': this.afAlignRight,
                 'digi-form-filter__dropdown--hidden': !this.isActive
-            } }, index.h("div", { key: '32c3d72df4666aa47d6f6a3db8b53b9c39dcfcfe', class: "digi-form-filter__scroll" }, index.h("fieldset", { key: '5e13cb4e5841e3fac23f421e74b178dede4a2ea9' }, this.afName ? (index.h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (index.h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), index.h("ul", { key: 'd418cc75754df2e9a03b3360cd7627a1e81f1116', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, index.h("div", { key: '7c09f7b7910b32c6c8d2e7695ea1715db6cdfa1a', class: "digi-form-filter__scroll" }, index.h("fieldset", { key: '58ab965e30a6f1eb2f3c3aff80108722c5eeb430' }, this.afName ? (index.h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (index.h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), index.h("ul", { key: 'a201b73af93dc5ccd71140b7b936417092019197', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
             const isChecked = this.checkedItems.includes(item.id);
             const isTabbable = this.tabItems.includes(item.id);
             return (index.h("li", { class: "digi-form-filter__item", key: item.id }, index.h("digi-form-checkbox", { afInputRef: (ref) => (this.refs.filter = Object.assign(Object.assign({}, this.refs.filter), { [item.id]: ref })), afTabIndex: isTabbable ? 0 : -1, afLabel: item.label, afValue: item.id, afChecked: isChecked, onClick: (e) => {
                     e.preventDefault();
                     this.handleCheckItem(item);
                 } })));
-        })))), index.h("div", { key: 'db545803b4c8099bff8f76f2e3a7d7fb373c0ab8', class: "digi-form-filter__footer" }, index.h("digi-button", { key: '6c048f27411ccf4a973dbaebb8b682984dde6b42', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (index.h("digi-button", { key: '801d3b2fef01b7984ccfa39c3121499cdaae0ff0', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), index.h("div", { key: 'bd87343e8d79a176878bc76af61f1a8fb56f8979', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, index.h("slot", { key: '9c854f22aef8185b9ecb909d82f14d1ecd637cb7' }))));
+        })))), index.h("div", { key: 'ef8cfb3de86adc3efdc319e494a27916bdfb4302', class: "digi-form-filter__footer" }, index.h("digi-button", { key: '0adac0061143ad1057f5927b853b619e40656de0', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (index.h("digi-button", { key: 'e9afa7196ac9bdf58da4545fc8c8f5559af9c690', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), index.h("div", { key: '4f19a18f80d1088a618b96e8419801e62d38f98c', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, index.h("slot", { key: 'b5332c6c15fc4033f4672500807bbce900eaef55' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-81fc5a97.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const formInputSearchVariation_enum = require('./form-input-search-variation.enum-c50239bc.js');
+const formInputSearchVariation_enum = require('./form-input-search-variation.enum-e0e025b1.js');
 const formInputType_enum = require('./form-input-type.enum-9c8ee12a.js');
-const buttonType_enum = require('./button-type.enum-406723db.js');
 const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
 const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
 require('./detectClosest.util-85b3507b.js');
@@ -45,7 +44,7 @@ const FormInputSearch = class {
         this.afAriaDescribedby = undefined;
         this.afVariation = formInputSearchVariation_enum.FormInputSearchVariation.MEDIUM;
         this.afHideButton = undefined;
-        this.afButtonType = buttonType_enum.ButtonType.SUBMIT;
+        this.afButtonType = formInputSearchVariation_enum.ButtonType.SUBMIT;
         this.afButtonText = undefined;
         this.afButtonAriaLabel = undefined;
         this.afButtonAriaLabelledby = undefined;
@@ -128,10 +127,10 @@ const FormInputSearch = class {
         };
     }
     render() {
-        return (index.h("div", { key: '2f5f36653b7563f25639090be3b235bc6ef25a33', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: '9b34f69981f378ad57c15e662df6a42b60b5a67a', class: {
+        return (index.h("div", { key: 'e4c602d4ad9ae6a543dd5168abc02d29bedfc8a8', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: '0d2de6133e17ada9cc621ac3cb7f6e75f4842b73', class: {
                 'digi-form-input-search__input': true,
                 'digi-form-input-search__input--no-button': this.afHideButton
-            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (index.h("digi-button", { key: 'cb30c0e93140a5c1b045c79568d4d316fbd11677', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, index.h("digi-icon-search", { key: '0f9f91c1e7f09ddd436618dd1afb04f8f90a6f27', slot: "icon" }), this.afButtonText)))));
+            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (index.h("digi-button", { key: '5a744b0ab75651a61731ce504ebf5426d546b18a', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, index.h("digi-icon-search", { key: 'b68f9b8f7d4a648f609d70620406f484894f8592', slot: "icon" }), this.afButtonText)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-input.cjs.entry.js CHANGED Viewed

@@ -160,10 +160,10 @@ const FormInput = class {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (index.h("div", { key: 'fd3bce3a3e0049c260192ef655c5521571236ae6', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '2c0d7d223e24cdf4291c1d89e863bac38beff558', 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 }), index.h("div", { key: '1125bd730a737476d11cbc18152b53dc935399f4', class: "digi-form-input__input-wrapper" }, index.h("input", Object.assign({ key: '2f98355411050b0df8bbf70c3687e1be35a67a00', 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 === formInputVariation_enum.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 == formInputVariation_enum.FormInputMode.DEFAULT
+        return (index.h("div", { key: 'd0e85adc1807f2f6f2394e1a12b782777e6aa89c', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '88b48495e153480f9bda8c01c7cf155fe3e9fbef', 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 }), index.h("div", { key: '39059177675274d24d2b65a0860738391d4c3f03', class: "digi-form-input__input-wrapper" }, index.h("input", Object.assign({ key: '36d316651f066e47755d2e95473b411d2afee06a', 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 === formInputVariation_enum.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 == formInputVariation_enum.FormInputMode.DEFAULT
             ? {}
-            : { inputmode: this.afInputmode }))), index.h("slot", { key: '927b71f7804ebe28f51062ddd1ef7a4cebcb36de', name: "button" })), index.h("div", { key: '0427a8d8d8216f56f8ce39a6aee9ccd50d76b199', class: "digi-form-input__footer" }, index.h("div", { key: 'e40d6e9c628d9f8000c120ceeaecb86bfc6b86a0', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != formInputVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: 'ff4e34130e69f881353e21d224ddaa907c3f10bf', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+            : { inputmode: this.afInputmode }))), index.h("slot", { key: '2617f968ed106137599810138ca7f1ee2eef3b12', name: "button" })), index.h("div", { key: '646bea838a14ff6e661baf43b2c245a216f2d0b8', class: "digi-form-input__footer" }, index.h("div", { key: '4af424df92bd97281609977dd98d957337258c2a', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != formInputVariation_enum.FormInputValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '6ea6c6e76718f096371f43e9e3b2b7cc940a7093', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-form-label_5.cjs.entry.js CHANGED Viewed

@@ -58,7 +58,7 @@ const FormLabel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '49750e16792d0b5078896035bcb99792e6d9f589', class: "digi-form-label" }, index.h("div", { key: '81fddd3e4fcc34ba9c8324f5cae0fd1cde00c3fb', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: '01feb27d7f79c818ad7124f85fb6db671a7af847', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: '0d484a84b46230a10df0e88a48ebf03880892bad', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: '2fc41f3cfe8d3057260f65b6e0700b92f47a82b9', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: '466cd22c12eca1390b0051766efe7acd34cf732b', class: "digi-form-label__actions" }, index.h("slot", { key: 'acc3c7a1ab59f4031c80f90a32c66a15de025180', name: "actions" }))))));
+        return (index.h("div", { key: '8f855dd566d5e00e8d6a89e294182efb21b7ed51', class: "digi-form-label" }, index.h("div", { key: 'eb1a357c89c6ffdd262913a57daeb4b4ceb068f9', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (index.h("label", { key: '3a52faadc25dbea8cf5030ec74e78bfc4fc0b9b5', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, index.h("span", { key: '7ff3fbf1d49cfe5951232ffb55b2a8ab91662d2d', class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (index.h("span", { key: 'be5e46615b0828367970d5d5ee0ac1b8b2abec12', class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (index.h("div", { key: 'aa5d21eaeba3127cea1b0c29dfa7283f20f2b041', class: "digi-form-label__actions" }, index.h("slot", { key: '5f8aeffc53b0ee98aa6c14134ebedc4c9ea242b9', name: "actions" }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -96,7 +96,7 @@ const FormValidationMessage = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b4d77f58e8c289295892fe8c6bbd128f0ac0bfe8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: 'ccf07b383eed2f696e2108bc2b11d50a0a37aee2', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: 'fe5c2456fcc88c666463205c7c735048697f37d2', class: "digi-form-validation-message__text" }, index.h("slot", { key: '8d47bef18ec9c7b255f8ee3ec94af6620a0c0dd4' }))));
+        return (index.h("div", { key: '1660f54f79665b4ff25d961a2cce8afa445347c9', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, index.h("div", { key: '077ab407a8b939ba9799f9378ae1bf5256623b0a', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), index.h("span", { key: '2d5b27ca89af093f5ef02ac4c5d889630891556f', class: "digi-form-validation-message__text" }, index.h("slot", { key: 'd30cc6c30ef04cf3362c37ca94ea83eb88dd436e' }))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -115,11 +115,11 @@ const IconValidationError = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '8524bbde695d74e2470455f3cc1839f0d408a457', 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 (index.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
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && index.h("title", { key: '6fb9b3b1c131b19bf917ef77c6537a901cded82f', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'aa58e66089363499e54f07e2a8bbb404d950d1ef' }, this.afDesc), index.h("path", { key: 'bf969ce29ae22211682e47e4c3ae28327d2151d4', 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 && index.h("title", { key: '225179b7c071c8e2fe02c78d3502b85b2ccc6905', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '55019fb7f69eaf4f73508440b2360162991ed4a6' }, this.afDesc), index.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" })));
     }
 };
 IconValidationError.style = DigiIconValidationErrorStyle0;
@@ -137,11 +137,11 @@ const IconCheckCircle = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '0482f39996d2872d04bfee866e2cfb7cae28be0a', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '814e576bc22b7eced84d2c91c6372313242028fb', class: "digi-icon-validation-success", width: "25", height: "25", viewBox: "0 0 25 25", "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 && index.h("title", { key: '8c73fda1ee6f939831da4ac643a67c56f709f71a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'fa56bb893c6b17ad7654657a68b0b49bd94786df' }, this.afDesc), index.h("path", { key: '5612043e9d9e866cd0cd2c7f4c4a3eb38cddcd8e', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '84b39b1477b7908f2d4736de7f97d6db01becb98', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '4db04c7017501657b30dfaa7e5a1642d117eb677' }, this.afDesc), index.h("path", { key: '8f7becac71e5e655e52de80bdc3e1b5e6407d540', class: "digi-icon-validation-success__shape", d: "M25 12.5C25 19.404 19.404 25 12.5 25S0 19.404 0 12.5 5.596 0 12.5 0 25 5.596 25 12.5zm-13.946 6.619l9.274-9.275a.806.806 0 000-1.14l-1.14-1.14a.806.806 0 00-1.14 0l-7.564 7.563-3.531-3.531a.807.807 0 00-1.14 0l-1.141 1.14a.806.806 0 000 1.14l5.242 5.243a.806.806 0 001.14 0z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconCheckCircle.style = DigiIconValidationSuccessStyle0;
@@ -159,11 +159,11 @@ const IconValidationWarning = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("div", { key: '542f4d7b4b9557d7de28eac8697529b3b8e3e47a' }, index.h("svg", { key: '2e39132ddd43fb4dabefab2a766b14b73b862c2d', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("div", { key: '3770401b5c854cd9e85824a06e211128f0eb4e4d' }, index.h("svg", { key: '2e1e84d05a6b37b5509f23d438189d5f5a199ba0', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 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 && index.h("title", { key: 'df52e5a1bace15d5da7ab1169f050a12d8e3047b', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '5d07f74a5afea6113223c5e4de79de367717804e' }, this.afDesc), index.h("g", { key: 'fde32f48d8b91b6b6028b9cce0fee9e34ef67cc4', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: 'db8dd3d391232ccd708b9e379ab062c7ae20b090', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '89b0008737c65858d22fef93f07c97b7232490dd', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+                    : undefined }, this.afTitle && index.h("title", { key: 'b4f18a41bcc1fa7632f953671d3357e402fbcce9', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'ce2d95be011cddfda6efcb90037041ef240a05c6' }, this.afDesc), index.h("g", { key: 'cd55ad0ff1be82b57670198f9a18f74d669d3a2d', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: 'b3bbfcf2ab9d8fcf4f4bc79fadbfc6f28cc05f26', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '4ed8444f369f191c628aa67233806bcf9dbdd5a6', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
     }
 };
 IconValidationWarning.style = DigiIconValidationWarningStyle0;

package/dist/cjs/digi-form-radiogroup.cjs.entry.js CHANGED Viewed

@@ -46,9 +46,9 @@ const FormRadiogroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a1dc24e8c0ced8a598dca254923310a4ac354b33' }, index.h("div", { key: '09d87e1b67dd7c3f7907164744e702d75d47bc36', class: {
+        return (index.h(index.Host, { key: '87664130d894a0a76cafb15b184ba1bc970f2c09' }, index.h("div", { key: '5ad880fd119a958646af1395de884533c19cb677', class: {
                 'digi-form-radiogroup': true
-            } }, index.h("digi-util-mutation-observer", { key: 'a9f7f2098a0b6dee51508d3f2627b7480eda0d4a', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, index.h("slot", { key: '6610bea1f78df360f8e4f69fd00f2c29e82ccd9f' })))));
+            } }, index.h("digi-util-mutation-observer", { key: '87ca289dca9a3ef8a95ee32c149594ab08d58399', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, index.h("slot", { key: 'e4da7e705be3248e7edc088969031d1dc671cf35' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,23 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-81fc5a97.js');
-const typographyVariation_enum = require('./typography-variation.enum-d6a04b47.js');
+const typographyVariation_enum = require('./typography-variation.enum-d803f3a6.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-1611825e.js');
+require('./form-input-search-variation.enum-e0e025b1.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
-require('./expandable-accordion-header-level.enum-45483252.js');
-require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
 require('./form-input-type.enum-9c8ee12a.js');
 require('./form-input-variation.enum-c750520c.js');
 require('./form-select-variation.enum-528c1bf0.js');
@@ -27,15 +23,12 @@ require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
 const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
-require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-137785e3.js');
 require('./list-type.enum-aea4d012.js');
 require('./loader-skeleton-variation.enum-d52ba55e.js');
 require('./loader-spinner-size.enum-db2973f0.js');
-require('./logo-variation.enum-607fadb4.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
@@ -50,7 +43,6 @@ require('./tag-size.enum-387c516c.js');
 require('./tools-feedback-banner-type.enum-de373ba0.js');
 require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./tools-theme-provider.brand.enum-bc855272.js');
-require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
@@ -108,7 +100,7 @@ const FormReceipt = class {
         return (index.h("div", { class: "digi-form-receipt__content" }, index.h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, index.h("title", null, "Check mark"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-170 -32)" }, index.h("g", { transform: "translate(170 32.325)" }, index.h("g", { transform: "translate(0 .77495)" }, index.h("mask", { id: "b", fill: "white" }, index.h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), index.h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), index.h("g", { transform: "translate(4.2177)" }, index.h("mask", { id: "a", fill: "white" }, index.h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), index.h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), index.h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (index.h("div", { key: '8516ceff87fc1e4e807fe78352e0c13a2a753010', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (index.h("div", { key: 'b2eb6b974cce153f6cd93f20912f7256e67eed6f', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     get hostElement() { return index.getElement(this); }
 };