npm - @designsystem-se/af - Versions diffs - 34.0.4-beta.2 → 34.1.0 - Mend

@designsystem-se/af 34.0.4-beta.2 → 34.1.0

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

Files changed (1721) hide show

package/dist/esm/digi-dialog.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ import './calendar-week-view-heading-level.enum-6774297c.js';
 import './card-footer-border.enum-eed26243.js';
 import './bar-chart-variation.enum-97c0b47f.js';
 import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
+import './typography-variation.enum-bea2321f.js';
 import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
@@ -18,7 +18,6 @@ import './form-checkbox-variation.enum-83e906fc.js';
 import './form-file-upload-variation.enum-9c49ec5e.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
 import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
@@ -51,7 +50,6 @@ import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
-import './typography-variation.enum-38d1ef90.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.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  )}";
@@ -283,11 +281,11 @@ const Dialog = class {
         };
     }
     render() {
-        return (h(Host, { key: 'eb1bb947f13b042ee2dc5ac197b889dd9b5d6159', ref: (el) => {
+        return (h(Host, { key: '34539a8a9731e095ed204c342b1dcbbf766a45a1', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: '439ef1df49ea5b4b843b06f5705ad260a91ba7e9', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, 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" }, h("div", { key: 'bbd5a0f3da339b9b19d896a20cfdd49704f10140', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: 'e0dd4d3de7a86cdb52921dbe0f3dfd24072fc230', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'c2070579411f43f8a0322c19062ffaabfa88aa90', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'bc97b6d0f4528264abd9991042197b665527fbdb', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'e728a1e2f52f2ee15d88c16cac9dd213e00fe7b7' }, this.afCloseButtonText && (h("digi-button", { key: '0c5f3bd81d5cb11fa1141dc8dd6a7748be7282c4', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '2c5ddc670ff74f9fb6aae85adcc0cde7617aec8d', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'f75ecc992532a82e8c909ed9d173390ec6d2e226', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '9acd3a4e26d6f3afae31140441ce11935b22b396', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '62a294c1a12bb673b2509c9062e08ee727ca6b69' }), h("div", { key: 'e4e4633454b4a1393b80f8210633d8180cf6c284', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'a74aa8f2580c6e38afae6895dba15dd4fa56039f', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '87ce5964117fcead379ecd09f8954c343811e186', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: '235e9b11ccc5ae1c84943437a639ddd76ab9b16b' }, this.afCloseButtonText && (h("digi-button", { key: 'e38b7c95212452010352476b074135a0ddb236f0', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '5c981bfd7165ec0c5f84dd66cbf35cd5cbf6f1b0', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'c29dbabf69e3093b9dccd75c673277992f0225f2', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '272f1b7d06834c750df27c6d7516a3d4478c11cb', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '73be81c62c8add95917652d6422dab6ad2584993' }), h("div", { key: 'dab34b232fb7c5e19ebeaae18332a7cceebd4d67', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: 'ac28051d537bcf63166cc362228617defb63f94d', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '43fc82cfdedaef2674c35b9165438be3815a18fa', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-expandable-accordion.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ import './calendar-week-view-heading-level.enum-6774297c.js';
 import './card-footer-border.enum-eed26243.js';
 import './bar-chart-variation.enum-97c0b47f.js';
 import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
+import './typography-variation.enum-bea2321f.js';
 import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
@@ -18,7 +18,6 @@ import './form-checkbox-variation.enum-83e906fc.js';
 import './form-file-upload-variation.enum-9c49ec5e.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
 import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
@@ -51,7 +50,6 @@ import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
-import './typography-variation.enum-38d1ef90.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
@@ -138,7 +136,7 @@ const ExpandableAccordion = class {
         }
     }
     render() {
-        return (h("article", { key: 'f4049e96e0a738f6c6442ca7c2d73ac3c9cddc5c', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: '55abe8aa92ba086f94a50436de06d4e9d9ed0f8b', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '27280b12a41d00c903e8d39b5948b48c326d46db', class: "digi-expandable-accordion__heading" }, 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 !== ExpandableAccordionVariation.SECONDARY && (h("digi-icon-chevron-down", { key: 'b7d574b6207f5dc18ba1baff8a018931c6dc394f', class: "digi-expandable-accordion__toggle-icon" })), this.afHeading, this.afVariation === ExpandableAccordionVariation.SECONDARY && (h("span", { key: 'eaa2a0d8ec4f98b0d54df8eb6e55c9fbbefd8c31', class: "digi-expandable-accordion__toggle-label" }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))), h("section", { key: 'e84df6674a3fa3fd192104d0825dd7f338fa38a4', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'de8b5d832c83d6e54ba9850fe44e714a38aa17af' }, h("digi-typography", { key: '2be0c45ad97b2747cabce7ca051071bae1714871' }, h("slot", { key: '71c4dfc034a236e4d1ce7ab05978aba52da97b0b' })), this.afVariation === ExpandableAccordionVariation.SECONDARY && (h("digi-button", { key: '8434f5962cedcd532ffdf0525069466263f08619', class: "digi-expandable-accordion__toggle-inside", afVariation: ButtonVariation.FUNCTION, afType: 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 (h("article", { key: '8f36885caf761283c64f6621f51009a8359452e9', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'c5075db3c3f7db911fcb91cd4fa358417344ea46', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: 'aa4e12619916be007ad3e1557dd73c76cb1ef909', class: "digi-expandable-accordion__heading" }, h("button", { key: '782179109f66bf89dc5bac402238d0af1ea46a9c', 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 !== ExpandableAccordionVariation.SECONDARY && (h("digi-icon-chevron-down", { key: 'b110e0bff68dfe9948303496f15f53a5d665d416', class: "digi-expandable-accordion__toggle-icon" })), this.afHeading, this.afVariation === ExpandableAccordionVariation.SECONDARY && (h("span", { key: '72d6acad7f9df3ea243f88d0f0ab5c45601c7497', class: "digi-expandable-accordion__toggle-label" }, this.afExpanded ? this.afCollapseText : this.afExpandText, this.toggleIcon))))), h("section", { key: '8e1eb9ff3c25c9756d71e0b93cfcc6e6fc2c7fd1', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: '5169c054bcd4505ae318e81e2bc153fd353376f7' }, h("digi-typography", { key: 'ce8b1571f56735acdc103066ccada62adc9287a3' }, h("slot", { key: 'a1431c75e3ac43d6f3bd2a0d990c08cbeaca43b7' })), this.afVariation === ExpandableAccordionVariation.SECONDARY && (h("digi-button", { key: '0facba73a687733686451651a2a0b7f08b4d606d', class: "digi-expandable-accordion__toggle-inside", afVariation: ButtonVariation.FUNCTION, afType: 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 getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-expandable-faq-item.entry.js CHANGED Viewed

@@ -68,18 +68,18 @@ const ExpandableFaqItem = class {
         }
     }
     render() {
-        return (h("article", { key: '361346ec84652ebeb0663b6d408808dd88ea720e', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '00550c8341301623e6729175ad36fc16d4c27c60', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'f24cfbf29d4724afb48bf94d7e399c159046e8ad' }, h("button", { key: 'df122ba08986d258737b1c6c76d304b72ae9fef2', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '1e483efc9eeba5bfa7bfa729661cbd37da3a44c8', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '401a9c7ad50c3c615afa839d34d153e343697fc5', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '2b6ecf34b7efa7343d455dd83a81169863096d19' }, h("button", { key: 'b1c35ccc37228dcce96efcba916e94fe86b23ba4', 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` }, 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` }, h("digi-icon-chevron-down", { key: '4c513e83b6f3d3e192ce3db59c409e50d44bda19', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), h("section", { key: 'eca6a7b78f0506b9fdef6b7253bee5dba9a4d447', class: {
+            } }), this.afHeading))), h("section", { key: 'c194caff58e7c4342a6f242563ab898ab593be81', 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` }, h("div", { key: '33d7a485268dd8ec201dc3a3918508a602cb62d8' }, h("digi-typography", { key: '720e7734de80c8161a1ecfec776bbaf94492cb8b' }, h("slot", { key: '140b4e8f9404af0d1be42b5a7856a3a857e6f911' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '60f4525e301255b45db82c67631629b072d9c6a1' }, h("digi-typography", { key: 'b141751ead2d0cd30a510bd3180ea6d83f0dc99a' }, h("slot", { key: 'dd4e470c85a4d87beee6990ec39260ee3d504687' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-expandable-faq.entry.js CHANGED Viewed

@@ -49,9 +49,9 @@ const ExpandableFaq = class {
             });
     }
     render() {
-        return (h("div", { key: '32a8d2da8d24c66ce1e2211ee785e0f0d5261f4c', class: {
+        return (h("div", { key: '09d22ebf55ca5f2d6f0619f347b9372c8ef29dc4', class: {
                 'digi-expandable-faq': true
-            } }, h(this.afHeadingLevel, { key: '9c472e72ff33cd7c3ed5725f3382d974b7016029' }, this.afHeading), h("slot", { key: '581019a7d2d75d3e5546640b3a8cddfd37cb2670' })));
+            } }, h(this.afHeadingLevel, { key: 'd4520f1d6f34be5a0d45d4415a426b06db450cb3' }, this.afHeading), h("slot", { key: '75163e2567e60bec3a61c5747707d8cc6ba57836' })));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-footer-card.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const FooterFooterCard = class {
         };
     }
     render() {
-        return (h(Host, { key: 'bd9422a2874447935fefd410f9e46a5277673e18' }, h("div", { key: '10623e093bfbbc95097d12da7700493e106515f2', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '7a33e20703f8c976c8f32fceda772f9a306c8120', class: "digi-footer-card__content" }, h("slot", { key: 'e202906ecd7817bcb60bb50476406ab2a8637bf8' })))));
+        return (h(Host, { key: '535af16657d01d2e08d92b95af9bb23c8d5197ce' }, h("div", { key: 'baf875f1a0a6f42b5fb530fb73e4da5b7f6809c9', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: 'af3562918c33cbaab9dd1ee7a11c0ac8a8060a39', class: "digi-footer-card__content" }, h("slot", { key: 'a8185b8306c7df1b4cf3a6c1d467d25a2a5da17e' })))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-footer.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ import './calendar-week-view-heading-level.enum-6774297c.js';
 import './card-footer-border.enum-eed26243.js';
 import './bar-chart-variation.enum-97c0b47f.js';
 import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
+import './typography-variation.enum-bea2321f.js';
 import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
@@ -17,7 +17,6 @@ import './form-checkbox-variation.enum-83e906fc.js';
 import './form-file-upload-variation.enum-9c49ec5e.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
 import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
@@ -50,7 +49,6 @@ import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
-import './typography-variation.enum-38d1ef90.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.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}";
@@ -67,7 +65,7 @@ const FooterFooter = class {
         };
     }
     render() {
-        return (h(Host, { key: '15a1c21d79e6ff3571975e53be23c08acc26685f' }, h("footer", { key: '051ddcf293a2988347e7b145f3944949670e8589', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '553ff1bc7dd79e250a0f7187b780b5f357ac7be3' }, h("digi-layout-block", { key: '57c88a813fb14d37107fa9f5136cd78aad0da404', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '0d207d8d39665df0d730c2c109ee2b40b3388830', "af-no-gutter": true }, h("div", { key: 'b8b07a000ec8b5a5d201090a0f3391c41cd0cf14', class: "digi-footer__content-top" }, h("slot", { key: '5a214286e0d7424d101de8238b85d0e0903df623', name: "content-top" })), h("div", { key: '9ac8711c7aa0440d66a4c7b64502a5f2a6bac81f', class: "digi-footer__content-bottom" }, h("slot", { key: '30b2b9c80d67202845ff2df19c518370efe35fe4', name: "content-bottom-left" }), h("slot", { key: '4233a4fc49bb190fb870d3645b971f05a9a124d3', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: '46885c322c2f0dd230363d3ab7062a9e6986970c' }, h("footer", { key: '7efcdd8fbb00b74a8ef0a8b35ac92588a94cece4', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '5b37f73650882490442573110be229d37a9e153e' }, h("digi-layout-block", { key: '1415e50387c016c70f2e4098ee4ac84f6af5e441', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '04106f85c738c5dd1282b19f8dcdec35ede6efc3', "af-no-gutter": true }, h("div", { key: '8d4ef8c0b6e191f7f5d33ff1cbaccd722f349238', class: "digi-footer__content-top" }, h("slot", { key: '71b8f0fafec2106ba73f08427b704f5c53104a1b', name: "content-top" })), h("div", { key: 'cd012a74d0b6de6ac4adc06d4d00fe44bb34dcc2', class: "digi-footer__content-bottom" }, h("slot", { key: 'dc6674b23f4ed22fcc0b3593f9e6fa2dc9712125', name: "content-bottom-left" }), h("slot", { key: '50d989e0607826b4879c91419c04988e1cdaf89a', name: "content-bottom-right" }))))))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -95,7 +95,7 @@ const FormCategoryFilter = class {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: '9f548b04f1266a60bdcbfa0a88ce48d5950bd7dc' }, h("div", { key: '07875e22233dcaaf74bdae91cc63029b1778b0f5', class: {
+        return (h(Host, { key: '307d50b679dd2b7505bf224d4eda35b7c672acb9' }, h("div", { key: 'f70188e688e97f07c0eb9735d90197274c263e0b', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -103,7 +103,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' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'a6c540e4680062f8691f60c2aa134b71a8e76511' }, h("digi-button", { key: '4405a9448d5d44075e56e988ea8b745bf8078b29', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '21234ee338d41da7241ab04def48fbfcaa038e4f' }, h("digi-button", { key: '89b0d03991d150f7aaa0dc312b2b63b352e54caf', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }

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

@@ -102,7 +102,7 @@ const FormCheckbox = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (h("div", { key: 'db557f8e92d9ea23b459cfe2f064ec2a02b18536', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '63ad7293a6b85c2343155f9e431f92c1e3f2a428', class: "digi-form-checkbox__input", ref: (el) => {
+        return (h("div", { key: '6053a9d2b143a6a3bd3772916539be443c66f156', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'a510d1b6f59c81d3f513e2772180128da504466a', 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);
@@ -110,7 +110,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 === 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: '2a4e866abb065161e7fc7c50a0006d572bb557a0', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '2c1d8b1baf8f53f414da95fa22ff29237a7607ba', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (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 }), h("label", { key: 'ef12c51e16dbefb5ba131e79682ab910d07712fb', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'ecb394f60eda7b04e3b79160e899af9d994ab719', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '56ab27af4828f6d3e2e60102f9f16b1f5fea112a', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ import './calendar-week-view-heading-level.enum-6774297c.js';
 import './card-footer-border.enum-eed26243.js';
 import './bar-chart-variation.enum-97c0b47f.js';
 import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
+import { T as TypographyVariation } from './typography-variation.enum-bea2321f.js';
 import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
@@ -19,7 +19,6 @@ import './form-checkbox-variation.enum-83e906fc.js';
 import './form-file-upload-variation.enum-9c49ec5e.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
 import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
@@ -52,7 +51,6 @@ import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
-import { T as TypographyVariation } from './typography-variation.enum-38d1ef90.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.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)}";
@@ -125,14 +123,14 @@ const FormErrorList = class {
         this.afOnClickLink.emit(e);
     }
     render() {
-        return (h("div", { key: '44066a6948209e5f570a0af7951033e8a3ae5ce1', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '90d1ebf9d07584eced3eb98699108d6737fabd94', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '8381d5cd18a7883a801efeb7e3a6876c01e1c3cf', "af-variation": TypographyVariation.SMALL }, h("p", { key: '07ec00300f6d9eae182bf4bd7ae3081c574efd6b', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: '3bc8ed8fb5f234f18637031fb111ac87eaf40012', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
+        return (h("div", { key: '06056fe8cb5f3b56c79158d812c1c09a1628541d', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '6fe6e043c279c532f5738634b039dd7f542a3628', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: 'f4b41e24b6725c3c25aebc32071dfce1609d981e', "af-variation": TypographyVariation.SMALL }, h("p", { key: '136d509835b52a285adefbad4c5f3ea40dd701dd', class: "digi-form-error-list__description" }, this.afDescription))), h("ul", { key: 'f670637f5a552151162756785d68076d83a1829d', class: "digi-form-error-list__list" }, this.linkItems.map((item) => {
             return (h("li", { class: "digi-form-error-list__item" }, h("digi-link-internal", { class: "digi-form-error-list__link", afHref: item.href }, item.text)));
-        }))), h("div", { key: 'f993e0d9f4d40205e78f96e148fff01b6bbc0d7e', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: 'c7e9e247c12326d0a2632daa5c11e3230ca67eb7', afOptions: {
+        }))), h("div", { key: '79c1093979510b76f888e9840512daf5908a0dca', hidden: true, class: "digi-form-error-list__slot" }, h("digi-util-mutation-observer", { key: 'f989dce00ab10de93167d9ebcfcf2c9c3eb96c69', afOptions: {
                 attributes: false,
                 childList: true,
                 subtree: true,
                 characterData: true
-            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: '13c45f79b7814df178387f06eb3a368ca82ece5c' })))));
+            }, ref: (el) => (this._observer = el), onAfOnChange: () => this.getLinks() }, h("slot", { key: 'f6c8ff60f509332f365e0e8534050781430d79b9' })))));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -545,22 +545,22 @@ const FormFileUpload = class {
             } }, this.renderFiles())));
     }
     render() {
-        return (h(Fragment, { key: 'ba17ebd1a68c4dfdd7842fd147fe70eb28531b07' }, h("digi-util-breakpoint-observer", { key: '6abcbd6c77f2079fb806dd5532c5c599d5199b84', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'f1f17ea90d6ae42beb4b0a2837141401b28acf27', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, 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 }), h("div", { key: '3b48c33247372f0cc9f09e9d75154a42076b9015', class: {
+        return (h(Fragment, { key: '580ccd74dcdc8a15ee7a50105066c6d609e723b7' }, h("digi-util-breakpoint-observer", { key: '9b9589b28a18ded2bf67994a439bd536f08584e4', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '1e5cff6bafb3a81af192e1ee4298bee2240eca33', class: Object.assign({ 'digi-form-file-upload': true }, this.cssModifiers) }, h("digi-form-label", { key: '75ae2b56e481e00765e1d43234df14c572ea7967', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("div", { key: 'ed0236252fed830bf472d7921d9dcc5a256a91d8', 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: 'b4d8074c13738a51baafc3532f5c7e1fbb2bcce1', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: '7d3a7f3d533d09b22ae51db4bfcebef117fed146', class: "digi-form-file-upload__text-area" }, h("button", { key: 'c4c06ebbb8092018cf5e9185c34166b0994479d7', type: "button", ref: (el) => {
+            this.afVariation != FormFileUploadVariation.SMALL && (h("div", { key: 'ddd140e8b75acf45e0a888d7263b0960ff1b7962', class: "digi-form-file-upload__upload-area-overlay" })), h("div", { key: '10d4233b2ea238241db72a1707ad42e225642282', class: "digi-form-file-upload__text-area" }, h("button", { key: '2a2d261139d36d93e6d0bd7fd137ae7b599cfb19', type: "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: '585f2712a5fda051566eec8d0578df241580f865', "aria-hidden": "true", class: "digi-form-file-upload__button-icon paper-clip", slot: "icon" }), this.afUploadBtnText
+            } }, h("digi-icon-paperclip", { key: 'df312825690f52fd61b6647abfab6e92f597f598', "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: 'c1e9c5a90c34a3449862397e683039d7bf97d17e', ref: (el) => {
+            : _t.form.file_choose), h("input", { key: 'ddf070f55f29363aac37b604324ef79c8012a81f', 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: '1433e2a6e90b1fe1b0582eaf5d7062ba09bd33ff' }, this.afVariation !== FormFileUploadVariation.SMALL &&
-            _t.form.file_dropzone))), 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" }), h("span", { key: '9979fdc76df838ffc9aa8819bbcbf08c91c049ce' }, this.afVariation !== FormFileUploadVariation.SMALL &&
+            _t.form.file_dropzone))), h("p", { key: '4e77feeda7adc04c8fa4255f3b460703d10bc230', class: "visually-hidden", role: "alert", "aria-atomic": "true", ref: (el) => {
                 this._srTextContainer = el;
-            } }), (this.files.length > 0 || this.error) && (h("div", { key: '35c8740a26f94da3f7b0ef79e5ac20fae4ac1a74', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
+            } }), (this.files.length > 0 || this.error) && (h("div", { key: 'acf58e18643a87eeee54c1f7d6db872fa11598c6', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -213,24 +213,24 @@ const FormFilter = class {
         });
     }
     render() {
-        return (h(Host, { key: '7ada0004ebc0364a8f9b36ef0ec30f47b2484d91' }, h("div", { key: 'b4ae3920b7e20cd412ab512dddceab720c3ae59d', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (h(Host, { key: '33b46420ca800f91bea4414f515003e313c45ab2' }, h("div", { key: '4d6383fcd8a3bc6a5f2b0331fdf0c081eb025ce6', 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: 'ba7220ff4a1cb9b41efba60118af483e02e44656', 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: 'baaabea15e95c7f64913e7bc94610b8826003ea9', class: {
+            } }, h("digi-button", { key: '0fef77e1e39067cdd096e9089556348d753aa346', 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: 'e61a6158e1c8909ea84ae8d2bb6313b228c69ec4', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), h("span", { key: '9f883cfc59dd4ed47be8db4778c4199196fed3ff', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: 'bd0128fb644a7e6cab6974171c2a4a1cfa6d1f04', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '797632bcce9f9e95dfadb4f8480bd54728820d70', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), h("span", { key: 'b1139fa62d9e1efdedb351a5b7c49e043b37af2c', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), h("digi-icon-chevron-down", { key: '93b44197a1bb780682568ab9cb9930dbf95415da', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), h("div", { key: '840052db4ddbba622e876fa7279898f7cd3c9f7a', 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: '467b340fa0be5f9904ce0bb9275718da4f0c2781', class: "digi-form-filter__scroll" }, h("fieldset", { key: '5b6afc77162eb93aa1f812e863a799b1b4a0e47a' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: 'dda800cc45f71c140585c37c7c489e6b36273c6d', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, h("div", { key: '75c9eeed26b192149887832faab2311f9fbf771c', class: "digi-form-filter__scroll" }, h("fieldset", { key: '9b234f932eb41c9c7dd29984f88ca194edcd6348' }, this.afName ? (h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), h("ul", { key: '81169739f755d31d18dc0e8c9fd9a7435fa80a9c', 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: 'abeee0ad4ef3760cf8305b22d2b690315c0c8512', class: "digi-form-filter__footer" }, h("digi-button", { key: 'b5ca7c77f6932c836a468f0569e80b2e2c1db99c', 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: 'ff13148637fa36ab8bc3664244e1cb9a92100db0', "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: 'f1aa1d7157693bba80426d69df5df6fcdfc5e2dc', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '3e1538e20c1a617b2e437ec8923c4630ed4b3f3a' }))));
+        })))), h("div", { key: '4870d1ff4d945751b715eebbff6dbd15d1b5517b', class: "digi-form-filter__footer" }, h("digi-button", { key: 'e4fbc043ccaa1c0b384a7af27af2a00338af8da0', 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: 'fa1687bda6bc611f4e810039656f73aa8864ec90', "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: '82c097a454fd958768eae605eb16317e2a0ed91a', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, h("slot", { key: '7ce9c0f253557196321516b182bff2ce6b8d2da1' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -124,10 +124,10 @@ const FormInputSearch = class {
         };
     }
     render() {
-        return (h("div", { key: '894e7eeebb171b4cf80767875bda2d943b87eac5', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'ef21889f700815573b4b784a72dbeaf4385b8908', class: {
+        return (h("div", { key: '7de63915fb92fa4bc91837bb05c13d420207d818', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '67c9a320e90a72cc82b0515d5faa124624a5ae4b', 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: '0671496f5e528f2d18e31867e338d92168be1e94', 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: '94ac3699331a41b6ce82ffa6156adb8990d5d189', 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: '87e99c7c90f41b66417e69629dd88307f3d29211', 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: '985805e3e6c0ada2974dd1043a7a85c70e289fda', slot: "icon" }), this.afButtonText)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -45,7 +45,7 @@ const FormRadiogroup = class {
         return {};
     }
     render() {
-        return (h(Host, { key: '56ba534a891fe531735c75b574700df7b0763d10' }, h("div", { key: '9abc1cea17aadca6383a07df530dd9dccb6917f6', class: Object.assign({ 'digi-form-radiogroup': true }, this.cssModifiers) }, h("digi-util-mutation-observer", { key: '0e3229b00154f836003ecef98f9e9d67504bf317', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: '0254cddb2bc367ef826472e4e6223f3bee82999f' })))));
+        return (h(Host, { key: '10a387159750e22425c43ed7a50c26495942a630' }, h("div", { key: '60ed16f5262d61db5f26002ff2dc959fd57c5213', class: Object.assign({ 'digi-form-radiogroup': true }, this.cssModifiers) }, h("digi-util-mutation-observer", { key: '3faf46fe1f1f83ea814e2170ad2d28dd51102a42', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, h("slot", { key: 'fa1feed90506eaa8786d3fff2728c97d34cfb8df' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ import './calendar-week-view-heading-level.enum-6774297c.js';
 import './card-footer-border.enum-eed26243.js';
 import './bar-chart-variation.enum-97c0b47f.js';
 import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
+import './typography-variation.enum-bea2321f.js';
 import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
@@ -17,7 +17,6 @@ import './form-checkbox-variation.enum-83e906fc.js';
 import './form-file-upload-variation.enum-9c49ec5e.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import './form-input-type.enum-3da3db27.js';
-import './form-input-variation.enum-64d9450f.js';
 import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
@@ -50,7 +49,6 @@ import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
-import './typography-variation.enum-38d1ef90.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
 const formReceiptCss = ".digi--util--fs--xs.sc-digi-form-receipt{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-form-receipt{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-form-receipt{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-form-receipt{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-form-receipt{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-form-receipt{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-form-receipt{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-form-receipt{padding-top:5rem !important}.digi--util--pb--1.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-form-receipt{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-form-receipt{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-form-receipt{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-form-receipt{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-form-receipt{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-form-receipt{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-form-receipt{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-form-receipt{padding:2.5rem !important}.digi--util--p--60.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-form-receipt{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-form-receipt{padding:4.5rem !important}.digi--util--p--90.sc-digi-form-receipt{padding:5rem !important}.digi--util--ptb--1.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-form-receipt{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-form-receipt{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-form-receipt{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-form-receipt{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-form-receipt{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-form-receipt{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-form-receipt{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-form-receipt{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-form-receipt{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.sc-digi-form-receipt{display:none}.sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--neutral-5);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 62rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 62rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 62rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}";
@@ -106,7 +104,7 @@ const FormReceipt = class {
         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", { 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: 'd126e6ecf0ba913f3840244bcaf4b43d0f6c7ed2', 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: '2598f309822195720322405c3e92f4a3e5e84d9b', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -14,7 +14,7 @@ import './calendar-week-view-heading-level.enum-6774297c.js';
 import './card-footer-border.enum-eed26243.js';
 import './bar-chart-variation.enum-97c0b47f.js';
 import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
+import { c as FormInputVariation, b as FormInputValidation } from './typography-variation.enum-bea2321f.js';
 import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
@@ -22,7 +22,6 @@ import './form-checkbox-variation.enum-83e906fc.js';
 import './form-file-upload-variation.enum-9c49ec5e.js';
 import './form-input-search-variation.enum-f9d669f2.js';
 import { a as FormInputType } from './form-input-type.enum-3da3db27.js';
-import { b as FormInputVariation, a as FormInputValidation } from './form-input-variation.enum-64d9450f.js';
 import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
 import './form-validation-message-variation.enum-bcef8a9d.js';
@@ -55,7 +54,6 @@ import './tools-feedback-rating-variation.enum-29058ff2.js';
 import './typography-heading-jumbo-variation.enum-eb737f1b.js';
 import './typography-meta-variation.enum-1f7c2878.js';
 import './typography-time-variation.enum-34c830ef.js';
-import './typography-variation.enum-38d1ef90.js';
 import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
 import './detectClosest.util-58a7504f.js';
@@ -502,15 +500,15 @@ const FormSelectFilter = class {
             } }, h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (h("div", { key: '0e0b5a6c5ca9e2782dfc9ed604589fe05cca0cf8', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: 'fcd9458feb6f35f7e425fa4faa457a9fbf9fb69d', 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 }), h("digi-util-keydown-handler", { key: '9d6e03f9da5890bb7dd600228be6da5a0a26c70e', onAfOnEsc: () => this.escHandler() }, h("button", { key: '38dc236ff9a26b15aa55cc10239fd3904835378b', 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-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '7f38dad37e5aeecaa02de3f54c5c9052e016b86d', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '0260fd61b57e7c21533425291bc9af612896dc27', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '5082b03f5d1185a8d556e9890bfa1e4bf4899621', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'cc17eb39eb1070957e32a6b006975fa6c865300c', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '97b95ee20a8430a88a716b1ba77d09c35ca6bdb3', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', 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 }), h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', 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-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', 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: '97e2ef5e977ef0d410d52e067185f3ab56c34837' }, h("div", { key: 'd6cd4d6328bf40daff973d3f796ba8476b65af18', class: "digi-form-select-filter__header" }, h("legend", { key: '725c8d83dbe228c2f863c3c16ad28c62ba352161', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '255914ffe629e78cd7161692f627301bf7158312', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
                 this.focusListItemIndex = 0;
             }, 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: 'f04990f47e0c842447503c0c669fad9f075e1800', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '7da1585d05f256fc94d8750bbf0b4623b800e9db', 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: '6e401af39523d807e8b5feec5ef3338b66690b55', 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: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', 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: '1c7566020cc272722d7978b618395177c114a9ac', 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
                     ? 'true'
@@ -518,11 +516,11 @@ const FormSelectFilter = class {
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '42b5cd64559f4fe910fb94169fe9bd35915aa266', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', 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: '9573d54691dda07e1b925446417e668f4fdd6bf5', 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: 'a38310179982e60d3f2689e86205b60954626a7b', 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'
@@ -534,9 +532,9 @@ const FormSelectFilter = class {
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : 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: '1f046cb3871016f267d32771466014cab90c12f6', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'a9ea9a5bf34d8175ae2a0dc4da89d929529c55ab', "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: '3d594d100272e7e202807d3b53201c2a3310ca4d', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: 'cfd532da0237b896c89e6e12a94660419a92ae76', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "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: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', 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: 'a8caa89de2f8ee74440a06f5c9b68f194e891e49', class: "digi-form-select__footer" }, h("div", { key: '97cf1f6e9c109186c0af08f47219e7a6c19c9cec', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '46700b4b0b977f1c516b396e59ac53fcbe265ec1', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {