@designsystem-se/af 39.4.0-beta.darkmode.1 → 39.5.0

package/dist/collection/components/_form/form-checkbox/form-checkbox.js

@@ -111,7 +111,7 @@ export class FormCheckbox {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h(Host, { key: 'e8ca1dfe96537dd438a4b6c206adfc7c9fd64d9c', tabindex: -1 }, h("div", { key: '850911b7ffdcea222b12c2c883cf93b63f703b4f', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '923a49d0402e6b3034d3e8e6d43033692695c830', class: "digi-form-checkbox__input", ref: (el) => {
+        return (h(Host, { key: 'd65f3b10bcc81390a6dd8ff669b7b88e6b792db5', tabindex: -1 }, h("div", { key: 'a946c40b143842c33d0db93b274c85e5307ba6cc', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'fd47917e689015d260ca6c3d7884d44667455d9c', 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);
@@ -119,7 +119,7 @@ export class FormCheckbox {
                 ? null
                 : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === 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 }), h("label", { key: 'dccbd4e83dbc757483a18ac22d1539ef83dfb534', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '1cbc88be9d74dab3e04472bc9462712377447d4a', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'bdab264d9d13520858c581d2664c0d53171a1415', 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 }), h("label", { key: 'fa62b461c60b54de3bccf598f95188d076f4c338', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'a9a340d0240750079514942d431511ed85f6341a', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '38a38ee333dbfddc997592db7e94ded6f12ec485', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
     }
     static get is() { return "digi-form-checkbox"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-error-list/form-error-list.js

@@ -83,7 +83,7 @@ export class FormErrorList {
         this.afOnClickLink.emit({ id });
     }
     render() {
-        return (h("div", { key: '9471a904e95c6304644d884e15aac90d3b0fbad1', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '13a8bf3037570f929f470cc2a531156d552ca53a', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '8e8ef106286f426b0cbcfd904407582e79e8ce24', "af-variation": TypographyVariation.SMALL }, h("p", { key: '51175a8da94efe46a262ce365994aa3c23983f2e', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: 'b9f5287d0e2c0326100a094a48fa5e7ab314b92f' }))));
+        return (h("div", { key: '0c4f71c70ed3508b1131cc0f1c36178c276049cb', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '9296680964f179e5072b84ddcaf93c487920a8b3', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: 'c994f0e46ed524f49cbb1ad48691086033c377e6', "af-variation": TypographyVariation.SMALL }, h("p", { key: '89ddb19171b4ebe1faf4dffb63c96ed0ea80b19e', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: '90862bca7234cdae69472ab64f2e3a8a5e26b27c' }))));
     }
     static get is() { return "digi-form-error-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-fieldset/form-fieldset.js

@@ -30,7 +30,7 @@ export class FormFieldset {
             this.afErrorMessageIsAlert !== 'false');
     }
     render() {
-        return (h("fieldset", { key: '29ecbd04ee5123d1b3acf9ee3e842564c2d50367', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '1571695ba1c78ed305ad0f3ee66e0026cdf0dcd3', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'c32976dfc7b74adb2b693b73e969d28d15848302' }), h("div", { key: '2753776b8376b6adaec15c619422c51305eca8ac', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '480e90b969af570cee1fd8c50d72214480f9bb48', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+        return (h("fieldset", { key: '281727f1edef16d84c20890ec329f003f043ac14', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '7e4cc7651007bea7d3232a0d82aed07f73ba2013', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'dc24885d2e0ad4f11c32a742ea351ffe3d4b9e4d' }), h("div", { key: '1844704608cbca58562dccfbb56d5dff879251e2', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '35c82c35f32028aa6688bfdd81cff47494330f3a', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
     }
     static get is() { return "digi-form-fieldset"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-file-upload/form-file-upload.css

@@ -3,13 +3,12 @@ v2.0 | 20110126
 License: none (public domain)
 */
 :host {
-  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--tertiary);
+  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);
   --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);
-  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--tertiary);
+  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);
   --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);
-  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--tertiary);
+  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);
   --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);
-  --digi--form-file-upload--color--background--uploaded-files: var(--digi--color--background--secondary);
   --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);
   --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);
   --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);
@@ -63,7 +62,7 @@ License: none (public domain)
   font-family: var(--digi--global--typography--font-family--default);
 }
 :host .digi-form-file-upload--small {
-  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--uploaded-files);
+  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);
   --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);
   --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);
   --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);
@@ -77,7 +76,7 @@ License: none (public domain)
   --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);
 }
 :host .digi-form-file-upload--medium {
-  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--uploaded-files);
+  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);
   --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);
   --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);
   --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);
@@ -91,7 +90,7 @@ License: none (public domain)
   --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);
 }
 :host .digi-form-file-upload--large {
-  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--uploaded-files);
+  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);
   --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);
   --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);
   --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);
