@designsystem-se/af 34.0.4-beta.3 → 34.2.0

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

@@ -206,10 +206,10 @@ const ContextMenu = class {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (index.h(index.Host, { key: '3372fc401be95040432177cbb25ad47ca40212e5', class: 'digi-navigation-context-menu' }, index.h("div", { key: '3da3865a2929acf974411a01976d810c157991aa', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, index.h("digi-button", { key: 'f89638b8484530cbd749de594edeb808126e32b3', 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: {
+        return (index.h(index.Host, { key: 'b8ad8d575b9ef0cc0a7725f32206b9781188194d', class: 'digi-navigation-context-menu' }, index.h("div", { key: '2a097311a258565207b9ff387ec6c8ae62cd07b7', id: `${this.afId}-identifier`, class: "digi-navigation-context-menu--id-wrapper" }, index.h("digi-button", { key: '41bc7b3d5f2cdd488502141fad0dd09cf23b3461', 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': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, !!this.afIcon && index.h(this.digiIcon, { key: '437efaaef83c67bebb6c0f8c592d518cdcb10e90', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: 'd88387b6f0c623f615b3d43450f78d738c45e5b9', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '6c23f89ca621cabc1094c24897abac23ad9d37d6', class: "digi-navigation-context-menu__list" }, index.h("div", { key: '65fb0116c4a2b9e205aa855d5c7ee35d0a56b5b2', onKeyDown: (e) => {
+            } }, !!this.afIcon && index.h(this.digiIcon, { key: 'fa37de43667c8e7c7bd88a0cbbed707ee7bb39bc', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: 'f6a1bcbb3a99580dd8a83eddd6ffb5d2f09fcf51', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '87c24b1f2839b58febc70f81aa03e9098ec10359', class: "digi-navigation-context-menu__list" }, index.h("div", { key: '406502a44645d4c3a6a687d058c7097faeb0b234', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-cc2d8aef.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
@@ -19,13 +19,9 @@ require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-input-type.enum-daf781ba.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');
@@ -55,7 +51,6 @@ require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
-require('./typography-variation.enum-5b035b3b.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 
 const dialogCss = ".digi--util--fs--xs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50{padding-top:2.5rem !important}.digi--util--pt--60{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80{padding-top:4.5rem !important}.digi--util--pt--90{padding-top:5rem !important}.digi--util--pb--1{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50{padding-bottom:2.5rem !important}.digi--util--pb--60{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80{padding-bottom:4.5rem !important}.digi--util--pb--90{padding-bottom:5rem !important}.digi--util--p--1{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50{padding:2.5rem !important}.digi--util--p--60{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80{padding:4.5rem !important}.digi--util--p--90{padding:5rem !important}.digi--util--ptb--1{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden{display:none}:host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--background--color:rgba(0, 0, 0, 0.7);--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--global--color--profile--white--base);--digi--dialog--icon--color--primary:var(--digi--color--icons--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icons--primary)}:host .digi-dialog{overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);background-color:var(--digi--dialog--backdrop--background--color);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(\n    --DIGI--DIALOG--COLOR\n  );--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(\n    --digi--dialog--icon--color--primary\n  );--digi--button--color--icon--function--hover:var(\n    --digi--dialog--icon--color--primary--hover\n  );display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(\n    --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY\n  );--digi--button--color--border--primary--hover:var(\n    --DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY\n  )}";
@@ -70,11 +65,11 @@ const Dialog = class {
         this._focusableElementsSelectors = 'a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]';
         this.focusableElements = [];
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-dialog');
-        this.afVariation = toolsFeedbackVariation_enum.DialogVariation.PRIMARY;
-        this.afSize = toolsFeedbackVariation_enum.DialogSize.MEDIUM;
+        this.afVariation = typographyVariation_enum.DialogVariation.PRIMARY;
+        this.afSize = typographyVariation_enum.DialogSize.MEDIUM;
         this.afShowDialog = undefined;
         this.afCloseButtonText = 'Stäng';
-        this.afHeadingLevel = toolsFeedbackVariation_enum.DialogHeadingLevel.H2;
+        this.afHeadingLevel = typographyVariation_enum.DialogHeadingLevel.H2;
         this.afHeading = undefined;
         this.afPrimaryButtonText = undefined;
         this.afSecondaryButtonText = undefined;
@@ -279,19 +274,19 @@ const Dialog = class {
     }
     get cssModifiers() {
         return {
-            'digi-dialog--primary': this.afVariation == toolsFeedbackVariation_enum.DialogVariation.PRIMARY,
-            'digi-dialog--secondary': this.afVariation == toolsFeedbackVariation_enum.DialogVariation.SECONDARY,
-            'digi-dialog--small': this.afSize == toolsFeedbackVariation_enum.DialogSize.SMALL,
-            'digi-dialog--medium': this.afSize == toolsFeedbackVariation_enum.DialogSize.MEDIUM,
-            'digi-dialog--large': this.afSize == toolsFeedbackVariation_enum.DialogSize.LARGE
+            'digi-dialog--primary': this.afVariation == typographyVariation_enum.DialogVariation.PRIMARY,
+            'digi-dialog--secondary': this.afVariation == typographyVariation_enum.DialogVariation.SECONDARY,
+            'digi-dialog--small': this.afSize == typographyVariation_enum.DialogSize.SMALL,
+            'digi-dialog--medium': this.afSize == typographyVariation_enum.DialogSize.MEDIUM,
+            'digi-dialog--large': this.afSize == typographyVariation_enum.DialogSize.LARGE
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'eb1bb947f13b042ee2dc5ac197b889dd9b5d6159', ref: (el) => {
+        return (index.h(index.Host, { key: '9a8afe2474c7d15cd3789130f5c198a267973cba', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (index.h("div", { key: '439ef1df49ea5b4b843b06f5705ad260a91ba7e9', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: '91f2367861c8391c260fd02cb3f94ffaf46393d7', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: 'bbd5a0f3da339b9b19d896a20cfdd49704f10140', ref: (el) => {
+            } }, this.afShowDialog && (index.h("div", { key: '67928e6e4c4edd9f541209eeee013de2ebbd27cd', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, index.h("digi-util-keydown-handler", { key: '3c42d04d0dfb8b39f7a4f90de16855e29e680b07', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, index.h("div", { key: '0fe90719b005267bb09d2f4b25d4ef94681510f5', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, index.h("digi-typography", { key: 'e728a1e2f52f2ee15d88c16cac9dd213e00fe7b7' }, this.afCloseButtonText && (index.h("digi-button", { key: '0c5f3bd81d5cb11fa1141dc8dd6a7748be7282c4', 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: '2c5ddc670ff74f9fb6aae85adcc0cde7617aec8d', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: 'f75ecc992532a82e8c909ed9d173390ec6d2e226', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '9acd3a4e26d6f3afae31140441ce11935b22b396', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '62a294c1a12bb673b2509c9062e08ee727ca6b69' }), index.h("div", { key: 'e4e4633454b4a1393b80f8210633d8180cf6c284', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'a74aa8f2580c6e38afae6895dba15dd4fa56039f', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '87ce5964117fcead379ecd09f8954c343811e186', 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: '587eda23a5acc992768ba918cb5b559f440244da' }, this.afCloseButtonText && (index.h("digi-button", { key: 'ef404b8a54ac63b1a87dbd98fa7566fde286090d', 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: 'ff6d833f5700ce940dbc35bf0b19ec9aa16b88da', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), index.h("slot", { key: '6a605125d89844c13fa78b21258f65386ad32048', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (index.h(this.afHeadingLevel, { key: '0df3dc87c4c7bc9cf6ba2e93c2f51483fa5f8b52', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), index.h("slot", { key: '2d0e541ccc6967644fe626c4e9577661877eaefa' }), index.h("div", { key: '87394b9627ca697174e99f937fb08e358837c6e4', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (index.h("digi-button", { key: 'a61eca0878ae6ca4d42b83ab4b473153d8f927b7', ref: (el) => (this._secondaryButton = el), afVariation: buttonVariation_enum.ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (index.h("digi-button", { key: '7e57f67739c65cf715f853ccc6fba427c620ef27', 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-expandable-accordion.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const text = require('./text-ca7e238b.js');
+const text = require('./text-3157012b.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-cc2d8aef.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./button-size.enum-7921c01e.js');
 const buttonType_enum = require('./button-type.enum-406723db.js');
@@ -19,13 +19,9 @@ require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-input-type.enum-daf781ba.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');
@@ -55,7 +51,6 @@ require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
-require('./typography-variation.enum-5b035b3b.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 
@@ -66,9 +61,9 @@ const ExpandableAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afVariation = toolsFeedbackVariation_enum.ExpandableAccordionVariation.PRIMARY;
+        this.afVariation = typographyVariation_enum.ExpandableAccordionVariation.PRIMARY;
         this.afHeading = undefined;
-        this.afHeadingLevel = toolsFeedbackVariation_enum.ExpandableAccordionHeaderLevel.H2;
+        this.afHeadingLevel = typographyVariation_enum.ExpandableAccordionHeaderLevel.H2;
         this.afExpanded = false;
         this.afAnimation = true;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-expandable-accordion');
@@ -142,7 +137,7 @@ const ExpandableAccordion = class {
         }
     }
     render() {
-        return (index.h("article", { key: 'f4049e96e0a738f6c6442ca7c2d73ac3c9cddc5c', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: '55abe8aa92ba086f94a50436de06d4e9d9ed0f8b', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: '27280b12a41d00c903e8d39b5948b48c326d46db', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '601035c435d596c247d69364eadd8947ebd472f1', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, this.afVariation !== toolsFeedbackVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-icon-chevron-down", { key: 'b7d574b6207f5dc18ba1baff8a018931c6dc394f', class: "digi-expandable-accordion__toggle-icon" })), this.afHeading, this.afVariation === toolsFeedbackVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("span", { key: 'eaa2a0d8ec4f98b0d54df8eb6e55c9fbbefd8c31', class: "digi-expandable-accordion__toggle-label" }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))), index.h("section", { key: 'e84df6674a3fa3fd192104d0825dd7f338fa38a4', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: 'de8b5d832c83d6e54ba9850fe44e714a38aa17af' }, index.h("digi-typography", { key: '2be0c45ad97b2747cabce7ca051071bae1714871' }, index.h("slot", { key: '71c4dfc034a236e4d1ce7ab05978aba52da97b0b' })), this.afVariation === toolsFeedbackVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-button", { key: '8434f5962cedcd532ffdf0525069466263f08619', class: "digi-expandable-accordion__toggle-inside", afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afType: buttonType_enum.ButtonType.BUTTON, onAfOnClick: (e) => this.clickToggleHandler(e.detail, true), afFullWidth: true, afAriaExpanded: this.afExpanded, afAriaControls: `${this.afId}-content` }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))));
+        return (index.h("article", { key: '207480005adcfb36ca3f0a84bd96950ebab39858', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, index.h("header", { key: '3a983cb3cd371ebad31ecbf5becaaa4cbf8bdff4', class: "digi-expandable-accordion__header" }, index.h(this.afHeadingLevel, { key: 'ce51ca860005ae89eb2326aecad8daaefb3c6429', class: "digi-expandable-accordion__heading" }, index.h("button", { key: '13b2f2a25fe441d584a816dcbca4e2ad9c7070a6', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, this.afVariation !== typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-icon-chevron-down", { key: '84d5dbce95232423088a99cfeedbb8a653869a23', class: "digi-expandable-accordion__toggle-icon" })), this.afHeading, this.afVariation === typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("span", { key: '9c1376403348134f151da93664015d4a5fbbd625', class: "digi-expandable-accordion__toggle-label" }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))), index.h("section", { key: 'baf30dceed4446e309f22f455685bae58ca41017', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, index.h("div", { key: 'de34f17525d7cf09d75db433ddbee0d9c5e5ad89' }, index.h("digi-typography", { key: '5230a728fd4f327991a528e3ac63a3a7ce3e5f03' }, index.h("slot", { key: '2d8b8eb040c40d96ed3cb9857b53ee48356b18b6' })), this.afVariation === typographyVariation_enum.ExpandableAccordionVariation.SECONDARY && (index.h("digi-button", { key: 'a5fa7a651a2f81aa108ed31df6bad98a3bd28808', class: "digi-expandable-accordion__toggle-inside", afVariation: buttonVariation_enum.ButtonVariation.FUNCTION, afType: buttonType_enum.ButtonType.BUTTON, onAfOnClick: (e) => this.clickToggleHandler(e.detail, true), afFullWidth: true, afAriaExpanded: this.afExpanded, afAriaControls: `${this.afId}-content` }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-expandable-faq-item.cjs.entry.js

@@ -72,18 +72,18 @@ const ExpandableFaqItem = class {
         }
     }
     render() {
-        return (index.h("article", { key: '361346ec84652ebeb0663b6d408808dd88ea720e', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '00550c8341301623e6729175ad36fc16d4c27c60', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: 'f24cfbf29d4724afb48bf94d7e399c159046e8ad' }, index.h("button", { key: 'df122ba08986d258737b1c6c76d304b72ae9fef2', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (index.h("article", { key: '24c28aa6ee608a3c63441eae2958b9c129d48086', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, index.h("header", { key: '304271c217691ae28c586239c701d288c3ddf2b9', class: "digi-expandable-faq-item__header" }, index.h(this.afHeadingLevel, { key: '366a6fb8794372d77fa147218904409d84f590fc' }, index.h("button", { key: 'f7b1c6def5d63692c62737dc6cc5be53c567ffff', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-pressed": this.afExpanded ? 'true' : 'false', "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: '31f310585933331939e6892e0913d7f04e9cc75c', class: {
+            }, "aria-pressed": this.afExpanded ? 'true' : 'false', "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, index.h("digi-icon-chevron-down", { key: 'ebbe7820ab0877f5c2f12cf7d923eda14f198923', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), index.h("section", { key: 'eca6a7b78f0506b9fdef6b7253bee5dba9a4d447', class: {
+            } }), this.afHeading))), index.h("section", { key: '0ddd4eb2d432560b90c023f5dc1c4705cd6bb375', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, index.h("div", { key: '33d7a485268dd8ec201dc3a3918508a602cb62d8' }, index.h("digi-typography", { key: '720e7734de80c8161a1ecfec776bbaf94492cb8b' }, index.h("slot", { key: '140b4e8f9404af0d1be42b5a7856a3a857e6f911' }))))));
+            }, id: `${this.afId}-content` }, index.h("div", { key: '6bfcaf4addc6960dc310013c3f681fef87c0ea30' }, index.h("digi-typography", { key: '0c30fa2a5e8918abf2073a013f18a2b2f640e0d5' }, index.h("slot", { key: '5d3d774c930bd1f3032e7df9532040683d7febea' }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-expandable-faq.cjs.entry.js

@@ -53,9 +53,9 @@ const ExpandableFaq = class {
             });
     }
     render() {
-        return (index.h("div", { key: '32a8d2da8d24c66ce1e2211ee785e0f0d5261f4c', class: {
+        return (index.h("div", { key: 'a711e8b00214bb7bb6bbfd26603cacba3a6ba0f9', class: {
                 'digi-expandable-faq': true
-            } }, index.h(this.afHeadingLevel, { key: '9c472e72ff33cd7c3ed5725f3382d974b7016029' }, this.afHeading), index.h("slot", { key: '581019a7d2d75d3e5546640b3a8cddfd37cb2670' })));
+            } }, index.h(this.afHeadingLevel, { key: 'c4315e1e42f13e349c0a3f37d97d06522afe81f6' }, this.afHeading), index.h("slot", { key: '54afd5ca71b828751e2919e06d63703cd8e0dc2a' })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const FooterFooterCard = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'bd9422a2874447935fefd410f9e46a5277673e18' }, index.h("div", { key: '10623e093bfbbc95097d12da7700493e106515f2', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '7a33e20703f8c976c8f32fceda772f9a306c8120', class: "digi-footer-card__content" }, index.h("slot", { key: 'e202906ecd7817bcb60bb50476406ab2a8637bf8' })))));
+        return (index.h(index.Host, { key: '04a0d418a4dc81c5e59c0728a96b1fd942374e5e' }, index.h("div", { key: '77b3e6230e8bfa121183bacb98bb5d87dad1c701', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: 'e6c3e97476d3c896d14555948f526baa762c09d9', class: "digi-footer-card__content" }, index.h("slot", { key: 'ccf3c130651f16d5ce87c00b821e8be8fa60ed20' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-cc2d8aef.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./button-size.enum-7921c01e.js');
@@ -18,13 +18,9 @@ require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-input-type.enum-daf781ba.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');
@@ -54,7 +50,6 @@ require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
-require('./typography-variation.enum-5b035b3b.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 
 const footerCss = ".sc-digi-footer-h {\n  --digi--footer--text--color: var(--digi--color--text--inverted);\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--inverted);\n  --digi--footer--link--color--hover: var(--digi--color--text--inverted);\n  --digi--footer--link--border-color--default: var(--digi--color--text--inverted);\n  --digi--footer--link--border-color--hover: var(--digi--color--text--inverted);\n  --digi--footer--padding-top: var(--digi--container-gutter--largest);\n  --digi--footer--margin-top: 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: 62rem) {\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-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: 62rem) {\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: 62rem) {\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}";
@@ -63,15 +58,15 @@ const DigiFooterStyle0 = footerCss;
 const FooterFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.afVariation = toolsFeedbackVariation_enum.FooterVariation.LARGE;
+        this.afVariation = typographyVariation_enum.FooterVariation.LARGE;
     }
     get cssModifiers() {
         return {
-            'digi-footer--small': this.afVariation == toolsFeedbackVariation_enum.FooterVariation.SMALL
+            'digi-footer--small': this.afVariation == typographyVariation_enum.FooterVariation.SMALL
         };
     }
     render() {
-        return (index.h(index.Host, { key: '15a1c21d79e6ff3571975e53be23c08acc26685f' }, index.h("footer", { key: '051ddcf293a2988347e7b145f3944949670e8589', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '553ff1bc7dd79e250a0f7187b780b5f357ac7be3' }, index.h("digi-layout-block", { key: '57c88a813fb14d37107fa9f5136cd78aad0da404', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: '0d207d8d39665df0d730c2c109ee2b40b3388830', "af-no-gutter": true }, index.h("div", { key: 'b8b07a000ec8b5a5d201090a0f3391c41cd0cf14', class: "digi-footer__content-top" }, index.h("slot", { key: '5a214286e0d7424d101de8238b85d0e0903df623', name: "content-top" })), index.h("div", { key: '9ac8711c7aa0440d66a4c7b64502a5f2a6bac81f', class: "digi-footer__content-bottom" }, index.h("slot", { key: '30b2b9c80d67202845ff2df19c518370efe35fe4', name: "content-bottom-left" }), index.h("slot", { key: '4233a4fc49bb190fb870d3645b971f05a9a124d3', name: "content-bottom-right" }))))))));
+        return (index.h(index.Host, { key: 'a61e1b548e49c141dcfbf080395aacfdb885ed88' }, index.h("footer", { key: '8cd11c96960fdb02552af52a7e46d98d53b1ddbc', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '4b5055eb5842e438c5a6c4fdf1c5e08544cc2f84' }, index.h("digi-layout-block", { key: 'f0a4412ff367fb67ce9e6abd68abfc3ae1bb8e92', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: '3b03c59c0498c21b393ee94e6d6ebe93b466b9c1', "af-no-gutter": true }, index.h("div", { key: 'a09315a60fa2632929bbd86e53987b7519b630ac', class: "digi-footer__content-top" }, index.h("slot", { key: '7442e18654919a8b72ec2848985cd2b938961761', name: "content-top" })), index.h("div", { key: 'cf2d0458e56c3a8af623e0007f756d96a7cba160', class: "digi-footer__content-bottom" }, index.h("slot", { key: '9fb9ae5cbf99c77cbf9dcdcda3796273caad82e9', name: "content-bottom-left" }), index.h("slot", { key: 'd3097050e6122ec6acbe0e4863af1b2a3b450e34', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-form-category-filter.cjs.entry.js

@@ -99,7 +99,7 @@ const FormCategoryFilter = class {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (index.h(index.Host, { key: '9f548b04f1266a60bdcbfa0a88ce48d5950bd7dc' }, index.h("div", { key: '07875e22233dcaaf74bdae91cc63029b1778b0f5', class: {
+        return (index.h(index.Host, { key: '67e0c4e7c2be49eabfa299204d5c76f3ad4fd778' }, index.h("div", { key: '2edae8c98f0b70ea19d830cd1e0288b0a2c6b820', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (index.h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -107,7 +107,7 @@ const FormCategoryFilter = class {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (index.h("span", null, category.name, ' ', index.h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: 'a6c540e4680062f8691f60c2aa134b71a8e76511' }, index.h("digi-button", { key: '4405a9448d5d44075e56e988ea8b745bf8078b29', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (index.h("div", { key: '5e2cfb74aea26a4420dda35926ee363634123c43' }, index.h("digi-button", { key: '4e17efbdcc8d395a9d343d9d735745d2b4a2b4a8', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (index.h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (index.h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }

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

@@ -106,7 +106,7 @@ const FormCheckbox = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h("div", { key: 'db557f8e92d9ea23b459cfe2f064ec2a02b18536', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '63ad7293a6b85c2343155f9e431f92c1e3f2a428', class: "digi-form-checkbox__input", ref: (el) => {
+        return (index.h("div", { key: '157f27dae77c0000e0b6ddeee72efdb20250650d', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, index.h("input", { key: '7c0044de2c73836cd8ab7ddcdafbd49fc5a47e2f', 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,7 +114,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: '2a4e866abb065161e7fc7c50a0006d572bb557a0', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '2c1d8b1baf8f53f414da95fa22ff29237a7607ba', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: 'f90247ad0ab1628f46c95f15463c1722b14a5978', 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: 'fd22df376ff643c3d2aa8e6707bf5a2ccb8f48ad', htmlFor: this.afId, class: "digi-form-checkbox__label" }, index.h("span", { key: '0107956f14d4936c71c62bb5ef6f4d40583224fc', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (index.h("p", { key: 'aac314add211dd9d72c7ce9d2d68ab49e0421031', 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,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-cc2d8aef.js');
 const logger_util = require('./logger.util-fdafc086.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
@@ -20,13 +20,9 @@ require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
-require('./form-select-variation.enum-528c1bf0.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
+require('./form-input-type.enum-daf781ba.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');
@@ -56,7 +52,6 @@ require('./tools-feedback-rating-variation.enum-2f71e84d.js');
 require('./typography-heading-jumbo-variation.enum-8677e099.js');
 require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
-const typographyVariation_enum = require('./typography-variation.enum-5b035b3b.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 
 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__list.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__item.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";
@@ -69,7 +64,7 @@ const FormErrorList = class {
         this.afOnReady = index.createEvent(this, "afOnReady", 3);
         this.linkItems = [];
         this.afHeading = undefined;
-        this.afHeadingLevel = toolsFeedbackVariation_enum.FormErrorListHeadingLevel.H2;
+        this.afHeadingLevel = typographyVariation_enum.FormErrorListHeadingLevel.H2;
         this.afDescription = undefined;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-error-list');
         this.afOverrideLink = false;
@@ -129,14 +124,14 @@ const FormErrorList = class {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (index.h("div", { key: '44066a6948209e5f570a0af7951033e8a3ae5ce1', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: '90d1ebf9d07584eced3eb98699108d6737fabd94', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": toolsFeedbackVariation_enum.NotificationAlertVariation.DANGER }, this.afDescription && (index.h("digi-typography", { key: '8381d5cd18a7883a801efeb7e3a6876c01e1c3cf', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: '07ec00300f6d9eae182bf4bd7ae3081c574efd6b', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: '3bc8ed8fb5f234f18637031fb111ac87eaf40012', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (index.h("div", { key: 'cec91ab636d4131b9ec209f407855e5cd2f33a51', class: "digi-form-error-list", id: this.afId }, index.h("digi-notification-alert", { key: 'b3026fb9b5b70247de5b269a9ab671e495dd5a3d', 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: 'b53ad8787caa6bf2a19a338da7577a9781c1fab9', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("p", { key: 'f26d9223609b15c9ca73a0a98757eae282edb0a9', class: "digi-form-error-list__description" }, this.afDescription))), index.h("ul", { key: '3093da16320f9081d65c760b84ff295c4948e89d', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
             return (index.h("li", { class: "digi-form-error-list__item" }, index.h("digi-link-internal", { class: "digi-form-error-list__link", afHref: item.href }, item.text)));
-        }))), index.h("div", { key: 'f993e0d9f4d40205e78f96e148fff01b6bbc0d7e', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: 'c7e9e247c12326d0a2632daa5c11e3230ca67eb7', afOptions: {
+        }))), index.h("div", { key: 'b94a7af049fcefce3be0f9d921ccfbeb21396c45', hidden: true, class: "digi-form-error-list__slot" }, index.h("digi-util-mutation-observer", { key: 'b8b6ed9c8563f7f50d358e614dd8043f508639fc', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: '13c45f79b7814df178387f06eb3a368ca82ece5c' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, index.h("slot", { key: '17ba0ff8ab40727d6dd6fec0e0bb0ec6bd304d50' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const text = require('./text-ca7e238b.js');
+const text = require('./text-3157012b.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 = ".digi--util--fs--xs.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--small) !important;\n}\n\n.digi--util--fs--s.sc-digi-form-file-upload {\n  font-size: calc(var(--digi--global--typography--font-size--small) + 1px) !important;\n}\n\n.digi--util--fs--m.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--base) !important;\n}\n\n.digi--util--fs--l.sc-digi-form-file-upload {\n  font-size: var(--digi--global--typography--font-size--large) !important;\n}\n\n.digi--util--fw--sb.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold) !important;\n}\n\n.digi--util--pt--1.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pt--10.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pt--20.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pt--30.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pt--40.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pt--50.sc-digi-form-file-upload {\n  padding-top: 2.5rem !important;\n}\n\n.digi--util--pt--60.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pt--70.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pt--80.sc-digi-form-file-upload {\n  padding-top: 4.5rem !important;\n}\n\n.digi--util--pt--90.sc-digi-form-file-upload {\n  padding-top: 5rem !important;\n}\n\n.digi--util--pb--1.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pb--10.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pb--20.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pb--30.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pb--40.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pb--50.sc-digi-form-file-upload {\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--pb--60.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pb--70.sc-digi-form-file-upload {\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pb--80.sc-digi-form-file-upload {\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--pb--90.sc-digi-form-file-upload {\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--p--1.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--p--10.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--p--20.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--p--30.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--p--40.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--p--50.sc-digi-form-file-upload {\n  padding: 2.5rem !important;\n}\n\n.digi--util--p--60.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--p--70.sc-digi-form-file-upload {\n  padding: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--p--80.sc-digi-form-file-upload {\n  padding: 4.5rem !important;\n}\n\n.digi--util--p--90.sc-digi-form-file-upload {\n  padding: 5rem !important;\n}\n\n.digi--util--ptb--1.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--ptb--10.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--ptb--20.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--base) !important;\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--ptb--30.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--ptb--40.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--ptb--50.sc-digi-form-file-upload {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--ptb--60.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--ptb--70.sc-digi-form-file-upload {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--ptb--80.sc-digi-form-file-upload {\n  padding-top: 4.5rem !important;\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--ptb--90.sc-digi-form-file-upload {\n  padding-top: 5rem !important;\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--plr--1.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--smallest-2) !important;\n  padding-right: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--plr--10.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--smallest) !important;\n  padding-right: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--plr--20.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--base) !important;\n  padding-right: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--plr--30.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-2) !important;\n  padding-right: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--plr--40.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-4) !important;\n  padding-right: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--plr--50.sc-digi-form-file-upload {\n  padding-left: 2.5rem !important;\n  padding-right: 2.5rem !important;\n}\n\n.digi--util--plr--60.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-5) !important;\n  padding-right: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--plr--70.sc-digi-form-file-upload {\n  padding-left: var(--digi--global--spacing--largest-6) !important;\n  padding-right: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--plr--80.sc-digi-form-file-upload {\n  padding-left: 4.5rem !important;\n  padding-right: 4.5rem !important;\n}\n\n.digi--util--plr--90.sc-digi-form-file-upload {\n  padding-left: 5rem !important;\n  padding-right: 5rem !important;\n}\n\n.digi--util--sr-only.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\n.digi--util--hidden.sc-digi-form-file-upload {\n  display: none;\n}\n\n.sc-digi-form-file-upload-h {\n  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--small--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--medium--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--secondary);\n  --digi--form-file-upload--color--background--large--hover: var(--digi--global--color--cta--blue--dark);\n  --digi--form-file-upload--color--border--small--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--small--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--color--border--medium--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--medium--hover: var(--digi--global--color--function--info--dark);\n  --digi--form-file-upload--color--border--large--default: var(--digi--global--color--neutral--grayscale--darkest);\n  --digi--form-file-upload--color--border--large--hover: var(--digi--global--color--function--info--dark);\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--global--color--cta--link--base);\n  --digi--form-file-upload--button-text--color--hover: var(--digi--global--color--function--info--light);\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--danger);\n  --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n  --digi--form-file-upload--background--error: var(--digi--color--background--danger-2);\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--link);\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}\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(\n    --digi--form-file-upload--button-text--color--hover\n  );\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}\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--icons--complementary-1);\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(\n    --digi--form-file-upload--button-text--color--hover\n  );\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--border--neutral-2);\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--border--neutral-2);\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  display: flex;\n  align-self: baseline;\n  position: relative;\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: 4px;\n  left: 0px;\n  width: 1.375rem;\n  height: 1.375rem;\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--icons--danger);\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;
     }
     afValidationTextChange() {
         this.setValidationText();
@@ -64,7 +63,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;
@@ -349,7 +348,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 {
@@ -373,7 +372,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();
@@ -549,22 +548,22 @@ const FormFileUpload = class {
             } }, this.renderFiles())));
     }
     render() {
-        return (index.h(index.Fragment, { key: 'ba17ebd1a68c4dfdd7842fd147fe70eb28531b07' }, index.h("digi-util-breakpoint-observer", { key: '6abcbd6c77f2079fb806dd5532c5c599d5199b84', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'f1f17ea90d6ae42beb4b0a2837141401b28acf27', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.h("digi-form-label", { key: '53d48c99ef9c28f1e4a7920b2e36fe3f51f009fc', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: '3b48c33247372f0cc9f09e9d75154a42076b9015', class: {
+        return (index.h(index.Fragment, { key: '3caa18105e9ba4422126351d807d7f48a0d5ea20' }, index.h("digi-util-breakpoint-observer", { key: '2fcaa5895c689b0c5eb24f63a04014459cbee7ab', onAfOnChange: (e) => this.breakpointHandler(e) }), index.h("div", { key: 'e83d1a3b7cc3609a21741d840b9b93b396f2b436', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, index.h("digi-form-label", { key: 'ca3a60d4352b518fc5bee033cff6cdea4d886e41', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("div", { key: 'da56f7c6730cc381a3eb22fa9f3d7afc32ae643a', 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: 'b4d8074c13738a51baafc3532f5c7e1fbb2bcce1', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '7d3a7f3d533d09b22ae51db4bfcebef117fed146', class: "digi-form-file-upload__text-area" }, index.h("button", { key: 'c4c06ebbb8092018cf5e9185c34166b0994479d7', type: "button", ref: (el) => {
+            this.afVariation != formValidationMessageVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: '223f94fe4267a7b927c3038b9f0d8573a2a841ff', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '4bd3b79b0aea3c907124b86c723331ebf5ea162f', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '2d3e529d35837e01d72bcd6b47d6d5d54375ddbe', type: "button", ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
-            } }, index.h("digi-icon-paperclip", { key: '585f2712a5fda051566eec8d0578df241580f865', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, index.h("digi-icon-paperclip", { key: 'edbe11ace49acfecceaef23405bbed563f53e8c0', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
             ? this.afUploadBtnText
-            : text._t.form.file_choose), index.h("input", { key: 'c1e9c5a90c34a3449862397e683039d7bf97d17e', ref: (el) => {
+            : text._t.form.file_choose), index.h("input", { key: '19d6c17736cce4374a59652b89a3b1cbcfac3df2', 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: '1433e2a6e90b1fe1b0582eaf5d7062ba09bd33ff' }, this.afVariation !== formFileUploadVariation_enum.FormFileUploadVariation.SMALL &&
-            text._t.form.file_dropzone))), index.h("p", { key: '5253bce63a20f603e307ac4939efe495ba862074', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
+            }, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: '319b89487d5f49841b0647acb653f14dbb62da9a' }, this.afVariation !== formValidationMessageVariation_enum.FormFileUploadVariation.SMALL &&
+            text._t.form.file_dropzone))), index.h("p", { key: 'b09f67a92a4ad687e300fcbeae3a7fb7e7ae02cb', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: '35c8740a26f94da3f7b0ef79e5ac20fae4ac1a74', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (index.h("div", { key: '87a0c804cc671207f533259746dd2e3a258f26bc', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {