@designsystem-se/af 35.2.1-beta.1 → 35.2.1-beta.3

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

@@ -7,7 +7,7 @@ const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 const logger_util = require('./logger.util-fdafc086.js');
 const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
 const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 require('./detectClosest.util-85b3507b.js');
 
 const formFilterCss = ".sc-digi-form-filter-h{--digi--form-filter--footer--background:var(--digi--color--background--secondary-accent);--digi--form-filter--scroll--max-height:18.75rem;--digi--form-filter--scroll--max-height--large:23.4275rem;--digi--form-filter--scroll--padding:var(--digi--padding--small);--digi--form-filter--reset-button--margin-left:var(--digi--padding--small);--digi--form-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--divider--primary);--digi--form-filter--list--margin:0;--digi--form-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-filter--dropdown--border-radius:var(--digi--border--radius--primary);--digi--form-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-filter--dropdown--min-width:18.75rem;--digi--form-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-filter--dropdown--z-index:999;--digi--form-filter--toggle-button-indicator--color--default:transparent;--digi--form-filter--toggle-button-indicator--color--active:var(--digi--color--marking--indication--primary);--digi--form-filter--toggle-button-indicator--width:0.625rem;--digi--form-filter--toggle-button-indicator--height:0.625rem;--digi--form-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-filter--toggle-icon--width:0.875rem;--digi--form-filter--toggle-icon--height:0.875rem;--digi--form-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop)}.sc-digi-form-filter-h .digi-form-filter.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--default);--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height);position:relative}.sc-digi-form-filter-h .digi-form-filter--open.sc-digi-form-filter .digi-form-filter__toggle-icon.sc-digi-form-filter{transform:rotate(-180deg)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter{transition:var(--digi--form-filter--toggle-icon--transition)}.sc-digi-form-filter-h .digi-form-filter__toggle-icon.sc-digi-form-filter-s>[slot^=icon],.sc-digi-form-filter-h .digi-form-filter__toggle-icon .sc-digi-form-filter-s>[slot^=icon]{--digi--icon--width:var(--digi--form-filter--toggle-icon--width);--digi--icon--height:var(--digi--form-filter--toggle-icon--height)}.sc-digi-form-filter-h .digi-form-filter__legend.sc-digi-form-filter{font-weight:var(--digi--form-filter--legend--font-weight);font-family:var(--digi--form-filter--legend--font-family);font-size:var(--digi--form-filter--legend--font-size)}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto;padding:var(--digi--form-filter--scroll--padding);overflow-x:hidden}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter{--SCROLL--MAX-HEIGHT:var(--digi--form-filter--scroll--max-height--large)}}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter fieldset.sc-digi-form-filter{border:none}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter legend.sc-digi-form-filter{width:100%;border-bottom:var(--digi--form-filter--legend__border-bottom);padding-bottom:0.25rem}.sc-digi-form-filter-h .digi-form-filter__scroll.sc-digi-form-filter .legend-hidden.sc-digi-form-filter{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}.sc-digi-form-filter-h .digi-form-filter__footer.sc-digi-form-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-filter--footer--background);padding:var(--digi--form-filter--scroll--padding)}.sc-digi-form-filter-h .digi-form-filter__reset-button.sc-digi-form-filter{display:inline-block;margin-left:var(--digi--form-filter--reset-button--margin-left)}.sc-digi-form-filter-h .digi-form-filter__dropdown.sc-digi-form-filter{min-width:var(--digi--form-filter--dropdown--min-width);position:absolute;z-index:var(--digi--form-filter--dropdown--z-index);background:var(--digi--form-filter--dropdown--background);border-radius:var(--digi--form-filter--dropdown--border-radius);box-shadow:var(--digi--form-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-filter--dropdown--margin-top)}@media (min-width: 48rem){.sc-digi-form-filter-h .digi-form-filter__dropdown--right.sc-digi-form-filter{right:0}}.sc-digi-form-filter-h .digi-form-filter__dropdown--hidden.sc-digi-form-filter{display:none}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator.sc-digi-form-filter:before{content:\"\";width:var(--digi--form-filter--toggle-button-indicator--width);height:var(--digi--form-filter--toggle-button-indicator--height);background:var(--INDICATOR--BACKGROUND);display:inline-block;margin-right:var(--digi--form-filter--toggle-button-indicator--margin-right);border-radius:50% 50%;overflow:hidden;margin-left:var(--digi--form-filter--toggle-button-indicator--margin-left)}.sc-digi-form-filter-h .digi-form-filter__toggle-button-indicator--active.sc-digi-form-filter{--INDICATOR--BACKGROUND:var(--digi--form-filter--toggle-button-indicator--color--active)}.sc-digi-form-filter-h .digi-form-filter__list.sc-digi-form-filter{margin:var(--digi--form-filter--list--margin);padding:var(--digi--form-filter--list--padding)}.sc-digi-form-filter-h .digi-form-filter__item.sc-digi-form-filter{display:block}.sc-digi-form-filter-h .digi-form-filter__toggle-button-text.sc-digi-form-filter{margin-right:var(--digi--form-filter--toggle-button--text--margin-right)}";