@@ -245,7 +244,7 @@ License: none (public domain)
   padding-bottom: 0.75rem;
 }
 :host .digi-form-file-upload__error-list-container.with-files {
-  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--tertiary-hypotes);
+  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);
 }
 :host .digi-form-file-upload__error-list-container .clear-button {
   max-height: 1.5rem;
@@ -274,7 +273,7 @@ License: none (public domain)
   list-style-type: none;
 }
 :host .digi-form-file-upload__item-container:nth-child(n+2) {
-  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--tertiary-hypotes);
+  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);
 }
 :host .digi-form-file-upload__item-pending-container {
   display: flex;

package/dist/collection/components/_form/form-file-upload/form-file-upload.js

@@ -602,22 +602,22 @@ export class FormFileUpload {
             } }, this.renderFiles())));
     }
     render() {
-        return (h(Fragment, { key: 'ea0f5e831e4b91840870f13a0f765bddde7f2b3f' }, h("digi-util-breakpoint-observer", { key: 'fdba1fa892784d3bfaa437c14ca7fe4a2d6211d0', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'cc6ffd28d1478bd5f1205bd3dfe4fa84c19e8f55', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: 'e341b099dceeadda16bb1b00c9f294b32eb619fa', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'ddb216147c7463573e772bd25cd8ea1313c0be8d', class: {
+        return (h(Fragment, { key: '83069862652bb057b4ade8e870f43ea1641c7d2c' }, h("digi-util-breakpoint-observer", { key: '27bc65b3574c42f5b16dfeff2e811ccdce05ba6a', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '816c7e52c0fe0893c647c9d95a3758ada6b9e4a5', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: 'faee214b9bbfcd70ba45ec8c6f4b183a8a27df94', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '0ee520a66a4f40cda20249b823135604c5a2f798', 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.SMALL && (h("div", { key: 'b5ed1a44293012aa6bdcfc86937f04bf751fc642', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: 'ec86494fd7299db8e3c5e9ad9940a633fc9e73a8', class: "digi-form-file-upload__text-area" }, h("button", { key: 'adcc823a998bce77bd83f2c0ee486f55d060204b', type: "button", id: this.afId + '-button', ref: (el) => {
+            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: 'f04e8f14c0043cd4a6d6ffb616db01a2975cc9e5', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: 'c5ff24fe4f6bb6f2a3cff53568bba5c4193de367', class: "digi-form-file-upload__text-area" }, h("button", { key: '7a207ece768ccdc173117facbd8bef5c5f76ac6b', type: "button", id: this.afId + '-button', ref: (el) => {
                 this._uploadButton = el;
             }, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
                 margin: '0'
-            } }, h("digi-icon-paperclip", { key: 'ae23c375fcbbbf3e4b8b105d7e30d9c8316fc5f3', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, h("digi-icon-paperclip", { key: '3976556e518bfa6f954d89e7217ed15b6e300a39', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
             ? this.afUploadBtnText
-            : _t.form.file_choose), h("input", { key: '5d2beb87d1565c478cfa280b9790fc25de90e958', ref: (el) => {
+            : _t.form.file_choose), h("input", { key: 'b2346e862c48e16cebf663c6ac1cf786e3698034', 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" }), h("span", { key: 'c8e9e00250ab4cb9da92bd7695fb389ddd74428a' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), h("p", { key: 'e54f8e9d99ddd6b39833c32f3080c6f7eef840a9', class: "visually-hidden", role: this.errorMessageIsAlert ? 'alert' : null, "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" }), h("span", { key: '8ce154335e22dce04d656f54da41a19ad171bf32' }, this.afVariation !== FormFileUploadVariation.SMALL &&
+            _t.form.file_dropzone))), h("p", { key: 'ccd6176368265c11bb579a38780033d373307e8f', class: "visually-hidden", role: this.errorMessageIsAlert ? 'alert' : null, "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (h("div", { key: '5f246f4669dc97e046855e46f25792da5325051c', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (h("div", { key: '17798bba897bd1e54fda60e85acbe9a531202674', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     static get is() { return "digi-form-file-upload"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-filter/form-filter.css

@@ -8,13 +8,14 @@ License: none (public domain)
   --digi--form-filter--scroll--max-height--large: 23.4275rem;
   --digi--form-filter--scroll--padding: var(--digi--padding--small);
   --digi--form-filter--reset-button--margin-left: var(--digi--padding--small);
-  --digi--form-filter--legend__border-bottom: var(--digi--border-width--primary) solid var(--digi--color--divider--tertiary-hypotes);
+  --digi--form-filter--legend__border-bottom: var(--digi--border-width--primary) solid var(--digi--color--divider--primary);
   --digi--form-filter--list--margin: 0;
   --digi--form-filter--list--padding: var(--digi--gutter--small) 0 0 0;
   --digi--form-filter--item--margin: var(--digi--gutter--small) 0;
   --digi--form-filter--toggle-icon--transition: ease-in-out 0.2s all;
+  --digi--form-filter--dropdown--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
   --digi--form-filter--dropdown--border-radius: var(--digi--border--radius--primary);
-  --digi--form-filter--dropdown--background: var(--digi--color--background--dropdown);
+  --digi--form-filter--dropdown--background: var(--digi--color--background--primary);
   --digi--form-filter--dropdown--min-width: 18.75rem;
   --digi--form-filter--dropdown--margin-top: var(--digi--gutter--small);
   --digi--form-filter--dropdown--z-index: 999;
@@ -100,7 +101,7 @@ License: none (public domain)
   z-index: var(--digi--form-filter--dropdown--z-index);
   background: var(--digi--form-filter--dropdown--background);
   border-radius: var(--digi--form-filter--dropdown--border-radius);
-  box-shadow: 0 2px 6px 0 var(--digi--color--misc--dropshadow);
+  box-shadow: var(--digi--form-filter--dropdown--box-shadow);
   overflow: hidden;
   margin-top: var(--digi--form-filter--dropdown--margin-top);
 }

package/dist/collection/components/_form/form-filter/form-filter.js

@@ -212,24 +212,24 @@ export class FormFilter {
         });
     }
     render() {
-        return (h(Host, { key: 'dfd9336afc099665b35c08b47467d68320279469' }, h("div", { key: 'a329b82ecd5905e1792021a16dd1c12b3b7b00a0', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: '629ed6c227116a5fa43e0e2e4c90da6f15310b46' }, h("div", { key: '60e8979ca12ea06f48dac9103fed77a25a895b64', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
                 'digi-form-filter': true,
                 'digi-form-filter--open': this.isActive
-            } }, h("digi-button", { key: 'b5a6b2aca44be78743d9f0df213b801395f09ae4', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: '38753316b8e1cdc24a977c835da398ff344b3d68', class: {
+            } }, h("digi-button", { key: 'f91142adf06d5320b5bd18f7e057ba3db67982a4', id: `${this.afId}-toggle-button`, afInputRef: (el) => (this.refs.toggle = el), class: "digi-form-filter__toggle-button", onAfOnClick: () => this.handleToggle(), "af-aria-haspopup": "true", "af-variation": "secondary", "af-aria-label": this.afFilterButtonAriaLabel, "af-aria-labelledby": this.afFilterButtonAriaDescribedby, "af-aria-controls": `${this.afId}-dropdown-menu`, "af-aria-expanded": this.isActive, "af-autofocus": this.afAutofocus ? this.afAutofocus : null }, h("i", { key: '06b3942b320859323c70bef9a48b0170e62494b1', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: 'bef6dc84b8439cb5bd45229f5e77b0a2bd6a97ad', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '9572d1ec8bc6f8ac50252be491131544fbb2c151', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'f2071068664d89a5510f2840a7d8912b654c56f4', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: '72654121dd476fde27a6dfc8dac7e0fa308da60a', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: 'a1d0c0155b0c5017cc85315134130b41697a6d54', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '930be23958d57a8ec6b40e027f9729cb3297bc6c', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
                 'digi-form-filter__dropdown': true,
                 'digi-form-filter__dropdown--right': this.afAlignRight,
                 'digi-form-filter__dropdown--hidden': !this.isActive
-            } }, h("div", { key: '3574702676988b2a0777564b343fdf6dc271177c', class: "digi-form-filter__scroll" }, h("fieldset", { key: '03098521d312f77170041c7240c1bfd1f9831107' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '532094b7579a8c7f60e87e4ee973f66b16cb7487', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: 'be2ff919debc13ccae9b55443b6ede7b20584a62', class: "digi-form-filter__scroll" }, h("fieldset", { key: 'e8e95989e36cefe37dc8d9ea35f733b721ba0925' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'ad8e66517cee5fe0c6ed26c016e23a00e62ee9ff', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
             const isChecked = this.checkedItems.includes(item.id);
             const isTabbable = this.tabItems.includes(item.id);
             return (h("li", { class: "digi-form-filter__item", key: item.id }, h("digi-form-checkbox", { afInputRef: (ref) => (this.refs.filter = Object.assign(Object.assign({}, this.refs.filter), { [item.id]: ref })), afTabIndex: isTabbable ? 0 : -1, afLabel: item.label, afValue: item.id, afChecked: isChecked, onClick: (e) => {
                     e.preventDefault();
                     this.handleCheckItem(item);
                 } })));
-        })))), h("div", { key: 'c7985ef9aec4f29899fc4ff829867fd43fa85c08', class: "digi-form-filter__footer" }, h("digi-button", { key: '06dca89dd7498a070c1046a97cdda36986bebded', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: '863114cc93fd93a5fea02d114d60c64c86d29d8f', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: 'ac372d9c7e3a82886b6b692493bfcb536b52b5be', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '5c1fc764d95c7928a84a13cfb57f9299e620e510' }))));
+        })))), h("div", { key: '79448216684afafd5746362f923ca6cda0b3a136', class: "digi-form-filter__footer" }, h("digi-button", { key: '891b9ba1f286b1c9fc11c42855c41612fb3b84f4', class: "digi-form-filter__submit-button", "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => this.handleSubmit(), afInputRef: (ref) => (this.refs.submit = ref) }, this.afSubmitButtonText), !this.afHideResetButton && (h("digi-button", { key: '11fa710bab35b7709c8063f143da9af0da6daaef', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.handleReset(), class: "digi-form-filter__reset-button", afInputRef: (ref) => (this.refs.reset = ref) }, this.afResetButtonText))))), h("div", { key: '29f9d7299f89d564a616c302d9965e8431cbc3f8', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: 'a4b103b33602a14617884e95a28db8b958fcbbcd' }))));
     }
     static get is() { return "digi-form-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-input/form-input.js

@@ -177,12 +177,12 @@ export class FormInput {
         this.hasButton = !!this.hostElement.querySelector('[slot="button"]');
     }
     render() {
-        return (h(Host, { key: '2739bdd7385125581d7ea9c25a3610f5950c6a74', tabindex: -1 }, h("div", { key: '7e261c1e2fc4f37f4ddda861872a470c89181e16', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '7e8fd283dedf0a851c714331ae640f7c74176bde', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: '68d715181c180ebaf957dfb46afb63b19b8a8188', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: 'e25ab871e988f9e8bd0837f75403e85f7423805f', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR
+        return (h(Host, { key: 'bc3d04d6ce2c7493463e25777c886a02aab33b60', tabindex: -1 }, h("div", { key: '4e7331cdfbeca168b993d4b2dbd3d6404cb55002', class: Object.assign({ 'digi-form-input': true }, this.cssModifiers) }, h("digi-form-label", { key: '3a6b5f558655f055a547fbf5a9d4b37a1cdfd54d', class: "digi-form-input__label", afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'e451db64601f98466d7bdd1914e4e207a1d090d6', class: "digi-form-input__input-wrapper" }, h("input", Object.assign({ key: '36db75eec2ec062a5cad58b03561f6ba64b00a2b', class: "digi-form-input__input", ref: (el) => (this._input = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-autocomplete": this.afAriaAutocomplete, "aria-invalid": this.afValidation === FormInputValidation.ERROR
                 ? 'true'
                 : 'false', "aria-controls": this.afAriaControls, autocomplete: this.afAutocomplete, autofocus: this.afAutofocus ? this.afAutofocus : null, maxLength: this.afMaxlength, minLength: this.afMinlength, max: this.afMax, min: this.afMin, step: this.afStep, list: this.afList, role: this.afRole, dirName: this.afDirname, required: this.afRequired, id: this.afId, name: this.afName, type: this.afType, value: this.afValue }, (this.afInputmode == FormInputMode.DEFAULT
             ? {}
-            : { inputmode: this.afInputmode }))), h("slot", { key: 'c14ae079a53099fc3928bcf3ac7f5517c20b0f36', name: "button" })), h("div", { key: '75d6afa176cd8620e31c384e169b3c84a3bb584d', class: "digi-form-input__footer" }, h("div", { key: '81029d425aae06e3c72c08afe982f2ff1a7bb81d', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: '9a8fec12db8c78a037a9b70194b32814d7641dad', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
+            : { inputmode: this.afInputmode }))), h("slot", { key: 'cce7fa086fdb6996753b0c86e7e3a4e441c2f3d5', name: "button" })), h("div", { key: '233fb68dc6d2fe40e55024732a90750009bc1818', class: "digi-form-input__footer" }, h("div", { key: 'd5f2fab5f4c385f4b2dc10804e265d6c04d55dd4', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormInputValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'bb2cd0ac275e22e95c6785f0d4c90ef37dfc6d7f', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     static get is() { return "digi-form-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-input-search/form-input-search.js

@@ -125,10 +125,10 @@ export class FormInputSearch {
         };
     }
     render() {
-        return (h(Host, { key: '479760a36173d0a06d88a6c407c87543a6b13125', tabindex: -1 }, h("div", { key: '4e49bfd22f8191c07418f4e11b6328c53efbf8d8', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'e4fdc40206a1bb9423b852e1f7e683ea8676a924', class: {
+        return (h(Host, { key: '0644a6dc56c3e6223d8150e6cac0410543b9001d', tabindex: -1 }, h("div", { key: '67b6bf12828abf4245dd9c06c32043965a2d880f', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '4c8c614a10dfa9bdbe0c3cd28dbdadd74a5be37b', class: {
                 'digi-form-input-search__input': true,
                 'digi-form-input-search__input--no-button': this.afHideButton
-            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '3cd29d50fde3ddeb6b731969a51609688554cf75', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '26f2f3fbcd23a4e8ac3646f6f7d1cafd75126345', slot: "icon" }), this.afButtonText))))));
+            }, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '9e67c29ddca5c642e1c6c4464662c9172d75f474', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '0abfcf61703e2f8901caa567cd9efac74503dc8e', slot: "icon" }), this.afButtonText))))));
     }
     static get is() { return "digi-form-input-search"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-label/form-label.js

@@ -62,7 +62,7 @@ export class FormLabel {
         }
     }
     render() {
-        return (h("div", { key: 'ac9aec4d1d20cc37694af578a97a16a17291c9f3', class: "digi-form-label" }, h("div", { key: 'bf27c3012d1973798095e6b832572fc20863c5f1', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '75435e49548e4fa27330a35b033689a0ed9e99a7', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '113f2d2002676bd1066084f88f99f1ce85b97e76', tabindex: "-1", class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '8ef326712ecce745b5b45bb34d848debb5833327', tabindex: "-1", class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '954df6c9e3e386e43ebb963277ab7e33f3806832', class: "digi-form-label__actions" }, h("slot", { key: '52bc7668a2679c5fde4d3b45afbc2e5c7768be68', name: "actions" }))))));
+        return (h("div", { key: '78c3c9cc7609ede22abcd68c16514c85b52c945e', class: "digi-form-label" }, h("div", { key: '5bd7a74e6508c261f489716673f011391bf7c0d8', class: "digi-form-label__label-group" }, this.afFor && this.afLabel && (h("label", { key: '6952422ebe4e447857befae6116fd7336046dc1f', class: "digi-form-label__label", htmlFor: this.afFor, id: this.afId }, h("span", { key: '2da61e9396c9c20b40ee4d80c21ae96e2a491e8f', tabindex: "-1", class: "digi-form-label__label--label" }, this.labelText), this.afDescription && (h("span", { key: '858d2ae39681662c278352e42b7bccb511279bd0', tabindex: "-1", class: "digi-form-label__label--description" }, this.afDescription)))), this.hasActionSlot && (h("div", { key: '7719bef7cfe38637a5ef4b71d5e9a6237ed48ff2', class: "digi-form-label__actions" }, h("slot", { key: '37bd2332a7d4e7fa15c4ff61a0cc26c92bed08d8', name: "actions" }))))));
     }
     static get is() { return "digi-form-label"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-radiobutton/form-radiobutton.css

@@ -47,12 +47,6 @@ License: none (public domain)
   border-color: var(--BORDER-COLOR--CHECKED);
   box-shadow: 0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error);
 }
-:host .digi-form-radiobutton--error .digi-form-radiobutton__input:not(:checked):focus-visible ~ .digi-form-radiobutton__label .digi-form-radiobutton__circle {
-  box-shadow: inset 0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error), 0 0 0 5px white;
-}
-:host .digi-form-radiobutton--error .digi-form-radiobutton__input:checked:focus-visible ~ .digi-form-radiobutton__label .digi-form-radiobutton__circle {
-  box-shadow: inset 0 0 0 var(--digi--border-width--primary) var(--digi--form-radiobutton--box-shadow--error), 0 0 0 5px white;
-}
 
 .digi-form-radiobutton__input {
   position: absolute;

package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js

@@ -100,9 +100,9 @@ export class FormRadiobutton {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h(Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
+        return (h(Host, { key: 'e4a9fa49fa450be338cb5036bc060b09231c828d', tabindex: -1 }, h("div", { key: '6bbecd6e19cb53a5204dd9d294f5f02634c45051', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '77d50ae7929b92fe118cfd645fac76c8702ca8e4', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
                 ? 'true'
-                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
+                : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '6147c0990e90866206cd9b4dfc6ccef146fe18c8', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '2c23fb44e395c7a5871b083cd8d153454e37a360', class: "digi-form-radiobutton__circle" }), this.afLabel))));
     }
     static get is() { return "digi-form-radiobutton"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-radiogroup/form-radiogroup.js

@@ -92,9 +92,9 @@ export class FormRadiogroup {
         });
     }
     render() {
-        return (h(Host, { key: '4dbf540c453ceae10ede282625b6cec774e38e7e', tabindex: -1 }, h("div", { key: '2c3b135f63fc23dd1cd3418e6191fb5fbf18bfce', id: this.afId, class: {
+        return (h(Host, { key: 'fe691e3d5e0ffb6d0289365a0b1f5b6443cc2bcc', tabindex: -1 }, h("div", { key: 'ee096645242254ca00e918facb2dc40467b51ad0', id: this.afId, class: {
                 'digi-form-radiogroup': true
-            } }, h("slot", { key: 'a30c5afdfac57eba9f4bbf99d649858be9fe2551', onSlotchange: () => this.setRadiobuttons(this.value || this.afValue) })), h("div", { key: '1c4a269da4da56c91c1792d95e2e51c41820e73e', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormRadiogroupValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'ad4781c8cfe0bd5457f4d96d1acb8894ff7256be', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+            } }, h("slot", { key: '5c24b6cae4673f069fd2f5137350063b72557b07', onSlotchange: () => this.setRadiobuttons(this.value || this.afValue) })), h("div", { key: '3e003b80056bd750e76f46af8d81017a06856e9d', class: "digi-form-input__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-text` }, this.afValidation != FormRadiogroupValidation.NEUTRAL && (h("digi-form-validation-message", { key: 'dbbfbbfb56db3f3029d71a2d046eaee2a1960db5', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
     }
     static get is() { return "digi-form-radiogroup"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-receipt/form-receipt.js

@@ -80,7 +80,7 @@ export class FormReceipt {
         return (h("div", { class: "digi-form-receipt__content" }, h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (h("div", { key: 'f28dea64d4e1d8600757d7c5afcaca5c33b596c9', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (h("div", { key: 'a3f258babb2e8829afef0d9cb07cb27533c730eb', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     static get is() { return "digi-form-receipt"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-select/form-select.css

@@ -3,8 +3,8 @@ v2.0 | 20110126
 License: none (public domain)
 */
 :host {
-  --digi--form-select--background--empty: var(--digi--color--background--interactive--default--input-elements);
-  --digi--form-select--background--neutral: var(--digi--color--background--interactive--default--input-elements);
+  --digi--form-select--background--empty: var(--digi--color--background--interactive--default--secondary);
+  --digi--form-select--background--neutral: var(--digi--color--background--interactive--default--secondary);
   --digi--form-select--background--success: var(--digi--color--background--interactive--validation--success);
   --digi--form-select--background--warning: var(--digi--color--background--interactive--validation--warning);
   --digi--form-select--background--error: var(--digi--color--background--interactive--validation--error);

package/dist/collection/components/_form/form-select/form-select.js

@@ -151,14 +151,14 @@ export class FormSelect {
             : false;
     }
     render() {
-        return (h(Host, { key: 'b40fb54f41ae0b739a943d600624889b604865b2', tabindex: -1 }, h("div", { key: 'e753b10a46503f6711b35dd1d30b8be59296cc0b', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'a820eb5ffec3ac101febd080add2ddf9aa537c21', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'ad8616ae6b48a6e10c2827a7d00d51daa44129ec', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'ffe072a753cfe6a7f6afd300e34f8aff9ec4fc2a', class: "digi-form-select__select-wrapper" }, h("select", { key: '204dbc6361c6fb0a0ae0265cdd05db1888380c6d', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
+        return (h(Host, { key: 'fa05393217c58cb56e451dc8fe9463504d6a300d', tabindex: -1 }, h("div", { key: 'feaedb4dc5c663a3fde4b9c56cc52f39c316ebe8', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'c13e62f88ee2d3d2205d53ee97defd61cd55d4c8', class: "digi-form-select__label-group" }, h("digi-form-label", { key: '56932b0aa1bda5491666b103a75a39857939cf5f', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: 'c64d5ed5f7d148db11c1091ffc3fadf0ff0c5cda', class: "digi-form-select__select-wrapper" }, h("select", { key: '509e0affa812c5950abc8c199608e1bbacc70873', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
                 ? 'true'
-                : 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: '0f4675533c05c4e6a2f3dd7b502676aa6354c001', class: {
+                : 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: '7787a78ae8a05f8a59d020ee0f87494fe88105e0', class: {
                 'digi-form-select__select-option': true,
                 'digi-form-select__select-option--initial-value': true
             }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
             return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
-        })), h("digi-icon-input-select-marker", { key: '13c14346d06dbf9d67bedfcb45300ee0cd7921e4', class: "digi-form-select__icon", slot: "icon" })), h("div", { key: '9a88dda5d1d981016bb17a053d913eadd89e5e07', hidden: true }, h("slot", { key: '9b6cc012b2c0fead2a1e70441abebbb28364b450' })), h("div", { key: '1f13d6ddaf2a9d78a7c66c242bfe5ac35cf2c961', class: "digi-form-select__footer" }, h("div", { key: '6ba7c2aea4196e0e1b646e22ca9d14be65540ccb', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'eee53a1c30af8d43e8f60d3c85764f65d335e9ec', "af-variation": this.afValidation }, this.afValidationText)))))));
+        })), h("digi-icon-input-select-marker", { key: 'f344f09f7f591867d6205b4a67390b579b44e624', class: "digi-form-select__icon", slot: "icon" })), h("div", { key: 'e2ca1ec1fdce28eb0f4aa40acb0a760a8fdc67a0', hidden: true }, h("slot", { key: 'f38120495c88c0ee63b2a85baa671be3d307e23d' })), h("div", { key: '7081d2f99cbdc49ac25d2a6bc5a86ad76385ff19', class: "digi-form-select__footer" }, h("div", { key: '20e66dae37629e92c8ba54b78f95d454650e0869', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '0125fcc8076542953cc99a6113d9de4ebdf14ad8', "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     static get is() { return "digi-form-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-select-filter/form-select-filter.css

@@ -3,7 +3,7 @@ v2.0 | 20110126
 License: none (public domain)
 */
 :host {
-  --digi--form-select-filter--footer--background: var(--digi--color--background--secondary-accent);
+  --digi--form-select-filter--footer--background: var(--digi--color--background--secondary);
   --digi--form-select-filter--scroll--max-height: 10.625rem;
   --digi--form-select-filter--scroll--padding: var(--digi--padding--small);
   --digi--form-select-filter--reset-button--margin-right: var(--digi--padding--small);
@@ -13,7 +13,7 @@ License: none (public domain)
   --digi--form-select-filter--item--margin: var(--digi--gutter--small) 0;
   --digi--form-select-filter--toggle-icon--transition: ease-in-out 0.2s all;
   --digi--form-select-filter--dropdown--border-radius: var(--digi--border-radius--input);
-  --digi--form-select-filter--dropdown--background: var(--digi--color--background--dropdown);
+  --digi--form-select-filter--dropdown--background: var(--digi--color--background--interactive--default--input-elements);
   --digi--form-select-filter--dropdown--min-width: 18.75rem;
   --digi--form-select-filter--dropdown--margin-top: var(--digi--gutter--small);
   --digi--form-select-filter--dropdown--z-index: 999;
@@ -32,7 +32,7 @@ License: none (public domain)
   --digi--form-select-filter--dropdown--item--margin-bottom: 0px;
   --digi--form-select-filter--dropdown--item--border-width: var(--digi--border-width--primary);
   --digi--form-select-filter--dropdown--item--border-type: var(--digi--border-style--primary);
-  --digi--form-select-filter--dropdown--item--border-color: var(--digi--color--divider--tertiary-hypotes);
+  --digi--form-select-filter--dropdown--item--border-color: var(--digi--color--divider--primary);
   --digi--form-select-filter--dropdown--item--padding-y: var(--digi--margin--small);
   --digi--form-select-filter--dropdown--item--padding-x: var(--digi--margin--largest);
   --digi--form-select-filter--dropdown--item--multiple--padding-y: var(--digi--margin--small);
@@ -230,7 +230,7 @@ License: none (public domain)
   margin-right: var(--digi--form-select-filter--reset-button--margin-right);
 }
 :host .digi-form-select-filter__dropdown {
-  box-shadow: 0 2px 6px 0 var(--digi--color--misc--dropshadow);
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.7);
   min-width: var(--digi--form-select-filter--dropdown--min-width);
   width: 100%;
   position: absolute;

package/dist/collection/components/_form/form-select-filter/form-select-filter.js

@@ -541,16 +541,16 @@ export class FormSelectFilter {
         const descriptionId = this.afDescription
             ? this.afId + '--label--description'
             : '';
-        return (h(Host, { key: '36f885eb0d406344333d0d3fdc878580b9772384', tabindex: -1 }, h("div", { key: 'bbe35192214230cd9ddd8c2790671867c53cd7c4', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), id: `${this.afId}-identifier` }, h("digi-form-label", { key: '51ba3fafec5ec7a4c9c798a8d56de416800fc8c3', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), this.afDescription && (h("span", { key: '81f3177a5752cf0e9970c234100a348a416d9f8d', id: descriptionId, class: "digi--a11y--sr-only" }, this.afDescription)), h("digi-util-keydown-handler", { key: '27c70393aeae25a2cdc3f77f085f73d227f688ea', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'fc9bc7fec170402401068b64cb1387eab3ef408a', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-describedby": `${this.afFilterButtonAriaDescribedby} ${descriptionId} ${this.afId}--validation-message`, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '7456eb294d9cf7e013425af1fed83fb721da2ddf', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: 'de7ffcae637f59666b5b735689da8539c105e9c8', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '9fe988f42321c510776a4a03850b2c67e5bf4df2', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '1064178874edc53546e06a8a134890e6db1574fa', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: 'c559d98f934e23554f1976de6b8a855e95cacff1', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h(Host, { key: '2a9caf2b209d1b1e3d85a5262cce8cd77dfef968', tabindex: -1 }, h("div", { key: 'da6dcbd61901b58ecd362581495ecc474438733c', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'f29652cf72b83e16cdc90d1d61ecb0cb6ab6d45b', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), this.afDescription && (h("span", { key: 'cb01e23401ea5ad9dbcb10c1f6ff9f714ce2a1cd', id: descriptionId, class: "digi--a11y--sr-only" }, this.afDescription)), h("digi-util-keydown-handler", { key: 'cf0deab9ef31ee70ea410b216f8d9757deb5fac1', onAfOnEsc: () => this.escHandler() }, h("button", { key: '3778d0264382bcf1efefeac5ce65e35cf1836690', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-describedby": `${this.afFilterButtonAriaDescribedby} ${descriptionId} ${this.afId}--validation-message`, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '80876bde416cce53c5c7da803e290bcc83c64a49', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '7e93ffda63c8e2a71153788b8a491b823165fed1', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '6872087d56f18567de8e452a989a4e3c865ef223', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '27ea1f61142a00f4052bc33ef5b571937bea6f34', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '3065f237d133dc92ad99d5496dfb8a98d5f9dde8', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
                 'digi-form-select-filter__dropdown': true,
                 'digi-form-select-filter__dropdown--right': this.afAlignRight,
                 'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, h("fieldset", { key: 'af54f742fb7c0bb0c641acf05d8dd17883b753c9' }, h("div", { key: 'ac9e8f4e1185ced872ec62268c3cb1f64b3d75ed', class: "digi-form-select-filter__header" }, h("legend", { key: 'd625e52f8c849da2b4cdc7575e1851e4412a21f3', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '22897c421223ba66e439e6c38085ed6239685b47', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: '478c29f0ac8b248617eee4a22fd9a72ab81ab43d' }, h("div", { key: 'dba0b4e1fb6e34ed7960eede1b35dce737fedb96', class: "digi-form-select-filter__header" }, h("legend", { key: '24bc61b2e662d4b04f34ef3c9a5004156eb4b22a', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'c1586477ad2cf859dbc0608d2abbb59537550594', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
                 99;
             }, onAfOnKeyup: (e) => {
                 this.inputSearchKeyboardHandler(e.detail);
-            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '5fb9ef3d14be10bbdac05219efa1ef6c7d068953', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '63a57b0e380b33c6c7078338b22ec033ac6aca92', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '7039d415e7e8fa20c58b802668b79f70a3f39f24', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
+            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: 'c8318c598c63201f78b59ba5b6cc6045d0a3ec56', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '8dca77e8ce78ff52bc51cb0e564892c2f7667710', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '444d497f869307049e752a10f50d530264159464', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
                 ? 'false'
                 : this.afValidation ===
                     FormSelectFilterValidation.ERROR
@@ -559,11 +559,11 @@ export class FormSelectFilter {
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '3493dac442bc02bfcabbd11db246e89ec97f9f0c', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '61f023e424638532a1706681c2a1e0859ecf94e0', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
                 ? 'false'
                 : this.afRequired
                     ? 'true'
-                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '62d5f8f20828b47310cab7e3c4938c445f5e6842', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
+                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '1823dd11cf660c297a5fb544026b8401862522fe', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
             this._filteredResult.map((item, index) => {
                 return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -579,9 +579,9 @@ export class FormSelectFilter {
                         : index === 0
                             ? 0
                             : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (h("div", { key: 'fc12aee0445ed158c701bb49f977cad3acdf0971', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'd36b63d60c6ce9bd3f482dea7c77065b87d27f3d', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '24d63a13101c1fe08eca5f1126cabb77971bb66f', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '9e58cc30297d701e75c93445626fbb647d17989e', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: '1afb2b5292f8119b47ab41f35e553911b61aeb30', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: '3e2e62cfc4239de0643976bebd6ef6230837b883', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'a8327831448fb9b838e49d2274156b498321dd9e', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '4dff33fcc465b5f06f26c0b2eb894bb9423217aa', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
                 this.setClosed(true);
-            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '367a06a00ce4418ccfc7b81040ccd01191394469', class: "digi-form-select__footer" }, h("div", { key: 'aad246e7c5251edf1348ce3359e326ebca149fb0', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '0fb9a3f887670fcf9157bcf7395cccf97555b9c5', "af-variation": this.afValidation }, this.afValidationText)))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '3f6c9f2ab1a504730698de030e7cbf4d4040ee17', class: "digi-form-select__footer" }, h("div", { key: '0a38a874d3c9eeb8d072c613d5d22e7c2dfe9372', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'a1fd8044a788b52383ffb37cbac576dd768c8c57', "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     static get is() { return "digi-form-select-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-textarea/form-textarea.js

@@ -135,10 +135,10 @@ export class FormTextarea {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h(Host, { key: 'f97d22d2c9a3e6344fe27bd79b9b163241a0c871', tabindex: -1 }, h("div", { key: '2755702541c871f4cc864256f5ed5bf4e4062188', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'd62b792ec482966f92fc63167c04f0a3324b9761', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '54d4c7653137366d5f6123dde8f4dc6a3b0ae4d0', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '0d629cda55f0f95c77a86686a6e3257b85abe63c', class: "digi-form-textarea__content" }, h("textarea", { key: 'da55ccc8672f8646cd55c06fb8fad817743737c4', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
+        return (h(Host, { key: 'b0fb0fb940e07a856cdd991b60b0c188bef21bd8', tabindex: -1 }, h("div", { key: '190a13182b28b625124f64d34d9bf2a57fc57548', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, h("div", { key: 'bef8401f73c1446799a729cb0d7b1bda180401a0', class: "digi-form-textarea__label" }, h("digi-form-label", { key: '6bd70e8d4f08b673b9357bf9cf39c429fd008e09', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '78453edfcd957687c46e2f4cf47d3b0dba385220', class: "digi-form-textarea__content" }, h("textarea", { key: 'aa5c7a7ef66a8edd2dd73c87aefc3bc786b126d2', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormTextareaValidation.ERROR
                 ? 'true'
-                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: 'f3f04efd0ac2f7375612b32ebb0603e7767e4088', class: "digi-form-textarea__footer" }, h("div", { key: '51f4c475f9e98bb87ab9f7cf595463dc178bfbc3', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: '7894f68da8e5b44ba1d22d0d6f20d531ba4a26a2', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
+                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), h("div", { key: 'a63fb5ab9bdaf93b5562de05f24baec077051d2b', class: "digi-form-textarea__footer" }, h("div", { key: 'c4c4956958547979a9a7b2be6e144ede9f945c66', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != FormTextareaValidation.NEUTRAL && (h("digi-form-validation-message", { key: '3afa4d04a6de51559ae4da7b2e76b7338b409bc0', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     static get is() { return "digi-form-textarea"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-validation-message/form-validation-message.js

@@ -32,7 +32,7 @@ export class FormValidationMessage {
         }
     }
     render() {
-        return (h("div", { key: 'e19f49d6e49b2d928b3c80053fd413d6f86056e0', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: 'ea2cce02d7c3c98c761cfa9abc1e39428c515063', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: 'd732a6a477a88fc3ca2e18a2199f8f1f528c8a0a', class: "digi-form-validation-message__text" }, h("slot", { key: '8d62d0fc0d2f3290227289b59c975b92133df852' }))));
+        return (h("div", { key: '5f010165e073249ebf394e341afdff8a5ed41db8', class: Object.assign({ 'digi-form-validation-message': true }, this.cssModifiers) }, h("div", { key: '6bff114f85afb3ec53bdf9c9eec43e1f369ab69a', class: "digi-form-validation-message__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '51223bf120314df5505300b35f7c744f89a5e5ce', class: "digi-form-validation-message__text" }, h("slot", { key: '2379115a27540a6422fca6d868ce2fbb931c994f' }))));
     }
     static get is() { return "digi-form-validation-message"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_header/header/header.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { HeaderCenterContentWidth, LayoutBlockContainer, LayoutBlockVariation, UtilBreakpointObserverBreakpoints, } from "../../../enums";
+import { HeaderCenterContentWidth, LayoutBlockContainer, UtilBreakpointObserverBreakpoints } from "../../../enums";
 /**
  * @enums HeaderCenterContentWidth - header-center-content-width.enum.ts
  * @enums LayoutBlockContainer - layout-block-container.enum.ts
@@ -56,7 +56,7 @@ export class Header {
         return (h("div", { class: "digi-header__wrapper" }, h("slot", { name: "header-logo" }), h("slot", { name: "header-content" }), this.hasNavigation && this.isMobile && (h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))));
     }
     render() {
-        return (h("header", { key: '685004eea469ef37ba670db6e868f86fcd07b7b8', "aria-label": this.afAriaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '1f832aa84bd40757b46e51d71a642c42ebf42396', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: 'a76771fec898f419712e0521da415e6ba06e8e97', afContainer: LayoutBlockContainer.NONE, afVariation: LayoutBlockVariation.TRANSPARENT }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '34b9d5755b9a168e8c4cddd44e0802ab2f34e4fc', class: "digi-header__border" }), h("slot", { key: '2aac1569efdc328863ab94e52563ede14d8c2742', name: "header-navigation" }))));
+        return (h("header", { key: 'a6e12f8f848693ee263b2bbccbda7f13077d8e6e', "aria-label": this.afAriaLabel, class: Object.assign({ 'digi-header': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '95e2bf15e3c108c1aa8de067f6de63448b073a8f', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("digi-layout-block", { key: 'a24a7e54def80d26adf8da97ce2f029a07897336', afContainer: LayoutBlockContainer.NONE }, this.afCentered !== HeaderCenterContentWidth.DEFAULT ? (h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), h("div", { key: '31dae08f34d35811753ec85d8c7de0a14dbb3f79', class: "digi-header__border" }), h("slot", { key: '00bf8e461ba4c413b0e163c6fc705f7b54f2fc7c', name: "header-navigation" }))));
     }
     static get is() { return "digi-header"; }
     static get encapsulation() { return "scoped"; }