@designsystem-se/af 35.0.2 → 35.1.0

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

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$2 = require('./index-81fc5a97.js');
 const text = require('./text-3157012b.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-d6a04b47.js');
+const typographyVariation_enum = require('./typography-variation.enum-e636523c.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');
@@ -20,7 +19,6 @@ 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');
 const formInputVariation_enum = require('./form-input-variation.enum-c750520c.js');
 require('./form-select-variation.enum-528c1bf0.js');
@@ -28,15 +26,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');
@@ -51,7 +46,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');

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

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
-const codeExampleVariation_enum = require('./code-example-variation.enum-c6557727.js');
-const typographyVariation_enum = require('./typography-variation.enum-d6a04b47.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
+const typographyVariation_enum = require('./typography-variation.enum-e636523c.js');
 const prismGit = require('./prism-git-df985529.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-const buttonSize_enum = require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
+require('./form-input-search-variation.enum-e0e025b1.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
@@ -20,7 +19,6 @@ 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');
@@ -28,15 +26,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');
@@ -51,7 +46,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');
@@ -93,7 +87,7 @@ const CodeBlock = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: buttonSize_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+        return (index.h("div", { key: 'efc4eab4b814bc5ec01559f89d951d694ed695e1', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, index.h("pre", { key: '85b42423a9f62a227739e3107972251f9a825a97', class: `digi-code-block__pre language-${this.afLanguage}` }, index.h("code", { key: '266c28f90184f60eab0fc1febf743a53f46aab3b', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (index.h("div", { key: '6230d33b96b03f7ea584d3b93efff81f636bad18', class: "digi-code-block__toolbar" }, index.h("digi-button", { key: 'b54ad1cc57faafeb0f82cc0de0865cf3e585fddf', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afSize: codeExampleVariation_enum.ButtonSize.SMALL }, index.h("digi-icon-copy", { key: 'f223bd2e83be5d853c78c0322d69c7fe34cd257a', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     static get watchers() { return {
         "afCode": ["formatCode"]
@@ -149,11 +143,8 @@ const FormRadiobutton = class {
         this.afAriaDescribedby = undefined;
         this.afAutofocus = undefined;
     }
-    onValueChanged(value) {
-        this.afValue = value;
-    }
-    onAfValueChanged(value) {
-        this.value = value;
+    onValueChanged(newValue) {
+        this.afChecked = newValue === this.afValue;
     }
     onCheckedChanged(checked) {
         this.afChecked = checked;
@@ -169,9 +160,6 @@ const FormRadiobutton = class {
         return this._input;
     }
     componentDidLoad() {
-        if (this.value) {
-            this.afValue = this.value;
-        }
         this.afOnReady.emit();
     }
     get cssModifiers() {
@@ -206,14 +194,13 @@ const FormRadiobutton = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: 'ad3ab77013c500a21c82d171077293be4b8a1d7e', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '4491cca214d38754bb6215e14e00a5eb5c8b5336', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
+        return (index.h("div", { key: 'e98a121c4cf889e19f002001738f7d43cf007368', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, index.h("input", { key: '6d135c7cb56a39ca2dfc7c002b74f7b27361b64d', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === typographyVariation_enum.FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '8e6a2bcfffa5da53edf122118c68f395ca6851fa', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: '81403daa92652914cf76259a1f4a0d22023818fe', class: "digi-form-radiobutton__circle" }), this.afLabel)));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), index.h("label", { key: '1ead5f1376f5a25cae92fe5637194d247dc42e62', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, index.h("span", { key: 'e0c3deb04636143463dfec8505fe60c1b4ff4ca5', class: "digi-form-radiobutton__circle" }), this.afLabel)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "value": ["onValueChanged"],
-        "afValue": ["onAfValueChanged"],
         "checked": ["onCheckedChanged"],
         "afChecked": ["onAfCheckedChanged"]
     }; }

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

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
-const codeExampleVariation_enum = require('./code-example-variation.enum-c6557727.js');
-const buttonSize_enum = require('./button-size.enum-1fd86b9e.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 const text = require('./text-3157012b.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
@@ -153,10 +152,10 @@ const CodeExample = class {
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
             }, onClick: () => this.toggleButtonClickHandler() })) : (''))))), this.hasControls || !!this.codeExampleLanguages ? (index.h("div", { class: {
                 'digi-code-example__controls': true
-            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
+            }, hidden: !!this.afHideControls }, index.h("span", null, index.h("slot", { name: "controls" }), index.h("div", { class: "slot__controls" }, this.codeExampleLanguages && (index.h("digi-form-fieldset", { "af-legend": text._t.code.language, "af-name": 'Code-Language-' + this._id, onChange: (e) => this.codeLanguageChangeHandler(e) }, this.codeExampleLanguages.map((codeLang) => (index.h("digi-form-radiobutton", { afName: 'Code-Language-' + this._id, afChecked: this.codeLanguage === codeLang, afValue: codeLang, afLabel: codeLang }))))))), index.h("digi-button", { class: "digi-code-example__copy-button", onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy))) : (!this.afHideControls && (index.h("digi-button", { class: {
                 'digi-code-example__copy-button': true,
                 'digi-code-example__copy-button--dark': this.afCodeBlockVariation === 'dark'
-            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": buttonSize_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
+            }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM }, index.h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), text._t.code.copy)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -6,7 +6,7 @@ const index = require('./index-81fc5a97.js');
 const codeVariation_enum = require('./code-variation.enum-c4a4e6fd.js');
 const prismGit = require('./prism-git-df985529.js');
 
-const codeCss = "digi-code{--digi--code--background:var(--digi--color--background--primary)}digi-code .digi-code{border-radius:0.3em;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);padding:0 0.5em;display:inline-block}digi-code .digi-code--light{background:#fefefe;}digi-code .digi-code--light code[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code .digi-code--light code[class*=language-]{white-space:normal}digi-code .digi-code--light .token.comment,digi-code .digi-code--light .token.prolog,digi-code .digi-code--light .token.doctype,digi-code .digi-code--light .token.cdata{color:#696969}digi-code .digi-code--light .token.punctuation{color:#545454}digi-code .digi-code--light .token.property,digi-code .digi-code--light .token.tag,digi-code .digi-code--light .token.constant,digi-code .digi-code--light .token.symbol,digi-code .digi-code--light .token.deleted{color:#007faa}digi-code .digi-code--light .token.boolean,digi-code .digi-code--light .token.number{color:#008000}digi-code .digi-code--light .token.selector,digi-code .digi-code--light .token.attr-name,digi-code .digi-code--light .token.string,digi-code .digi-code--light .token.char,digi-code .digi-code--light .token.builtin,digi-code .digi-code--light .token.inserted{color:#aa5d00}digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.entity,digi-code .digi-code--light .token.url,digi-code .digi-code--light .language-css .token.string,digi-code .digi-code--light .style .token.string,digi-code .digi-code--light .token.variable{color:#008000}digi-code .digi-code--light .token.atrule,digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.function{color:#aa5d00}digi-code .digi-code--light .token.keyword{color:#d91e18}digi-code .digi-code--light .token.regex,digi-code .digi-code--light .token.important{color:#d91e18}digi-code .digi-code--light .token.important,digi-code .digi-code--light .token.bold{font-weight:bold}digi-code .digi-code--light .token.italic{font-style:italic}digi-code .digi-code--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code .digi-code--light code[class*=language-]{color:windowText;background:window}digi-code .digi-code--light code[class*=language-]{background:window}digi-code .digi-code--light .token.important{background:highlight;color:window;font-weight:normal}digi-code .digi-code--light .token.atrule,digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.function,digi-code .digi-code--light .token.keyword,digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.selector{font-weight:bold}digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.comment,digi-code .digi-code--light .token.doctype,digi-code .digi-code--light .token.function,digi-code .digi-code--light .token.keyword,digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.property,digi-code .digi-code--light .token.string{color:highlight}digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.url{font-weight:normal}}digi-code .digi-code--dark{background:#272727;}digi-code .digi-code--dark code[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code .digi-code--dark code[class*=language-]{white-space:normal}digi-code .digi-code--dark .token.comment,digi-code .digi-code--dark .token.prolog,digi-code .digi-code--dark .token.doctype,digi-code .digi-code--dark .token.cdata{color:#d4d0ab}digi-code .digi-code--dark .token.punctuation{color:#fefefe}digi-code .digi-code--dark .token.property,digi-code .digi-code--dark .token.tag,digi-code .digi-code--dark .token.constant,digi-code .digi-code--dark .token.symbol,digi-code .digi-code--dark .token.deleted{color:#ffa07a}digi-code .digi-code--dark .token.boolean,digi-code .digi-code--dark .token.number{color:#00e0e0}digi-code .digi-code--dark .token.selector,digi-code .digi-code--dark .token.attr-name,digi-code .digi-code--dark .token.string,digi-code .digi-code--dark .token.char,digi-code .digi-code--dark .token.builtin,digi-code .digi-code--dark .token.inserted{color:#abe338}digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.entity,digi-code .digi-code--dark .token.url,digi-code .digi-code--dark .language-css .token.string,digi-code .digi-code--dark .style .token.string,digi-code .digi-code--dark .token.variable{color:#00e0e0}digi-code .digi-code--dark .token.atrule,digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.function{color:#ffd700}digi-code .digi-code--dark .token.keyword{color:#00e0e0}digi-code .digi-code--dark .token.regex,digi-code .digi-code--dark .token.important{color:#ffd700}digi-code .digi-code--dark .token.important,digi-code .digi-code--dark .token.bold{font-weight:bold}digi-code .digi-code--dark .token.italic{font-style:italic}digi-code .digi-code--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code .digi-code--dark code[class*=language-]{color:windowText;background:window}digi-code .digi-code--dark code[class*=language-]{background:window}digi-code .digi-code--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code .digi-code--dark .token.atrule,digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.function,digi-code .digi-code--dark .token.keyword,digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.selector{font-weight:bold}digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.comment,digi-code .digi-code--dark .token.doctype,digi-code .digi-code--dark .token.function,digi-code .digi-code--dark .token.keyword,digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.property,digi-code .digi-code--dark .token.string{color:highlight}digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.url{font-weight:normal}}";
+const codeCss = "digi-code{--digi--code--background:var(--digi--color--background--primary)}digi-code .digi-code{border-radius:0.3em;border:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);padding:0 0.5em;display:inline-block}digi-code .digi-code--light{background:#fefefe;}digi-code .digi-code--light code[class*=language-]{color:#545454;background:none;font-family:var(--digi--global--typography--font-family--mono);font-size:14px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code .digi-code--light code[class*=language-]{white-space:normal;display:block}digi-code .digi-code--light .token.comment,digi-code .digi-code--light .token.prolog,digi-code .digi-code--light .token.doctype,digi-code .digi-code--light .token.cdata{color:#696969}digi-code .digi-code--light .token.punctuation{color:#545454}digi-code .digi-code--light .token.property,digi-code .digi-code--light .token.tag,digi-code .digi-code--light .token.constant,digi-code .digi-code--light .token.symbol,digi-code .digi-code--light .token.deleted{color:#007faa}digi-code .digi-code--light .token.boolean,digi-code .digi-code--light .token.number{color:#008000}digi-code .digi-code--light .token.selector,digi-code .digi-code--light .token.attr-name,digi-code .digi-code--light .token.string,digi-code .digi-code--light .token.char,digi-code .digi-code--light .token.builtin,digi-code .digi-code--light .token.inserted{color:#aa5d00}digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.entity,digi-code .digi-code--light .token.url,digi-code .digi-code--light .language-css .token.string,digi-code .digi-code--light .style .token.string,digi-code .digi-code--light .token.variable{color:#008000}digi-code .digi-code--light .token.atrule,digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.function{color:#aa5d00}digi-code .digi-code--light .token.keyword{color:#d91e18}digi-code .digi-code--light .token.regex,digi-code .digi-code--light .token.important{color:#d91e18}digi-code .digi-code--light .token.important,digi-code .digi-code--light .token.bold{font-weight:bold}digi-code .digi-code--light .token.italic{font-style:italic}digi-code .digi-code--light .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code .digi-code--light code[class*=language-]{color:windowText;background:window}digi-code .digi-code--light code[class*=language-]{background:window}digi-code .digi-code--light .token.important{background:highlight;color:window;font-weight:normal}digi-code .digi-code--light .token.atrule,digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.function,digi-code .digi-code--light .token.keyword,digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.selector{font-weight:bold}digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.comment,digi-code .digi-code--light .token.doctype,digi-code .digi-code--light .token.function,digi-code .digi-code--light .token.keyword,digi-code .digi-code--light .token.operator,digi-code .digi-code--light .token.property,digi-code .digi-code--light .token.string{color:highlight}digi-code .digi-code--light .token.attr-value,digi-code .digi-code--light .token.url{font-weight:normal}}digi-code .digi-code--dark{background:#272727;}digi-code .digi-code--dark code[class*=language-]{color:#f8f8f2;background:none;font-family:var(--digi--global--typography--font-family--mono);font-size:14px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}digi-code .digi-code--dark code[class*=language-]{white-space:normal;display:block}digi-code .digi-code--dark .token.comment,digi-code .digi-code--dark .token.prolog,digi-code .digi-code--dark .token.doctype,digi-code .digi-code--dark .token.cdata{color:#d4d0ab}digi-code .digi-code--dark .token.punctuation{color:#fefefe}digi-code .digi-code--dark .token.property,digi-code .digi-code--dark .token.tag,digi-code .digi-code--dark .token.constant,digi-code .digi-code--dark .token.symbol,digi-code .digi-code--dark .token.deleted{color:#ffa07a}digi-code .digi-code--dark .token.boolean,digi-code .digi-code--dark .token.number{color:#00e0e0}digi-code .digi-code--dark .token.selector,digi-code .digi-code--dark .token.attr-name,digi-code .digi-code--dark .token.string,digi-code .digi-code--dark .token.char,digi-code .digi-code--dark .token.builtin,digi-code .digi-code--dark .token.inserted{color:#abe338}digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.entity,digi-code .digi-code--dark .token.url,digi-code .digi-code--dark .language-css .token.string,digi-code .digi-code--dark .style .token.string,digi-code .digi-code--dark .token.variable{color:#00e0e0}digi-code .digi-code--dark .token.atrule,digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.function{color:#ffd700}digi-code .digi-code--dark .token.keyword{color:#00e0e0}digi-code .digi-code--dark .token.regex,digi-code .digi-code--dark .token.important{color:#ffd700}digi-code .digi-code--dark .token.important,digi-code .digi-code--dark .token.bold{font-weight:bold}digi-code .digi-code--dark .token.italic{font-style:italic}digi-code .digi-code--dark .token.entity{cursor:help}@media screen and (-ms-high-contrast: active){digi-code .digi-code--dark code[class*=language-]{color:windowText;background:window}digi-code .digi-code--dark code[class*=language-]{background:window}digi-code .digi-code--dark .token.important{background:highlight;color:window;font-weight:normal}digi-code .digi-code--dark .token.atrule,digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.function,digi-code .digi-code--dark .token.keyword,digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.selector{font-weight:bold}digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.comment,digi-code .digi-code--dark .token.doctype,digi-code .digi-code--dark .token.function,digi-code .digi-code--dark .token.keyword,digi-code .digi-code--dark .token.operator,digi-code .digi-code--dark .token.property,digi-code .digi-code--dark .token.string{color:highlight}digi-code .digi-code--dark .token.attr-value,digi-code .digi-code--dark .token.url{font-weight:normal}}";
 const DigiCodeStyle0 = codeCss;
 
 const Code = class {

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

@@ -206,13 +206,13 @@ const ContextMenu = class {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (index.h(index.Host, { key: '4e8d4eaef09ba8221c86c8f902dfd1a87e9fa7af' }, index.h("div", { key: 'cfd85763e955b4d86e8c15c9fe59cd5142cf299d', id: `${this.afId}-identifier`, class: {
+        return (index.h(index.Host, { key: '6b9431b73985f329e523edb7ed4e7a3eadf42680' }, index.h("div", { key: '8dd80d1caed57b271603bf72844afaa7f7712c16', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, index.h("digi-button", { key: '27e62fa02246723e52b0595013e657bce4b36951', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && index.h(this.digiIcon, { key: 'bfe44549892617cfbcfdb6d94380974ba26495d5', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: 'b4b68d61df1505026533a9e82f76b5a1aed58d62', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '11f1abdd973720de6fdba6bf2b8b7861b1dc2e44', class: {
+            } }, index.h("digi-button", { key: 'd74596905c15af92316dbfc7f25b12705881a866', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && index.h(this.digiIcon, { key: '29511c9fffe84888bd89ba58e071ce84bf69fd93', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: '47d4eec2028afc5ef90e1f2a6199a72dbc8070a9', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '70e64705a3aa25a7b12dcd87742a899f302c2716', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, index.h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
+            } }, index.h("div", { key: 'a95217bd40e5717d91670c2d2d5fae3671f547b9', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

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

@@ -3,16 +3,15 @@
 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-e636523c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-const buttonSize_enum = require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
+require('./form-input-search-variation.enum-e0e025b1.js');
 const buttonVariation_enum = 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');
@@ -20,7 +19,6 @@ 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');
@@ -28,15 +26,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');
@@ -51,7 +46,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');
@@ -289,7 +283,7 @@ const Dialog = class {
                 this._host = el;
             } }, this.afShowDialog && (index.h("div", { key: '46ae05735ed8f54c75a82b5cc5e23effae77e745', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: '0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: 'd6da8ca0633774200dff4ade8fb170f2fd19b6b9', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac' }, this.afCloseButtonText && (index.h("digi-button", { key: 'e52c53a254adfca3c0e7d22500f381877feb798d', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: buttonSize_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '78b867c769a5f170a7b09270f0a466358febd0df', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '20b204bea4212367ed6202e73185ee0f63ab85f3', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '20b227dc35ebe307589e097cb64bcd7c47913729', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '2c5f707d8a5db9957a252e1a6a454824521b6541' }), index.h("div", { key: '167c44e5b9827f66b9355180d6af6a9fc8f783ad', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '1208655a175f323aa4bff70b0cf8daa28e2f3e86', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac' }, this.afCloseButtonText && (index.h("digi-button", { key: 'e52c53a254adfca3c0e7d22500f381877feb798d', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, index.h("digi-icon-x", { key: '78b867c769a5f170a7b09270f0a466358febd0df', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '20b204bea4212367ed6202e73185ee0f63ab85f3', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '20b227dc35ebe307589e097cb64bcd7c47913729', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '2c5f707d8a5db9957a252e1a6a454824521b6541' }), index.h("div", { key: '167c44e5b9827f66b9355180d6af6a9fc8f783ad', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '1208655a175f323aa4bff70b0cf8daa28e2f3e86', ref: (el) => (this._primaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -3,15 +3,14 @@
 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-e636523c.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');
@@ -19,7 +18,6 @@ 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 +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');
 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 +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');

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

@@ -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: '84ff9eb3050fe3a8add28624cd41c6623cf47df8', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '8c7b8ac0fab0f665421c66d95305426d2b9b08b7', 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: 'db1a39efe7cacc41cfffc90ac0c37c3a51e5c0bf', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: 'b928f122123147148460807981defe2d3aafe13e', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: '17b8dda6c50fcd9554ac36726f19e355e3256b04', 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

@@ -4,16 +4,15 @@ 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-e636523c.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');
@@ -21,7 +20,6 @@ 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 +27,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 +47,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');

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

@@ -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 {

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

@@ -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;