@@ -217,24 +217,24 @@ const FormFilter = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '19c6d5872aab85c626c5ea241312a03a8541bfe7' }, index.h("div", { key: 'b103033c1b4abd2d7473e708de6736d3f81bd217', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
+        return (index.h(index.Host, { key: '25474ac35c012bd4b561c80ae7f2963ce1b487b6' }, index.h("div", { key: 'e6f62138d68dbaf310344e140051c6595d03261c', id: `${this.afId}-identifier`, ref: (el) => (this.refs.root = el), class: {
                 'digi-form-filter': true,
                 'digi-form-filter--open': this.isActive
-            } }, index.h("digi-button", { key: '37d6ba0916d8a5a602e7c5f9bad823c9fa2df385', 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 }, index.h("i", { key: '5af4806cc67c4bd3a66e419abd293e9f6fd9824c', class: {
+            } }, index.h("digi-button", { key: '96d0115272832155e2591d9bf215fc6798d1a092', 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 }, index.h("i", { key: 'ca8ee4f73e9dd7d34bd47c2ba0458ca0d2c10a0e', class: {
                 'digi-form-filter__toggle-button-indicator': true,
                 'digi-form-filter__toggle-button-indicator--active': this.checkedItems.length > 0
-            } }), index.h("span", { key: '1a666627a9de2b671ecaf5008121faa589a2db2b', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), index.h("digi-icon-chevron-down", { key: '2973005a25e6f51e0e8fb9ebe9eef1a46b73f478', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: 'ff4a9946138e38c1a9c394b63c471e78c45c012f', id: `${this.afId}-dropdown-menu`, ref: (el) => (this.refs.menu = el), class: {
+            } }), index.h("span", { key: '204abbfc04d481ad1e9cf0fc6a1b4ee609b628eb', class: "digi-form-filter__toggle-button-text" }, this.afFilterButtonText), index.h("digi-icon-chevron-down", { key: '9a5a2b80e541e36b5341729ea0eddbfa3b82fedb', class: "digi-form-filter__toggle-icon", slot: "icon-secondary" })), index.h("div", { key: '3cb4d1830ba1ca9adc50034562c48262ffc96f60', 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
-            } }, index.h("div", { key: '896bb5cc2d47758576842fcf240fa1f9e59c600f', class: "digi-form-filter__scroll" }, index.h("fieldset", { key: 'f4261cb2917d29592136e32b53baecc642f2c30a' }, this.afName ? (index.h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (index.h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), index.h("ul", { key: 'd7d7d4b110d6e6640a844e3641a4db8998c0dad8', class: "digi-form-filter__list", "aria-label": this.afFilterButtonAriaLabel, id: `${this.afId}-filter-list` }, this.listItems.map((item) => {
+            } }, index.h("div", { key: '9e787a8eb8df4d9c223f897522e21e1e35bee67a', class: "digi-form-filter__scroll" }, index.h("fieldset", { key: '66a76350febd90667a9ae746df6ae05969c1d6aa' }, this.afName ? (index.h("legend", { class: "digi-form-filter__legend" }, this.afName)) : (index.h("legend", { class: "legend-hidden" }, this.afFilterButtonText)), index.h("ul", { key: '4fdf3876f6e41929dbd7d129967189281f517b59', 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 (index.h("li", { class: "digi-form-filter__item", key: item.id }, index.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);
                 } })));
-        })))), index.h("div", { key: 'cc7ac2522788b2f94430fd4a64366694fa67296f', class: "digi-form-filter__footer" }, index.h("digi-button", { key: 'd2aaacf7b5834d629a3af1d4dea1458795857b48', 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 && (index.h("digi-button", { key: '240dd00d306d89c8e3357b490e2a63acff73b804', "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))))), index.h("div", { key: '22ae00caa559c9d0736b9ee88a4438241e0bfc97', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, index.h("slot", { key: 'c57fe2071e9a2705662ba181422b6dfc74c5a2cc' }))));
+        })))), index.h("div", { key: 'fe21c1087f118698a19a9fa2d575a47e1e98a31f', class: "digi-form-filter__footer" }, index.h("digi-button", { key: '20f224bf3ff5249e1a6a6868d5498198d501427e', 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 && (index.h("digi-button", { key: '0d6ea5f60e4f3c0c8b845d0e71d6fa389d2281de', "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))))), index.h("div", { key: '9c55e0131e61c3956794bb5cff140fcb9b061989', ref: (ref) => (this.slotRef = ref), id: `${this.afId}-children`, style: { display: 'none' } }, index.h("slot", { key: 'e37bcdb33d2fd1b690ac9a8024a64c9e97074414' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -126,10 +126,10 @@ const FormInputSearch = class {
         };
     }
     render() {
-        return (index.h("div", { key: '0d571ec27d3c657aef091fbe0faa7b5d50a9aab3', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: '8434e42f85ce1a641d663fc8890888a8c3b234a1', class: {
+        return (index.h("div", { key: '302ff0d4ce1fcaecad08e90e8a92b8d3fcee8284', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: 'a1a615a40c1977a0610aa90647d7eb65eae4585c', 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 && (index.h("digi-button", { key: '899a5bb61c8a9dd8d92fa831f9f436b29a43e3aa', 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" }, index.h("digi-icon-search", { key: '80a0757d3c732121adff725a190a49ab9aa6050e', 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 && (index.h("digi-button", { key: 'a711196b9ddf8e9a83118d6cc4f80e11bf6208ab', 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" }, index.h("digi-icon-search", { key: 'c8367fd7832e557a6e41f4b447461c9a2e62d82d', slot: "icon" }), this.afButtonText)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -32,7 +32,7 @@ const FormRadiogroup = class {
         if (Array.from(this.radiobuttons).includes(e.target)) {
             e.preventDefault();
             this.afValue = e.detail.target.value;
-            this.afOnGroupChange.emit(e);
+            this.afOnGroupChange.emit(e.detail.target.value);
         }
     }
     componentDidLoad() {
@@ -50,9 +50,9 @@ const FormRadiogroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'b8fdb2fce803f2ea1ab71244a74c7ef9d2903911' }, index.h("div", { key: 'de0f874c666b3154cb7ca150b1e91689fd257877', id: this.afId, class: {
+        return (index.h(index.Host, { key: '4cd88f08feb3ed0e43dfa91c08d42bb8b1fa7fce' }, index.h("div", { key: '43cb26e773843c14bcdfa24740acd5c83f294f28', id: this.afId, class: {
                 'digi-form-radiogroup': true
-            } }, index.h("digi-util-mutation-observer", { key: '5e0fd143bfcc7f00b0c96726871813d38fb09ce5', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, index.h("slot", { key: '2f38b87f888cfea9458b81dc1d821ca0cd6ab169' }))), index.h("div", { key: '8af4d3bff07ec0d0a4de40e028d5f69b42685f76', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != formRadiogroupValidation_enum.FormRadiogroupValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '2d491974c2b3d455aee7fe4d2c3ebfcdf2404ff3', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+            } }, index.h("digi-util-mutation-observer", { key: 'ecf2b7ed0c9502b33ee7d5935bd0c7d77d97dd98', onAfOnChange: (e) => this.radiobuttonChangeListener(e) }, index.h("slot", { key: '2fac6a5c31cddee96dd5f105ebefb9865cd2fca3' }))), index.h("div", { key: '417876d38645ee768fe3da6ede7ff95e1b06db94', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != formRadiogroupValidation_enum.FormRadiogroupValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '01cc821612379f3f1971d91d87fe44f06bdc76dd', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
-const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
@@ -19,6 +19,7 @@ require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
+require('./form-textarea-variation.enum-9c90d40f.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -101,7 +102,7 @@ const FormReceipt = class {
         return (index.h("div", { class: "digi-form-receipt__content" }, index.h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, index.h("title", null, "Check mark"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-170 -32)" }, index.h("g", { transform: "translate(170 32.325)" }, index.h("g", { transform: "translate(0 .77495)" }, index.h("mask", { id: "b", fill: "white" }, index.h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), index.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)" })), index.h("g", { transform: "translate(4.2177)" }, index.h("mask", { id: "a", fill: "white" }, index.h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), index.h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), index.h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (index.h("div", { key: 'aca2ac3cc2c680a572f86bbe766564e25d91d615', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (index.h("div", { key: 'a108eed686791feb5bd0f467761fbadf6dc2fcd1', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -7,9 +7,9 @@ const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 const logger_util = require('./logger.util-fdafc086.js');
 const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
 const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
-const text = require('./text-3157012b.js');
+const text = require('./text-65b1b58c.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
 const formInputType_enum = require('./form-input-type.enum-1fb2180a.js');
@@ -24,6 +24,7 @@ require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
+require('./form-textarea-variation.enum-9c90d40f.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -497,15 +498,15 @@ const FormSelectFilter = class {
             } }, index.h("slot", { name: "empty-search-result" })))));
     }
     render() {
-        return (index.h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.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 }), index.h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, index.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 }, index.h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), index.h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
+        return (index.h("div", { key: '732d2e21ef617013de9c92d5ca81d69f8c2d8706', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.h("digi-form-label", { key: '5b3a34294b1f36d0f761038417b913ef94d0accb', 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 }), index.h("digi-util-keydown-handler", { key: 'a5f1d9898177f4442fe3b271b8ca4eb7633b1b98', onAfOnEsc: () => this.escHandler() }, index.h("button", { key: 'f3355120df8fde5a0954fcfce92cde5868ff11c5', 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 }, index.h("div", { key: '719fbc65aac21556011d2653eeed524157f6224b', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: 'a7b3b77de9ed539ca6b36f63a1417ea4108a223e', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: '3bd8e28a52d3f3519ebf0256c714156be32a1599', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: '4c67e741bb2c56edbf8b4540360eeb3cd89ec3a0', class: "digi-form-select-filter__toggle-icon" })), index.h("div", { key: 'af6a3bb7b9bf452e911597c8bd8ab3bdc22b0fb1', 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
-            } }, index.h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, index.h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, index.h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: typographyVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: typographyVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
+            } }, index.h("fieldset", { key: 'f75a0c05eba5b1807538ff9eb5a78b7ecffc0ef7' }, index.h("div", { key: '8047c70efdbd810fd6b33f0ba523b56a1ecc675d', class: "digi-form-select-filter__header" }, index.h("legend", { key: '0bc164aace6b5a3b1c32f0bab83add3d97bc7ece', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: 'e38c447a5201bd25ffc204baa87a6bc3d6ed7f12', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: typographyVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: typographyVariation_enum.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()), index.h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, index.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() }, index.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
+            }, 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()), index.h("div", { key: 'a12dd809547355f0311ae8ff4ff22845feeed949', class: "digi-form-select-filter__scroll" }, index.h("digi-util-keydown-handler", { key: '4a1133e686946cafa5de730b0e6a0e500af8636f', 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() }, index.h("ul", { key: 'cecdc88d261578462c965c3dd54c78dd1efbda6d', 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 === typographyVariation_enum.FormSelectFilterValidation.ERROR
                     ? 'true'
@@ -513,11 +514,11 @@ const FormSelectFilter = class {
                 ? false
                 : this.afRequired
                     ? 'true'
-                    : 'false' }, this.showNeutralValue && (index.h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
+                    : 'false' }, this.showNeutralValue && (index.h("li", { key: '95cf346c4b6facffd6b614c491840e5a2c526ad2', 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 && (index.h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', 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 && (index.h("digi-icon-check", { key: 'a133c66b91be236860acf1538c862caf2a72bd52', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
             this._filteredResult.map((item, index$1) => {
                 return (index.h("li", { class: "digi-form-select-filter__item", key: index$1, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
                         ? 'false'
@@ -529,9 +530,9 @@ const FormSelectFilter = class {
                             ? 'true'
                             : 'false'
                         : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index$1 === 0 ? 0 : -1 }, this.isSelected(item.value) && (index.h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (index.h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.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)), index.h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, index.h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
+            }))))), this.afMultipleItems && (index.h("div", { key: '25e0a218e0d14bfea02a75efd067aa77fe12f8e2', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.h("digi-button", { key: '4e8f981e3371e9662619be29216a5de535fc6801', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), index.h("digi-util-keydown-handler", { key: '6288302e37bcd72e56c22e0336560a9034bdc236', onAfOnUp: () => this.setFocusItem() }, index.h("digi-button", { key: '5db82a31681c173a01fc8879697c7c905ed28818', 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)))))), index.h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, index.h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
+            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), index.h("div", { key: '8e5b7e6eceb5c46b952285e9ee2a9c869486a532', class: "digi-form-select__footer" }, index.h("div", { key: '391d9541802d07128bc8e9ab46f176b5d289ea9f', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: '9da7b92089ffd58ea414a815c5482d4d78cd899e', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -0,0 +1,133 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-81fc5a97.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const formTextareaVariation_enum = require('./form-textarea-variation.enum-9c90d40f.js');
+
+const formTextareaCss = ".sc-digi-form-textarea-h{--digi--form-textarea--height--small:4.6875rem;--digi--form-textarea--height--medium:8.4375rem;--digi--form-textarea--height--large:10.3125rem;--digi--form-textarea--height--auto:auto;--digi--form-textarea--border-radius:var(--digi--border-radius--input);--digi--form-textarea--padding:calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);--digi--form-textarea--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-textarea--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-textarea--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-textarea--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-textarea--border--error:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--success:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-textarea--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-textarea--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-textarea--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-textarea-h .digi-form-textarea.sc-digi-form-textarea{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-textarea-h .digi-form-textarea--small.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--small)}.sc-digi-form-textarea-h .digi-form-textarea--medium.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--medium)}.sc-digi-form-textarea-h .digi-form-textarea--large.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--large)}.sc-digi-form-textarea-h .digi-form-textarea--neutral.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--neutral);--BORDER-COLOR:var(--digi--form-textarea--border-color--neutral);--BACKGROUND:var(--digi--form-textarea--background--neutral)}.sc-digi-form-textarea-h .digi-form-textarea--empty.sc-digi-form-textarea:not(:focus-within){--BACKGROUND:var(--digi--form-textarea--background--empty)}.sc-digi-form-textarea-h .digi-form-textarea--success.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--success);--BORDER-COLOR:var(--digi--form-textarea--border-color--success);--BACKGROUND:var(--digi--form-textarea--background--success)}.sc-digi-form-textarea-h .digi-form-textarea--warning.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--warning);--BORDER-COLOR:var(--digi--form-textarea--border-color--warning);--BACKGROUND:var(--digi--form-textarea--background--warning)}.sc-digi-form-textarea-h .digi-form-textarea--error.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--error);--BORDER-COLOR:var(--digi--form-textarea--border-color--error);--BACKGROUND:var(--digi--form-textarea--background--error)}.sc-digi-form-textarea-h .digi-form-textarea__content.sc-digi-form-textarea{width:100%}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea{height:var(--HEIGHT);width:inherit;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-textarea--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-textarea--border-radius);box-sizing:border-box}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
+const DigiFormTextareaStyle0 = formTextareaCss;
+
+const FormTextarea = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnChange = index.createEvent(this, "afOnChange", 7);
+        this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
+        this.afOnKeyup = index.createEvent(this, "afOnKeyup", 7);
+        this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
+        this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
+        this.afOnInput = index.createEvent(this, "afOnInput", 7);
+        this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
+        this.afOnTouched = index.createEvent(this, "afOnTouched", 7);
+        this.afOnReady = index.createEvent(this, "afOnReady", 3);
+        this.hasActiveValidationMessage = false;
+        this.dirty = false;
+        this.touched = false;
+        this.afLabel = undefined;
+        this.afLabelDescription = undefined;
+        this.afVariation = formTextareaVariation_enum.FormTextareaVariation.MEDIUM;
+        this.afName = undefined;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-textarea');
+        this.afMaxlength = undefined;
+        this.afMinlength = undefined;
+        this.afRequired = undefined;
+        this.afRequiredText = undefined;
+        this.afAnnounceIfOptional = false;
+        this.afAnnounceIfOptionalText = undefined;
+        this.value = undefined;
+        this.afValue = undefined;
+        this.afValidation = formTextareaVariation_enum.FormTextareaValidation.NEUTRAL;
+        this.afValidationText = undefined;
+        this.afRole = undefined;
+        this.afAriaActivedescendant = undefined;
+        this.afAriaLabelledby = undefined;
+        this.afAriaDescribedby = undefined;
+        this.afAutofocus = undefined;
+    }
+    onValueChanged(value) {
+        this.afValue = value;
+    }
+    onAfValueChanged(value) {
+        this.value = value;
+    }
+    afValidationTextWatch() {
+        this.setActiveValidationMessage();
+    }
+    /**
+     * Hämtar en referens till textareaelementet. Bra för att t.ex. sätta fokus programmatiskt.
+     * @en Returns a reference to the textarea element. Handy for setting focus programmatically.
+     */
+    async afMGetFormControlElement() {
+        return this._textarea;
+    }
+    componentWillLoad() {
+        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
+        this.setActiveValidationMessage();
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    setActiveValidationMessage() {
+        this.hasActiveValidationMessage = !!this.afValidationText;
+    }
+    get cssModifiers() {
+        return {
+            'digi-form-textarea--small': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.SMALL,
+            'digi-form-textarea--medium': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.MEDIUM,
+            'digi-form-textarea--large': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.LARGE,
+            'digi-form-textarea--auto': this.afVariation === formTextareaVariation_enum.FormTextareaVariation.AUTO,
+            'digi-form-textarea--neutral': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.NEUTRAL,
+            'digi-form-textarea--success': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.SUCCESS,
+            'digi-form-textarea--error': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.ERROR,
+            'digi-form-textarea--warning': this.afValidation === formTextareaVariation_enum.FormTextareaValidation.WARNING,
+            'digi-form-textarea--empty': !this.afValue &&
+                (!this.afValidation ||
+                    this.afValidation === formTextareaVariation_enum.FormTextareaValidation.NEUTRAL)
+        };
+    }
+    blurHandler(e) {
+        if (!this.touched) {
+            this.afOnTouched.emit(e);
+            this.touched = true;
+        }
+        this.setActiveValidationMessage();
+        this.afOnBlur.emit(e);
+    }
+    changeHandler(e) {
+        this.afOnChange.emit(e);
+    }
+    focusHandler(e) {
+        this.afOnFocus.emit(e);
+    }
+    focusoutHandler(e) {
+        this.afOnFocusout.emit(e);
+    }
+    keyupHandler(e) {
+        this.afOnKeyup.emit(e);
+    }
+    inputHandler(e) {
+        this.afValue = this.value = e.target.value;
+        if (!this.dirty) {
+            this.afOnDirty.emit(e);
+            this.dirty = true;
+        }
+        this.setActiveValidationMessage();
+        this.afOnInput.emit(e);
+    }
+    render() {
+        return (index.h("div", { key: 'fd0ef1e2c3624e17719db765535663bf1c498e1b', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, index.h("div", { key: 'f45e8c8245a017a7e0150c5e711a658308aa96d0', class: "digi-form-textarea__label" }, index.h("digi-form-label", { key: 'afbb725a28514570c89fce6e9fc962ebaecacb21', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: '248eafa11e9a4800ce4c3e8cf4c4ca199663ceed', class: "digi-form-textarea__content" }, index.h("textarea", { key: '5c994e36c1e1506bb64c9250bf3126ce022cf825', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === formTextareaVariation_enum.FormTextareaValidation.ERROR
+                ? 'true'
+                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), index.h("div", { key: '2876d962abfac2404f99b80d30573b3b79027534', class: "digi-form-textarea__footer" }, index.h("div", { key: 'e7a25be1950f3c101fd658c74649e9c1766483ff', class: "digi-form-textarea__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != formTextareaVariation_enum.FormTextareaValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: 'ec3f03d445910ae7283c1d26f4b75f953b110a43', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": ["onValueChanged"],
+        "afValue": ["onAfValueChanged"],
+        "afValidationText": ["afValidationTextWatch"]
+    }; }
+};
+FormTextarea.style = DigiFormTextareaStyle0;
+
+exports.digi_form_textarea = FormTextarea;

package/dist/cjs/digi-header-avatar.cjs.entry.js

@@ -106,7 +106,7 @@ const NavigationAvatar = class {
         if (this.afShowPlaceholderImage) {
             this.afHideImage = true;
         }
-        return (index.h("div", { key: 'f0a6f919473f79842a1a5e8b420ebd28b5d69ddf', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (index.h("digi-media-image", { key: 'f9d7affc8b4fe35cc4ed34363fafb7dbefd68d15', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (index.h("span", { key: '15b94883efa9d6915b3684e0affd95a96ddff293', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, index.h(this.currentAvatar, { key: 'a0e9575b337cc739b1b8a493c4a263eef2c22c98' }, index.h("title", { key: 'df2a6872016bd3ea990a1c12ab87d7e367d3aad4' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (index.h("span", { key: 'ea88177f95fbcb2c261133ff164fd87219731a7b', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (index.h("span", { key: '579cd71fe5023f18bc1e05d66eee6495b2e0f30d', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, index.h(this.currentAvatar, { key: 'bff5b3eb8a509f6bb8509c9ecb1c393037326afd' }, index.h("title", { key: 'ad8a4bf780a68f0c9265eaf804bfcbb4b5acc8e7' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && index.h("slot", { key: 'ba96a37355d8922c2e79808030fef223e73b1fb4' })));
+        return (index.h("div", { key: 'e69ae64ba8a7a9934762161ba31a882a22fb55f3', class: "digi-header-avatar" }, !this.afHideImage && this.afIsLoggedIn && (index.h("digi-media-image", { key: '4e8804a3b1541927b96aed54c1f888aa08559546', class: 'digi-header-avatar__image', "af-height": "32", "af-width": "32", afUnlazy: true, "af-src": this.afSrc, afAlt: this.afAlt })), this.afShowPlaceholderImage && this.afIsLoggedIn && (index.h("span", { key: 'f4c5cb1918ca6b5d7530b89e271ec4e68a48057e', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-in" }, index.h(this.currentAvatar, { key: 'fbafd38e3b1ec0bad496395358d5086ceeb36b2d' }, index.h("title", { key: '8d2a901268e591307aa43473c96a18294c387936' }, this.afPlacerholderTitle)))), this.afIsLoggedIn && (index.h("span", { key: '2e2db633ef49d5b158b183301c6948bdb88c59cd', class: "digi-header-avatar__name" }, this.setCurrentLoginName())), !this.afIsLoggedIn && (index.h("span", { key: 'eca28f0d6d01bff5af11359adc9851264d5741b8', class: "digi-header-avatar__icon digi-header-avatar__icon-logged-out" }, index.h(this.currentAvatar, { key: '2430883dc25b3aeba5f7f223419ab00659d7338b' }, index.h("title", { key: '79e041748245c4360f76a11972340be383533903' }, this.afPlacerholderTitle)))), !this.afIsLoggedIn && index.h("slot", { key: '9ada28eb8174e4baf4985c0e03335dc817f827c6' })));
     }
 };
 NavigationAvatar.style = DigiHeaderAvatarStyle0;

package/dist/cjs/digi-header-navigation-item.cjs.entry.js

@@ -19,7 +19,7 @@ const HeaderNavigationItem = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'ae84832cee57e7dc9437572654712dbdf4a11c63', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: '89d12854ecf6fee08a757f25923e91e880128073' }), index.h("div", { key: 'b4ad93e0d28b0ba23332188554efe851066980e2', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
+        return (index.h("div", { key: '9b15d8d7a9db5a8cf950ea22cda5b923eb3da624', role: "listitem", class: Object.assign({ 'digi-header-navigation-item': true }, this.cssModifiers) }, index.h("slot", { key: '6755cc615fe98c4baf4d63fc13227cd6ed73f6fc' }), index.h("div", { key: '8845ad6ca58a929836dd9ba01b393b8e4e273428', class: Object.assign({ 'digi-header-navigation-item-indicator': true }, this.cssModifiers) })));
     }
 };
 HeaderNavigationItem.style = DigiHeaderNavigationItemStyle0;

package/dist/cjs/digi-header-navigation.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
 require('./form-input-type.enum-1fb2180a.js');
@@ -19,6 +19,7 @@ require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
+require('./form-textarea-variation.enum-9c90d40f.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -209,10 +210,10 @@ const HeaderNavigation = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'd61a788e2458d7f9bbf770e3d4be7a00c90607f7', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: '23d9c1e5ca9abe955844a6252ca9a642bea44b35', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: 'cfada69f0756bdac39ec68d659b6c878c4937cae', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: '74f01fb219fd51e9d1456a952b54a1519e2d5b7c' }, this.isMobile && (index.h("div", { key: '77c294fba06b8390c49bb4901b1ebd63bbbb6737', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: 'f22e4ada61843512e92793fa40a7e871222a87fe', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
+        return (index.h("div", { key: 'cfa90f82d467e1a56fdadfc6237d139672318cbc', class: Object.assign({ 'digi-header-navigation': true }, this.cssModifiers) }, index.h("digi-util-breakpoint-observer", { key: 'ecd48b6a167ac4a9e13e90044e0c850d5994e162', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }, index.h("digi-util-keydown-handler", { key: '124bbd79312556f01609c8240933c92c2c303141', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, index.h("div", { key: '8630191bfdfb4926baac245f2e32cfcedf68cee2' }, this.isMobile && (index.h("div", { key: 'aa14e2751966e29c49cab84375def357b9a112d4', class: "digi-header-navigation__backdrop", onClick: (e) => this.backdropClickHandler(e) })), index.h("nav", { key: 'eb8843e07ce12673521851d0f1379c33b8cbad0a', class: "digi-header-navigation__wrapper", "aria-label": this.afNavAriaLabel, "af-centered": this.afCentered, ref: (el) => {
                 this._wrapper = el;
-            } }, this.isMobile && (index.h("digi-button", { key: 'a32fdbccd0401832c43dbbd38c9f6eca63e258ed', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: 'ce5ba3d9ead256635c7e04bfe0742455f3635481', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
+            } }, this.isMobile && (index.h("digi-button", { key: '5add66adbc70ed9641c5172d0aff990272fe9be7', onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-header-navigation__close-button" }, this.afCloseButtonText, index.h("digi-icon-x", { key: '4181d73e13574e34c7020dfb1b0fcba6469a326a', slot: "icon-secondary" }))), this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))) : (index.h("div", { role: "list", class: "digi-header-navigation__inner" }, index.h("slot", null)))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-header-notification.cjs.entry.js

@@ -13,9 +13,9 @@ const HeaderNotification = class {
         this.afNotificationAmount = undefined;
     }
     render() {
-        return (index.h("div", { key: 'b87e7c3e1472683951e5f440e09b6db3f875b3c1', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: '1c1b0ce80c3ba68fc3f8c0589db79f79c2e75ab5', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
+        return (index.h("div", { key: '06897d98f30324da048d77f78f5349c8f275cf75', class: "digi-header-notification" }, this.afNotificationAmount > 0 && (index.h("span", { key: '598675cf828c0f7db9914334b7f06afcca647474', class: "digi-header-notification__number" }, this.afNotificationAmount < 100
             ? this.afNotificationAmount
-            : '+99')), index.h("slot", { key: '8d5b6cd2e77035cc233a110859257c24d74a6b00' })));
+            : '+99')), index.h("slot", { key: '18b6130f1034ec23d0aa8bce6210087103d1ef10' })));
     }
 };
 HeaderNotification.style = DigiHeaderNotificationStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-81fc5a97.js');
 require('./badge-notification-shape.enum-ff802554.js');
-const typographyVariation_enum = require('./typography-variation.enum-c6bb12f2.js');
+const typographyVariation_enum = require('./typography-variation.enum-6077eba3.js');
 require('./badge-status-variation.enum-0a5adc21.js');
 require('./code-example-variation.enum-1611825e.js');
 require('./form-input-type.enum-1fb2180a.js');
@@ -19,6 +19,7 @@ require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
+require('./form-textarea-variation.enum-9c90d40f.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 const layoutContainerMaxWidth_enum = require('./layout-container-max-width.enum-7e637f44.js');
@@ -83,8 +84,8 @@ const Header = class {
         return (index.h(index.Fragment, null, index.h("div", { class: "digi-header__logo", "aria-label": this.afAriaLabel }, index.h("div", { class: "digi-header__wrapper" }, ((this.isMobile && !this.afHideSystemName) || !this.isMobile) && (index.h("digi-logo", { "af-system-name": this.afSystemName, afSvgAriaHidden: true })), this.afHideSystemName && this.isMobile && (index.h("digi-logo", { "af-system-name": " ", afSvgAriaHidden: true })), index.h("slot", { name: "header-logo" })), index.h("div", { class: "digi-header__content" }, index.h("slot", { name: "header-content" }), this.isMobile && (index.h("digi-navigation-sidebar-button", { "aria-hidden": this.afActive ? 'true' : 'false', "af-text": this.afMenuButtonText }))))));
     }
     render() {
-        return (index.h("header", { key: 'f0342b6d89e3273df1fcfd64ac15a7abad014fe7', class: "digi-header" }, index.h("digi-util-breakpoint-observer", { key: '89d9b086575b2b79ae9ea8d2440959a24d097c76', onAfOnChange: (e) => (this.isMobile =
-                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }), index.h("digi-layout-block", { key: '6d2eebb1568cf36c42d612c3975fb491df19e044', afContainer: layoutContainerMaxWidth_enum.LayoutBlockContainer.NONE }, this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), index.h("div", { key: '3596d7f9ef54a94104616452038f0baed85a5455', class: "digi-header__border", "aria-label": this.afAriaLabel }), index.h("div", { key: '0d8b8bd2d3c26c8a02378cbf1263d427875ad4e1', class: "digi-header__navigation" }, index.h("slot", { key: '5cf3cbfe6ec1c50f9022c256f8dd7e51aeee0ef8', name: "header-navigation" })))));
+        return (index.h("header", { key: 'bffdd74db2a3ea30c5896602fd71e0d436206a84', class: "digi-header" }, index.h("digi-util-breakpoint-observer", { key: '420402cc189450f82512323b9cb768fef96cd119', onAfOnChange: (e) => (this.isMobile =
+                e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) }), index.h("digi-layout-block", { key: '20ea37efcc07968f880f5da9142c1e5f0b49847b', afContainer: layoutContainerMaxWidth_enum.LayoutBlockContainer.NONE }, this.afCentered !== typographyVariation_enum.HeaderCenterContentWidth.DEFAULT ? (index.h("digi-layout-container", { "af-max-width": this.afCentered }, this.renderContent())) : (this.renderContent()), index.h("div", { key: 'ebda2e364382399ccf925fe4122203d59bf87fd2', class: "digi-header__border", "aria-label": this.afAriaLabel }), index.h("div", { key: '513177251bd6ae5120bb2be9aab633e8c4bc1533', class: "digi-header__navigation" }, index.h("slot", { key: 'ceb48e37d7bf033045a02b7d55c5e32c6e7202a7', name: "header-navigation" })))));
     }
 };
 Header.style = DigiHeaderStyle0;

package/dist/cjs/digi-icon-accessibility-deaf.cjs.entry.js

@@ -18,11 +18,11 @@ const IconAccessibilityDeaf = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'c550002d4c7e951cad395e2e8eaab8dfb931c426', class: "digi-icon-accessibility-deaf", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'a28c369cd913f57d64246e054f1b9713c99a65bb', class: "digi-icon-accessibility-deaf", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '1fb65215e644cc303e0764a3cc187d46f9a157aa', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '17fd1029677cc914f5a6d6f527dfc99540414339' }, this.afDesc), index.h("path", { key: 'be01e678c4d5972af6bf5dcb2cb4e9e59a4646fa', class: "digi-icon-accessibility-deaf__shape", d: "M17.7327245,48 C16.4900679,48 15.4827238,46.9926559 15.4827238,45.7499993 C15.4827238,44.5073426 16.4900679,43.4999985 17.7327245,43.4999985 C21.1445694,43.4999985 23.9202265,40.6859976 23.9202265,37.2272778 L23.920414,37.1959653 C24.0147266,30.4331193 30.7500012,29.327244 30.7500012,24.7499925 C30.7500012,18.476428 25.7346646,13.4999874 19.5000063,13.4999874 C13.2768793,13.4999874 8.25000122,18.464053 8.25000122,24.7499925 C8.25000122,25.9926491 7.24265861,26.9999874 6.00000195,26.9999874 C4.7573453,26.9999874 3.75000122,25.9926491 3.75000122,24.7499925 C3.75000122,15.9995522 10.768691,8.99998739 19.5000063,8.99998739 C28.2159467,8.99998739 35.2500115,15.9828646 35.2500115,24.7499925 C35.2500115,31.749276 28.490728,32.9845264 28.420228,37.245184 C28.4102905,43.1769359 23.6197577,48 17.7327245,48 Z M27.7500037,24.7499925 C27.7500037,20.2009598 24.0490391,16.4999898 19.5000063,16.4999898 C14.9509736,16.4999898 11.2500037,20.2009598 11.2500037,24.7499925 C11.2500037,25.9926491 12.2573477,26.9999898 13.5000044,26.9999898 C14.742661,26.9999898 15.7500037,25.9926491 15.7500037,24.7499925 C15.7500037,22.6822418 17.4322557,20.9999898 19.5000063,20.9999898 C21.567757,20.9999898 23.2500037,22.6822418 23.2500037,24.7499925 C23.2500037,25.9926491 24.2573516,26.9999898 25.5000083,26.9999898 C26.742665,26.9999898 27.7500037,25.9926491 27.7500037,24.7499925 Z M40.0303255,18.0937403 C41.1497009,17.5542089 41.6198573,16.2093647 41.0803259,15.0899894 C39.4672628,11.743207 37.0557308,8.77086232 34.1067298,6.49423658 C33.1228233,5.73495508 31.7101041,5.91673639 30.9507288,6.90045546 C30.1913536,7.88417453 30.3732286,9.29698749 31.356854,10.0564565 C33.7550735,11.9078321 35.7155741,14.3240516 37.0265745,17.0438337 C37.566481,18.1637716 38.9117939,18.6329905 40.0303255,18.0937403 Z M46.7244527,14.7778018 C47.8442968,14.2393016 48.3157657,12.8950199 47.7772655,11.775082 C45.5383273,7.11776803 42.5447951,3.31498555 38.8788877,0.472109633 C37.8968561,-0.289328113 36.4836681,-0.110828055 35.7219491,0.871297262 C34.9605114,1.85323508 35.1391989,3.26661054 36.1211368,4.02814203 C39.2308253,6.43967406 41.7876698,9.70208137 43.721733,13.7248952 C44.2602332,14.8451143 45.6046086,15.3160207 46.7244527,14.7778018 Z M19.5000063,26.249993 C18.2573497,26.249993 17.2500056,27.257337 17.2500056,28.4999937 C17.2500056,29.7426503 18.2573497,30.749993 19.5000063,30.749993 C20.742663,30.749993 21.7500056,29.7426503 21.7500056,28.4999937 C21.7500056,27.257337 20.742663,26.249993 19.5000063,26.249993 Z M13.5000044,32.2499949 C12.2573477,32.2499949 11.2500037,33.257339 11.2500037,34.4999956 C11.2500037,35.7426523 12.2573477,36.7499949 13.5000044,36.7499949 C14.742661,36.7499949 15.7500037,35.7426523 15.7500037,34.4999956 C15.7500037,33.257339 14.742661,32.2499949 13.5000044,32.2499949 Z M2.25000073,43.4999985 C1.00734408,43.4999985 0,44.5073426 0,45.7499993 C0,46.9926559 1.00734408,47.9999985 2.25000073,47.9999985 C3.49265739,47.9999985 4.5,46.9926559 4.5,45.7499993 C4.5,44.5073426 3.49265739,43.4999985 2.25000073,43.4999985 Z M12.0910352,41.9089648 L6.09103323,35.9089648 L2.90906345,39.0909346 L8.90906345,45.0909366 L12.0910352,41.9089648 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '216424d67408741a6b9d72d47d1cc1c3b98cee29', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '4172444c187aea8cc445675d8d15b366e19ddde0' }, this.afDesc), index.h("path", { key: '7202ae9982a8ac231d091b3b40ac4d9a81792f71', class: "digi-icon-accessibility-deaf__shape", d: "M17.7327245,48 C16.4900679,48 15.4827238,46.9926559 15.4827238,45.7499993 C15.4827238,44.5073426 16.4900679,43.4999985 17.7327245,43.4999985 C21.1445694,43.4999985 23.9202265,40.6859976 23.9202265,37.2272778 L23.920414,37.1959653 C24.0147266,30.4331193 30.7500012,29.327244 30.7500012,24.7499925 C30.7500012,18.476428 25.7346646,13.4999874 19.5000063,13.4999874 C13.2768793,13.4999874 8.25000122,18.464053 8.25000122,24.7499925 C8.25000122,25.9926491 7.24265861,26.9999874 6.00000195,26.9999874 C4.7573453,26.9999874 3.75000122,25.9926491 3.75000122,24.7499925 C3.75000122,15.9995522 10.768691,8.99998739 19.5000063,8.99998739 C28.2159467,8.99998739 35.2500115,15.9828646 35.2500115,24.7499925 C35.2500115,31.749276 28.490728,32.9845264 28.420228,37.245184 C28.4102905,43.1769359 23.6197577,48 17.7327245,48 Z M27.7500037,24.7499925 C27.7500037,20.2009598 24.0490391,16.4999898 19.5000063,16.4999898 C14.9509736,16.4999898 11.2500037,20.2009598 11.2500037,24.7499925 C11.2500037,25.9926491 12.2573477,26.9999898 13.5000044,26.9999898 C14.742661,26.9999898 15.7500037,25.9926491 15.7500037,24.7499925 C15.7500037,22.6822418 17.4322557,20.9999898 19.5000063,20.9999898 C21.567757,20.9999898 23.2500037,22.6822418 23.2500037,24.7499925 C23.2500037,25.9926491 24.2573516,26.9999898 25.5000083,26.9999898 C26.742665,26.9999898 27.7500037,25.9926491 27.7500037,24.7499925 Z M40.0303255,18.0937403 C41.1497009,17.5542089 41.6198573,16.2093647 41.0803259,15.0899894 C39.4672628,11.743207 37.0557308,8.77086232 34.1067298,6.49423658 C33.1228233,5.73495508 31.7101041,5.91673639 30.9507288,6.90045546 C30.1913536,7.88417453 30.3732286,9.29698749 31.356854,10.0564565 C33.7550735,11.9078321 35.7155741,14.3240516 37.0265745,17.0438337 C37.566481,18.1637716 38.9117939,18.6329905 40.0303255,18.0937403 Z M46.7244527,14.7778018 C47.8442968,14.2393016 48.3157657,12.8950199 47.7772655,11.775082 C45.5383273,7.11776803 42.5447951,3.31498555 38.8788877,0.472109633 C37.8968561,-0.289328113 36.4836681,-0.110828055 35.7219491,0.871297262 C34.9605114,1.85323508 35.1391989,3.26661054 36.1211368,4.02814203 C39.2308253,6.43967406 41.7876698,9.70208137 43.721733,13.7248952 C44.2602332,14.8451143 45.6046086,15.3160207 46.7244527,14.7778018 Z M19.5000063,26.249993 C18.2573497,26.249993 17.2500056,27.257337 17.2500056,28.4999937 C17.2500056,29.7426503 18.2573497,30.749993 19.5000063,30.749993 C20.742663,30.749993 21.7500056,29.7426503 21.7500056,28.4999937 C21.7500056,27.257337 20.742663,26.249993 19.5000063,26.249993 Z M13.5000044,32.2499949 C12.2573477,32.2499949 11.2500037,33.257339 11.2500037,34.4999956 C11.2500037,35.7426523 12.2573477,36.7499949 13.5000044,36.7499949 C14.742661,36.7499949 15.7500037,35.7426523 15.7500037,34.4999956 C15.7500037,33.257339 14.742661,32.2499949 13.5000044,32.2499949 Z M2.25000073,43.4999985 C1.00734408,43.4999985 0,44.5073426 0,45.7499993 C0,46.9926559 1.00734408,47.9999985 2.25000073,47.9999985 C3.49265739,47.9999985 4.5,46.9926559 4.5,45.7499993 C4.5,44.5073426 3.49265739,43.4999985 2.25000073,43.4999985 Z M12.0910352,41.9089648 L6.09103323,35.9089648 L2.90906345,39.0909346 L8.90906345,45.0909366 L12.0910352,41.9089648 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconAccessibilityDeaf.style = DigiIconAccessibilityDeafStyle0;

package/dist/cjs/digi-icon-accessibility-universal.cjs.entry.js

@@ -18,11 +18,11 @@ const IconAccessibilityUniversal = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'a7cf86ca69d6d9d39eca47205a8f3239aabb8406', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '9742d8d0618d4ff69b9ae19d56910c89b991ca13', class: "digi-icon-accessibility-universal", width: "48px", height: "48px", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '25028ecb0b428186d1a67f5a76ae038624aea8b6', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'e32a8f7fb49a3ba0be9f577a32b29d98529e0a18' }, this.afDesc), index.h("path", { key: '5e3315660ea546e705d218b2e00bce956f675d91', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '92b39a01ebdf6dc2df9b8beab6df9a379120f5fd', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2e61bf752392e286f29b5f432661367f518d1e21' }, this.afDesc), index.h("path", { key: '0820798dc88921eeb6edd5240475f7762e56c2c2', class: "digi-icon-accessibility-universal__shape", d: "M24,0 C10.745129,0 0,10.745129 0,24 C0,37.254871 10.745129,48 24,48 C37.254871,48 48,37.254871 48,24 C48,10.745129 37.254871,0 24,0 Z M24,44.1290323 C12.8755161,44.1290323 3.87096774,35.1262258 3.87096774,24 C3.87096774,12.8755161 12.8737742,3.87096774 24,3.87096774 C35.1244839,3.87096774 44.1290323,12.8737742 44.1290323,24 C44.1290323,35.1244839 35.1262258,44.1290323 24,44.1290323 Z M37.8961935,16.3877419 C38.1418065,17.4280645 37.4975806,18.4705161 36.4572581,18.7162258 C33.5670968,19.3985806 30.8599355,20.0019677 28.1736774,20.3372903 C28.2393871,31.1111613 29.3982581,32.7685161 30.7835806,36.3162581 C31.2503226,37.5110323 30.6601935,38.8580323 29.4653226,39.3246774 C28.271129,39.7914194 26.9237419,39.2017742 26.4569032,38.0064194 C25.5318387,35.6386452 24.7063548,33.8500645 24.1531935,29.769 L23.847,29.769 C23.2933548,33.8534516 22.466129,35.6437742 21.5432903,38.0064194 C21.0772258,39.1995484 19.7315806,39.792 18.534871,39.3247742 C17.3400968,38.8580323 16.749871,37.511129 17.2165161,36.3162581 C18.6032903,32.766 19.7607097,31.1062258 19.8264194,20.3372903 C17.1401613,20.0019677 14.433,19.3986774 11.5428387,18.7162258 C10.5025161,18.4706129 9.85829032,17.4280645 10.1039032,16.3877419 C10.3496129,15.3474194 11.3921613,14.7033871 12.4323871,14.9488065 C22.5712258,17.3426129 25.4433871,17.3392258 35.5678065,14.9488065 C36.6080323,14.7031935 37.6505806,15.3473226 37.8961935,16.3877419 Z M20.3038065,12.2123226 C20.3038065,10.1709677 21.9586452,8.51612903 24,8.51612903 C26.0413548,8.51612903 27.6961935,10.1709677 27.6961935,12.2123226 C27.6961935,14.2536774 26.0413548,15.9085161 24,15.9085161 C21.9586452,15.9085161 20.3038065,14.2535806 20.3038065,12.2123226 L20.3038065,12.2123226 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconAccessibilityUniversal.style = DigiIconAccessibilityUniversalStyle0;

package/dist/cjs/digi-icon-apple.cjs.entry.js

@@ -18,11 +18,11 @@ const IconApple = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '783d8c3bec4288e05a285bddaa3a0bd6aad976a4', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '9962a1ab3f2b48ded827a165f6e009424bba81ca', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, width: "74px", height: "88px", viewBox: "0 0 74 88", version: "1.1", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, index.h("path", { key: 'c8c04c3780da42c0ed1d2dcebd4057083cb89ed9', d: "M44.4925393,10.5591508 C48.5967007,5.84030272 48.2208617,1.54382067 48.1005932,0 C44.4775057,0.203900843 40.2831429,2.38855273 37.8928072,5.08295673 C35.2619344,7.96669722 33.7134779,11.534962 34.0442162,15.5547215 C37.9679749,15.8460084 41.5459618,13.894386 44.4925393,10.5591508 L44.4925393,10.5591508 Z M53.0444563,35.5183715 C53.0143464,29.8745684 55.5134609,25.6148042 60.5719093,22.4776493 C57.741587,18.3409107 53.4659936,16.0649356 47.8204038,15.6189675 C42.4759122,15.1883777 36.6346086,18.8022571 34.4968119,18.8022571 C32.238576,18.8022571 27.0596883,15.7727496 22.9948636,15.7727496 C14.594226,15.9111535 5.66666667,22.6160532 5.66666667,36.2565256 C5.66666667,40.2856167 6.38930216,44.4480369 7.83457315,48.7436323 C9.76160113,54.3874354 16.7169678,68.2278246 23.9734325,67.9971515 C27.7672689,67.9048822 30.4470422,65.2444518 35.3850514,65.2444518 C40.1725115,65.2444518 42.656571,67.9971515 46.8869996,67.9971515 C54.203684,67.889504 60.4966348,55.3101281 62.3333333,49.6509467 C52.5175345,44.9298362 53.0444563,35.8105575 53.0444563,35.5183715 Z" })));
+                    : undefined, width: "74px", height: "88px", viewBox: "0 0 74 88", version: "1.1", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, index.h("path", { key: 'e58b60521c3169443b3c17b42f6f038a1019388a', d: "M44.4925393,10.5591508 C48.5967007,5.84030272 48.2208617,1.54382067 48.1005932,0 C44.4775057,0.203900843 40.2831429,2.38855273 37.8928072,5.08295673 C35.2619344,7.96669722 33.7134779,11.534962 34.0442162,15.5547215 C37.9679749,15.8460084 41.5459618,13.894386 44.4925393,10.5591508 L44.4925393,10.5591508 Z M53.0444563,35.5183715 C53.0143464,29.8745684 55.5134609,25.6148042 60.5719093,22.4776493 C57.741587,18.3409107 53.4659936,16.0649356 47.8204038,15.6189675 C42.4759122,15.1883777 36.6346086,18.8022571 34.4968119,18.8022571 C32.238576,18.8022571 27.0596883,15.7727496 22.9948636,15.7727496 C14.594226,15.9111535 5.66666667,22.6160532 5.66666667,36.2565256 C5.66666667,40.2856167 6.38930216,44.4480369 7.83457315,48.7436323 C9.76160113,54.3874354 16.7169678,68.2278246 23.9734325,67.9971515 C27.7672689,67.9048822 30.4470422,65.2444518 35.3850514,65.2444518 C40.1725115,65.2444518 42.656571,67.9971515 46.8869996,67.9971515 C54.203684,67.889504 60.4966348,55.3101281 62.3333333,49.6509467 C52.5175345,44.9298362 53.0444563,35.8105575 53.0444563,35.5183715 Z" })));
     }
 };
 IconApple.style = DigiIconAppleStyle0;

package/dist/cjs/digi-icon-archive-outline.cjs.entry.js

@@ -18,11 +18,11 @@ const IconArchiveOutline = class {
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '72fcf8066d252480ce3043d9cc480c67501ff413', class: "digi-icon-archive-outline", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '4e0139450583ff3d22ef2427997f4006bb4ea2a6', class: "digi-icon-archive-outline", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '668ea413b9434bbb7d3aee67c1b3ac73fd09a6a1', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'b864ca097094ecb4b4f797b8a88f4de07230d4b5' }, this.afDesc), index.h("path", { key: 'd7888363e89057826df1c750f076524e6b949a71', class: "digi-icon-archive-outline__shape", d: "M43.5,3 L4.5,3 C2.015625,3 0,5.015625 0,7.5 L0,15 C0,15.825 0.675,16.5 1.5,16.5 L3,16.5 L3,42 C3,43.659375 4.340625,45 6,45 L42,45 C43.659375,45 45,43.659375 45,42 L45,16.5 L46.5,16.5 C47.325,16.5 48,15.825 48,15 L48,7.5 C48,5.015625 45.984375,3 43.5,3 Z M40.5,40.5 L7.5,40.5 L7.5,16.5 L40.5,16.5 L40.5,40.5 Z M43.5,12 L4.5,12 L4.5,7.5 L43.5,7.5 L43.5,12 Z M19.125,25.5 L28.875,25.5 C29.49375,25.5 30,24.99375 30,24.375 L30,22.125 C30,21.50625 29.49375,21 28.875,21 L19.125,21 C18.50625,21 18,21.50625 18,22.125 L18,24.375 C18,24.99375 18.50625,25.5 19.125,25.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'd18bfe4a3cc325c2eb79957235f77d21e7753fae', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1f1cfa42c9859990da80f42528c8350326ebc07f' }, this.afDesc), index.h("path", { key: 'cf2ab031b2bfba046e9b6e48a09fb274380199fc', class: "digi-icon-archive-outline__shape", d: "M43.5,3 L4.5,3 C2.015625,3 0,5.015625 0,7.5 L0,15 C0,15.825 0.675,16.5 1.5,16.5 L3,16.5 L3,42 C3,43.659375 4.340625,45 6,45 L42,45 C43.659375,45 45,43.659375 45,42 L45,16.5 L46.5,16.5 C47.325,16.5 48,15.825 48,15 L48,7.5 C48,5.015625 45.984375,3 43.5,3 Z M40.5,40.5 L7.5,40.5 L7.5,16.5 L40.5,16.5 L40.5,40.5 Z M43.5,12 L4.5,12 L4.5,7.5 L43.5,7.5 L43.5,12 Z M19.125,25.5 L28.875,25.5 C29.49375,25.5 30,24.99375 30,24.375 L30,22.125 C30,21.50625 29.49375,21 28.875,21 L19.125,21 C18.50625,21 18,21.50625 18,22.125 L18,24.375 C18,24.99375 18.50625,25.5 19.125,25.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
 IconArchiveOutline.style = DigiIconArchiveOutlineStyle0;