@designsystem-se/af 38.1.0 → 38.2.1-beta.0

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$2 = require('./index-7a477838.js');
 const text = require('./text-65b1b58c.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-c0ef9190.js');
+const typographyVariation_enum = require('./typography-variation.enum-9aab5027.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
@@ -16,22 +16,22 @@ require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
+require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-type.enum-9c8ee12a.js');
-const formInputVariation_enum = require('./form-input-variation.enum-c750520c.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 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('./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-color.enum-76f6c506.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
@@ -2217,6 +2217,8 @@ const CalendarDatepicker = class {
         this.afCloseOnSelect = false;
         this.afOpenCalendarTo = undefined;
         this.afErrorMessageIsAlert = true;
+        this.afAnnounceIfOptional = false;
+        this.afAnnounceIfOptionalText = undefined;
     }
     afDisableValidationChangeHandler(newVal) {
         if (!newVal) {
@@ -2548,9 +2550,9 @@ const CalendarDatepicker = class {
         return this.afSelectedDates;
     }
     render() {
-        return (index$2.h(index$2.Host, { key: '6b080d933e012fe050aee0181f927c3252b0bb7e', tabindex: -1 }, index$2.h("div", { key: 'ec59a7f209f7a5e06c62d4443fbca980b1030d12', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, index$2.h("div", { key: '2bf3bd4f0a82c14c4fb04610dab19767fbba595d', class: "digi-calendar-datepicker__input-field" }, index$2.h("digi-form-input", { key: 'ebde8123611c021b60104f75c2e4085e35fb4697', ref: (el) => (this._input = el), class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
-                ? formInputVariation_enum.FormInputValidation.ERROR
-                : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, onAfOnChange: (evt) => {
+        return (index$2.h(index$2.Host, { key: 'a22b366eece8bdf2a6d66ba7b4561093391ad16d', tabindex: -1 }, index$2.h("div", { key: '5ec3557df78bb012f2e10f1852252e78e2470ee3', class: Object.assign({ 'digi-calendar-datepicker': true }, this.cssModifiers), id: `${this.afId}-datepicker` }, index$2.h("div", { key: '1215a13021718ac98ad2a4a7a5bae3c456385124', class: "digi-calendar-datepicker__input-field" }, index$2.h("digi-form-input", { key: '8794d312452fe11f0f9052bbdd238e5570ec55f0', ref: (el) => (this._input = el), class: 'digi-calendar-datepicker__input-component', afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afName: this.afName, afValue: this.inputValue, afValidation: this.hasBuiltInValidationError()
+                ? typographyVariation_enum.FormInputValidation.ERROR
+                : this.afValidation, afValidationText: this.getErrorText(), afId: this.afId, afAriaDescribedby: `${this.afId}--validation-message`, afRequired: this.afRequired, afRequiredText: this.afRequiredText, afAnnounceIfOptional: this.afAnnounceIfOptional, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText, onAfOnChange: (evt) => {
                 evt.stopImmediatePropagation();
                 this.parseInput(evt);
             }, onAfOnBlur: (evt) => {
@@ -2565,11 +2567,11 @@ const CalendarDatepicker = class {
                 e.preventDefault();
                 const focusableDateButton = this.hostElement.querySelector('.digi-calendar__date[tabindex="0"]');
                 focusableDateButton === null || focusableDateButton === void 0 ? void 0 : focusableDateButton.focus();
-            } }, index$2.h("button", { key: '04df5ccb789271d7ba2f693b740f316301f9fae0', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
+            } }, index$2.h("button", { key: 'c953ddf0c99cfd3b892941da7da4a887b342fd78', id: this.afId + '-button', class: "digi-calendar-datepicker__input-button", slot: "button", "aria-label": this.showCalendar
                 ? this.afCloseCalendarAriaLabel
-                : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, index$2.h("digi-icon-calendar-alt", { key: '65b9a472f629bbaa46a64c8a304f358da76b0830', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), index$2.h("div", { key: 'd0df89ce680bb2a0ca7f311b2c0ead0f72dc30b6', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, index$2.h("p", { key: '9796876e15e88b1599d772863c29fc472da24c69', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
+                : this.afOpenCalendarAriaLabel, "aria-controls": "calendar-popup", "aria-expanded": this.showCalendar ? 'true' : 'false', onClick: () => this.toggleCalendar(), type: "button" }, index$2.h("digi-icon-calendar-alt", { key: '46c7387d404b77911b97f31c10e7147bd436c7e3', class: "digi-calendar-datepicker__button-icon", slot: "icon" })))), index$2.h("div", { key: '91894a4219afa79d913f558f5d1cc6b410b535ce', class: "digi-calendar-datepicker__calendar", id: "calendar-popup" }, index$2.h("p", { key: '989fc17ea7a95aa014a26e09f7db7f59fe53a36b', role: "alert", class: "digi-calendar-datepicker__sr-instructions" }, this.showCalendar
             ? `${text._t.calendar.screenReaderInstructions}${this.screenReaderUpdateTrigger ? '\u200B' : ''}`
-            : ''), index$2.h("digi-calendar", { key: 'bd5f34bcdbcb2276b5080c43479337c514861ba9', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
+            : ''), index$2.h("digi-calendar", { key: '6e62fb845769eca0a9b8cb21e4a09a5620804d42', afActive: this.showCalendar, afShowWeekNumber: this.afShowWeekNumber, afMultipleDates: this.afMultipleDates, afYearSelect: this.afYearSelect, afSelectedDates: this.getSelectedDates, afMinDate: this.afMinDate, afMaxDate: this.afMaxDate, "aria-hidden": !this.showCalendar, afOpenCalendarTo: this.afOpenCalendarTo, onAfOnDateSelectedChange: (evt) => {
                 evt.stopImmediatePropagation();
                 this.parseCalendar(evt);
             }, onKeyDown: (e) => {
@@ -2580,7 +2582,7 @@ const CalendarDatepicker = class {
                     return;
                 e.preventDefault();
                 this.focusOnCalendarInput();
-            } })), this.afCloseOnSelect && !this.afMultipleDates && (index$2.h("div", { key: 'fc150d20f14731e8f67f38c6042e8af4e24eae38', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
+            } })), this.afCloseOnSelect && !this.afMultipleDates && (index$2.h("div", { key: 'd9f3eb470b29a0ab96134f1e4666743efacd7448', class: "digi-calendar-datepicker__selected-date-alert", role: this.errorMessageIsAlert ? 'alert' : null }, this.afSelectedDates.length > 0
             ? `${text._t.calendar.datepicker.selectedDate}: ${this.datesToInputString(this.afSelectedDates)}`
             : '')))));
     }

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
 const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
-const typographyVariation_enum = require('./typography-variation.enum-c0ef9190.js');
+const typographyVariation_enum = require('./typography-variation.enum-9aab5027.js');
 const prismGit = require('./prism-git-df985529.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./form-input-type.enum-1fb2180a.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');
@@ -16,22 +16,22 @@ require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
+require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 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('./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-color.enum-76f6c506.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
-const typographyVariation_enum = require('./typography-variation.enum-c0ef9190.js');
+const typographyVariation_enum = require('./typography-variation.enum-9aab5027.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 const codeExampleVariation_enum = require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./form-input-type.enum-1fb2180a.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');
@@ -16,22 +16,22 @@ require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
+require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 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('./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-color.enum-76f6c506.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7a477838.js');
+const footerCardVariation_enum = require('./footer-card-variation.enum-99555edc.js');
+
+const footerCardCss = ".sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}";
+const DigiFooterCardStyle0 = footerCardCss;
+
+const FooterFooterCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afType = footerCardVariation_enum.FooterCardVariation.NONE;
+    }
+    get cssModifiers() {
+        return {
+            'digi-footer-card--icon': this.afType == footerCardVariation_enum.FooterCardVariation.ICON,
+            'digi-footer-card--border': this.afType == footerCardVariation_enum.FooterCardVariation.BORDER
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, index.h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, index.h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+FooterFooterCard.style = DigiFooterCardStyle0;
+
+exports.digi_footer_card = FooterFooterCard;

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7a477838.js');
+const typographyVariation_enum = require('./typography-variation.enum-9aab5027.js');
+require('./badge-notification-shape.enum-ff802554.js');
+require('./badge-status-variation.enum-0a5adc21.js');
+require('./code-example-variation.enum-1611825e.js');
+require('./form-input-type.enum-1fb2180a.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-variation.enum-c4a4e6fd.js');
+require('./expandable-accordion-header-level.enum-45483252.js');
+require('./expandable-faq-item-variation.enum-89427195.js');
+require('./expandable-faq-variation.enum-af923f49.js');
+require('./footer-card-variation.enum-99555edc.js');
+require('./form-checkbox-variation.enum-d2ca879e.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-radiogroup-validation.enum-03a17d4d.js');
+require('./form-select-variation.enum-528c1bf0.js');
+require('./form-textarea-variation.enum-9c90d40f.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('./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-color.enum-76f6c506.js');
+require('./media-figure-alignment.enum-3885aba5.js');
+require('./navigation-sidebar-variation.enum-1c0c3064.js');
+require('./navigation-vertical-menu-variation.enum-c237edd3.js');
+require('./progress-circle-role.enum-b7fdcf0c.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
+require('./progress-list-item-variation.enum-90e4c874.js');
+require('./progress-list-variation.enum-06d5ce27.js');
+require('./progressbar-variation.enum-aff9fa80.js');
+require('./quote-image-inner-position.enum-e64e7a6d.js');
+require('./table-variation.enum-25df2ad7.js');
+require('./tag-media-icon.enum-372563c5.js');
+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');
+
+const footerCss = ".sc-digi-footer-h {\n  --digi--footer--text--color: var(--digi--color--text--secondary);\n  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n  --digi--footer--link--color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n  --digi--footer--padding-top: var(--digi--container-gutter--largest);\n  --digi--footer--margin-top: var(--digi--container-gutter--large);\n  --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n  --MARGIN-TOP: var(--digi--footer--margin-top);\n  color: var(--digi--footer--text--color);\n  font-family: var(--digi--footer--text--font-family);\n  font-size: var(--digi--footer--text--font-size);\n  font-weight: var(--digi--footer--text--font-weight);\n  line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n  grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n    grid-column: 1/3;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n  container-type: inline-size;\n  padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n    justify-content: center;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer__content-bottom {\n    justify-content: center;\n  }\n}\n.sc-digi-footer-h .sc-digi-footer-s  digi-logo  {\n  --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n  display: grid;\n  grid-template-rows: repeat(2, auto);\n  column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n  flex-basis: 100%;\n  display: flex;\n  justify-content: center;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n  padding: var(--digi--footer--logo-vertical-padding) 0;\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n    flex-basis: auto;\n  }\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n    padding: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n    --MARGIN-TOP: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--text--color);\n  padding: var(--digi--gutter--small);\n  margin: 0;\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n    padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--link--color--default);\n  border-color: var(--digi--footer--link--border-color--default);\n  margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n  color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n  background: transparent;\n  color: var(--digi--footer--link--color--hover);\n  border-color: var(--digi--footer--link--border-color--hover);\n}";
+const DigiFooterStyle0 = footerCss;
+
+const FooterFooter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afVariation = typographyVariation_enum.FooterVariation.LARGE;
+    }
+    get cssModifiers() {
+        return {
+            'digi-footer--small': this.afVariation == typographyVariation_enum.FooterVariation.SMALL
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, index.h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, index.h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, index.h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, index.h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), index.h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, index.h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), index.h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
+    }
+    get hostElement() { return index.getElement(this); }
+};
+FooterFooter.style = DigiFooterStyle0;
+
+exports.digi_footer = FooterFooter;

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

@@ -118,7 +118,7 @@ const FormCheckbox = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h(index.Host, { key: '93a52532d5ee8e2b89982b3d06509c16b3656bce', tabindex: -1 }, index.h("div", { key: '3f2fe30e35c36080d80fdec5c57abf8e310ae14b', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: 'a45c26da379bff48830f0b03ceebcf24b06c3b17', class: "digi-form-checkbox__input", ref: (el) => {
+        return (index.h(index.Host, { key: 'e8ca1dfe96537dd438a4b6c206adfc7c9fd64d9c', tabindex: -1 }, index.h("div", { key: '850911b7ffdcea222b12c2c883cf93b63f703b4f', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '923a49d0402e6b3034d3e8e6d43033692695c830', 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);
@@ -126,7 +126,7 @@ 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: '54cd68f1c10fd023e9dd81bd0fabb2920b911c12', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: 'c7184f48868d38d04485a48f214cc3c37d862ba4', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: 'afc00a7de3cef740bdbf23607cd9247887752759', 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: 'dccbd4e83dbc757483a18ac22d1539ef83dfb534', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '1cbc88be9d74dab3e04472bc9462712377447d4a', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: 'bdab264d9d13520858c581d2664c0d53171a1415', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const typographyVariation_enum = require('./typography-variation.enum-c0ef9190.js');
+const typographyVariation_enum = require('./typography-variation.enum-9aab5027.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
-require('./form-input-search-variation.enum-e0e025b1.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
@@ -16,22 +16,22 @@ require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
+require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 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('./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-color.enum-76f6c506.js');
 require('./media-figure-alignment.enum-3885aba5.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
@@ -52,6 +52,20 @@ require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 
+/**
+ * Small utility for adding Stencil component scope to dynamically inserted elements
+ * (e.g. svg for title logotypes)
+ */
+function applyStencilScope(host, root) {
+    const scopeClasses = [...host.classList].filter(c => c.startsWith('sc-'));
+    if (!scopeClasses.length)
+        return;
+    root.classList.add(...scopeClasses);
+    root.querySelectorAll('*').forEach(el => {
+        el.classList.add(...scopeClasses);
+    });
+}
+
 const formErrorListCss = ".sc-digi-form-error-list-h{--digi--form-error-list--list--padding:var(--digi--gutter--smaller) 0 0 0;--digi--form-error-list--list--margin:0;--digi--form-error-list--item--padding:var(--digi--padding--smaller) 0 0 0;--digi--form-error-list--item--margin:0}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--list--padding);margin:var(--digi--form-error-list--list--margin)}.sc-digi-form-error-list-h .digi-form-error-list.sc-digi-form-error-list ul.sc-digi-form-error-list>li.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";
 const DigiFormErrorListStyle0 = formErrorListCss;
 
@@ -74,6 +88,24 @@ const FormErrorList = class {
     async afMSetHeadingFocus() {
         this.setHeadingFocus();
     }
+    connectedCallback() {
+        this.observer = new MutationObserver((mutations) => {
+            const hasChildChanges = mutations.some(mutation => mutation.type === 'childList');
+            if (hasChildChanges) {
+                const hostElement = this.hostElement.querySelector('.digi-form-error-list');
+                applyStencilScope(hostElement, hostElement);
+            }
+        });
+        this.observer.observe(this.hostElement, {
+            childList: true,
+            subtree: true
+        });
+    }
+    disconnectedCallback() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    }
     componentDidLoad() {
         this.setHeadingFocus();
         this.afOnReady.emit();
@@ -100,7 +132,7 @@ const FormErrorList = class {
         this.afOnClickLink.emit({ id });
     }
     render() {
-        return (index.h("div", { key: '59bc43d4b3dd0149647b50203cc1ae585d829006', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: 'a2b034276ff7549c9c0711202020e3753da7808d', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '3a61c65373b92a73694770f851c6727e27f853e7', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: 'a088b4d084f5a6db85cedcb4f469f4dff803f8f6', class: "digi-form-error-list__description" }, this.afDescription))), index.h("slot", { key: '794c42cdece0d06945255b70a96a6992eb4dcd4c' }))));
+        return (index.h("div", { key: '9471a904e95c6304644d884e15aac90d3b0fbad1', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '13a8bf3037570f929f470cc2a531156d552ca53a', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": typographyVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '8e8ef106286f426b0cbcfd904407582e79e8ce24', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '51175a8da94efe46a262ce365994aa3c23983f2e', class: "digi-form-error-list__description" }, this.afDescription))), index.h("slot", { key: 'b9f5287d0e2c0326100a094a48fa5e7ab314b92f' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7a477838.js');
 const text = require('./text-65b1b58c.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const formFileUploadVariation_enum = require('./form-file-upload-variation.enum-634cfae8.js');
+const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-c5ec3e2d.js');
 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  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;
@@ -39,7 +38,7 @@ const FormFileUpload = class {
         this.fileHover = false;
         this.afLabel = text._t.form.file_upload;
         this.afLabelDescription = undefined;
-        this.afVariation = formFileUploadVariation_enum.FormFileUploadVariation.SMALL;
+        this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-file-upload');
         this.afFileTypes = undefined;
         this.afFileMaxSize = 10;
@@ -55,8 +54,8 @@ const FormFileUpload = class {
         this.afShowThumbnail = false;
         this.afEnablePreview = false;
         this.afValidationText = undefined;
-        this.afValidation = formFileUploadVariation_enum.FormFileUploadValidation.DISABLED;
-        this.afHeadingLevel = formFileUploadVariation_enum.FormFileUploadHeadingLevel.H2;
+        this.afValidation = formValidationMessageVariation_enum.FormFileUploadValidation.DISABLED;
+        this.afHeadingLevel = formValidationMessageVariation_enum.FormFileUploadHeadingLevel.H2;
         this.afErrorMessageIsAlert = true;
     }
     afValidationTextChange() {
@@ -69,7 +68,7 @@ const FormFileUpload = class {
     breakpointHandler(e) {
         if (e.detail.value) {
             if (e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) {
-                this.afVariation = formFileUploadVariation_enum.FormFileUploadVariation.SMALL;
+                this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
             }
             else {
                 this.afVariation = this.aforiginalVariation;
@@ -375,7 +374,7 @@ const FormFileUpload = class {
     }
     emitFile(file) {
         const index = this.getIndexOfFile(file['id']);
-        if (this.afValidation === formFileUploadVariation_enum.FormFileUploadValidation.ENABLED) {
+        if (this.afValidation === formValidationMessageVariation_enum.FormFileUploadValidation.ENABLED) {
             this.afOnUploadFile.emit(this.files[index]);
         }
         else {
@@ -399,7 +398,7 @@ const FormFileUpload = class {
         }
     }
     handleAllowDrop(e) {
-        if (this.afVariation === formFileUploadVariation_enum.FormFileUploadVariation.SMALL)
+        if (this.afVariation === formValidationMessageVariation_enum.FormFileUploadVariation.SMALL)
             return;
         e.stopPropagation();
         e.preventDefault();
@@ -579,7 +578,7 @@ const FormFileUpload = class {
                 'digi-form-file-upload__upload-area': true,
                 'digi-form-file-upload__upload-area--hover': this.fileHover
             }, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
-            this.afVariation != formFileUploadVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'f58d5f61b5568263e9b60b255f47e6ef418c78e5', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'c58c52f7e2c8aa8d17fe510ef90435d488844237', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '1bb7fa84e0778702d0e77008f7d468d560ac8e17', type: "button", id: this.afId + '-button', ref: (el) => {
+            this.afVariation != formValidationMessageVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: 'f58d5f61b5568263e9b60b255f47e6ef418c78e5', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: 'c58c52f7e2c8aa8d17fe510ef90435d488844237', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '1bb7fa84e0778702d0e77008f7d468d560ac8e17', type: "button", id: this.afId + '-button', ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
@@ -587,7 +586,7 @@ const FormFileUpload = class {
             ? this.afUploadBtnText
             : text._t.form.file_choose), index.h("input", { key: 'd0babe3bcbc5d03f2436c0f4a7ee23a93ecb0474', ref: (el) => {
                 this._input = el;
-            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: '20a4158d0462ee2f871bddb57b9e168d356573ed' }, this.afVariation !== formFileUploadVariation_enum.FormFileUploadVariation.SMALL &&
+            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: '20a4158d0462ee2f871bddb57b9e168d356573ed' }, this.afVariation !== formValidationMessageVariation_enum.FormFileUploadVariation.SMALL &&
             text._t.form.file_dropzone))), index.h("p", { key: 'ade6d22fde218536ce42daff285a1605ac16bdb1', class: "visually-hidden", role: this.errorMessageIsAlert ? 'alert' : null, "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
             } }), (this.files.length > 0 || this.error) && (index.h("div", { key: '06044ba8e2a5d7e76374af1dfa479c891554ab45', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));

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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const formInputSearchVariation_enum = require('./form-input-search-variation.enum-e0e025b1.js');
-const formInputType_enum = require('./form-input-type.enum-9c8ee12a.js');
+const formInputType_enum = require('./form-input-type.enum-1fb2180a.js');
 const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
 const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
 require('./detectClosest.util-85b3507b.js');
@@ -42,9 +41,9 @@ const FormInputSearch = class {
         this.afAriaActivedescendant = undefined;
         this.afAriaLabelledby = undefined;
         this.afAriaDescribedby = undefined;
-        this.afVariation = formInputSearchVariation_enum.FormInputSearchVariation.MEDIUM;
+        this.afVariation = formInputType_enum.FormInputSearchVariation.MEDIUM;
         this.afHideButton = undefined;
-        this.afButtonType = formInputSearchVariation_enum.ButtonType.SUBMIT;
+        this.afButtonType = formInputType_enum.ButtonType.SUBMIT;
         this.afButtonText = undefined;
         this.afButtonAriaLabel = undefined;
         this.afButtonAriaLabelledby = undefined;
@@ -128,9 +127,9 @@ const FormInputSearch = class {
     }
     get cssModifiers() {
         return {
-            'digi-form-input-search--small': this.afVariation === formInputSearchVariation_enum.FormInputSearchVariation.SMALL,
-            'digi-form-input-search--medium': this.afVariation === formInputSearchVariation_enum.FormInputSearchVariation.MEDIUM,
-            'digi-form-input-search--large': this.afVariation === formInputSearchVariation_enum.FormInputSearchVariation.LARGE
+            'digi-form-input-search--small': this.afVariation === formInputType_enum.FormInputSearchVariation.SMALL,
+            'digi-form-input-search--medium': this.afVariation === formInputType_enum.FormInputSearchVariation.MEDIUM,
+            'digi-form-input-search--large': this.afVariation === formInputType_enum.FormInputSearchVariation.LARGE
         };
     }
     render() {