@designsystem-se/af 36.0.3 → 37.0.0

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

@@ -0,0 +1,186 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7a477838.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const logger_util = require('./logger.util-fdafc086.js');
+const formSelectVariation_enum = require('./form-select-variation.enum-528c1bf0.js');
+
+const formSelectCss = ".sc-digi-form-select-h{--digi--form-select--background--empty:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--neutral:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-select--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select--select-wrapper--position:relative;--digi--form-select--select--height--small:var(--digi--input-height--small);--digi--form-select--select--height--medium:var(--digi--input-height--medium);--digi--form-select--select--height--large:var(--digi--input-height--large);--digi--form-select--select--border-radius:var(--digi--border-radius--input);--digi--form-select--select--padding:0 var(--digi--gutter--medium);--digi--form-select--select--padding--inline-end:var(--digi--padding--large);--digi--form-select--select--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select--select--border-width--success:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--error:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select--select--width:100%;--digi--form-select--select--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--select-option--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--label--margin-bottom:var(--digi--gutter--medium);--digi--form-select--icon--inline-end:0.75rem;--digi--form-select--icon--top:50%;--digi--form-select--icon--transform:translateY(-50%);--digi--form-select--icon--color:var(--digi--color--icon--primary);--digi--form-select--footer--margin-top:var(--digi--gutter--medium)}.sc-digi-form-select-h .digi-form-select.sc-digi-form-select{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-select-h .digi-form-select--neutral.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--neutral);--BORDER-COLOR:var(--digi--form-select--border-color--neutral);--BACKGROUND:var(--digi--form-select--background--neutral)}.sc-digi-form-select-h .digi-form-select--success.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--success);--BORDER-COLOR:var(--digi--form-select--border-color--success);--BACKGROUND:var(--digi--form-select--background--success)}.sc-digi-form-select-h .digi-form-select--warning.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--warning);--BORDER-COLOR:var(--digi--form-select--border-color--warning);--BACKGROUND:var(--digi--form-select--background--warning)}.sc-digi-form-select-h .digi-form-select--error.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--error);--BORDER-COLOR:var(--digi--form-select--border-color--error);--BACKGROUND:var(--digi--form-select--background--error)}.sc-digi-form-select-h .digi-form-select--small.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--small)}.sc-digi-form-select-h .digi-form-select--medium.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--medium)}.sc-digi-form-select-h .digi-form-select--large.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--large)}.sc-digi-form-select-h .digi-form-select--empty.sc-digi-form-select:not(:focus-within){--BACKGROUND:var(--digi--form-select--background--empty)}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select{appearance:none;width:var(--digi--form-select--select--width);padding:var(--digi--form-select--select--padding);padding-inline-end:var(--digi--form-select--select--padding--inline-end);height:var(--HEIGHT);border:var(--BORDER-WIDTH) solid;border-radius:var(--digi--form-select--select--border-radius);border-color:var(--BORDER-COLOR);cursor:pointer;font-size:var(--digi--form-select--select--font-size);color:var(--digi--color--text--primary);background:var(--BACKGROUND);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-h .digi-form-select__select-wrapper.sc-digi-form-select{position:var(--digi--form-select--select-wrapper--position)}.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{font-size:var(--digi--form-select--select-option--font-size)}@media (min-width: 48rem){.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{--digi--form-select--select-option--font-size:var(--digi--typography--font-size--l)}}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select::-ms-expand{display:none}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-h .digi-form-select__icon.sc-digi-form-select{position:absolute;inset-inline-end:var(--digi--form-select--icon--inline-end);inset-block-start:var(--digi--form-select--icon--top);transform:var(--digi--form-select--icon--transform);pointer-events:none;color:var(--digi--form-select--icon--color)}.digi-form-select--neutral.sc-digi-form-select .digi-form-select__footer.sc-digi-form-select{position:absolute}";
+const DigiFormSelectStyle0 = formSelectCss;
+
+const FormSelect = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnChange = index.createEvent(this, "afOnChange", 7);
+        this.afOnSelect = index.createEvent(this, "afOnSelect", 7);
+        this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
+        this.afOnFocusout = index.createEvent(this, "afOnFocusout", 7);
+        this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
+        this.afOnDirty = index.createEvent(this, "afOnDirty", 7);
+        this.afOnReady = index.createEvent(this, "afOnReady", 3);
+        this.optionItems = [];
+        this.dirty = false;
+        this.touched = false;
+        this.hasPlaceholder = false;
+        this.afLabel = undefined;
+        this.afAriaLabel = undefined;
+        this.afRequired = undefined;
+        this.afRequiredText = undefined;
+        this.afPlaceholder = undefined;
+        this.afAnnounceIfOptional = false;
+        this.afAnnounceIfOptionalText = undefined;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-select');
+        this.afName = undefined;
+        this.afDescription = undefined;
+        this.value = undefined;
+        this.afValue = undefined;
+        this.afDisableValidation = undefined;
+        this.afVariation = formSelectVariation_enum.FormSelectVariation.MEDIUM;
+        this.afValidation = formSelectVariation_enum.FormSelectValidation.NEUTRAL;
+        this.afValidationText = undefined;
+        this.afAutofocus = undefined;
+        this.afErrorMessageIsAlert = true;
+    }
+    onValueChanged(value) {
+        this.afValue = value;
+    }
+    onAfValueChanged(value) {
+        this.value = value;
+    }
+    get errorMessageIsAlert() {
+        return (this.afErrorMessageIsAlert !== false &&
+            this.afErrorMessageIsAlert !== 'false');
+    }
+    getOptions() {
+        this.checkIfPlaceholder();
+        const options = this._observer.children;
+        if (!options || options.length <= 0) {
+            logger_util.logger.warn(`The slot contains no option elements.`, this.hostElement);
+            return;
+        }
+        this.optionItems = [...Array.from(options)]
+            .filter((el) => el.tagName.toLowerCase() === 'option')
+            .map((el) => {
+            return {
+                value: el['value'],
+                text: el['text']
+            };
+        });
+    }
+    checkIfPlaceholder() {
+        this.hasPlaceholder = !!this.afPlaceholder;
+    }
+    componentWillLoad() {
+        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
+    }
+    componentDidLoad() {
+        this.getOptions();
+        this.afOnReady.emit();
+    }
+    /**
+     * Returnerar en referens till formulärkontrollelementet.
+     * @en Returns a reference to the form control element.
+     */
+    async afMGetFormControlElement() {
+        return this._select;
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva select-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual select element.
+     */
+    focusOnInput() {
+        var _a;
+        (_a = this._select) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    get cssModifiers() {
+        return {
+            'digi-form-select--small': this.afVariation === formSelectVariation_enum.FormSelectVariation.SMALL,
+            'digi-form-select--medium': this.afVariation === formSelectVariation_enum.FormSelectVariation.MEDIUM,
+            'digi-form-select--large': this.afVariation === formSelectVariation_enum.FormSelectVariation.LARGE,
+            'digi-form-select--neutral': this.afValidation === formSelectVariation_enum.FormSelectValidation.NEUTRAL,
+            'digi-form-select--success': this.afValidation === formSelectVariation_enum.FormSelectValidation.SUCCESS,
+            'digi-form-select--warning': this.afValidation === formSelectVariation_enum.FormSelectValidation.WARNING,
+            'digi-form-select--error': this.afValidation === formSelectVariation_enum.FormSelectValidation.ERROR,
+            'digi-form-select--empty': !this.afValue &&
+                (!this.afValidation ||
+                    this.afValidation === formSelectVariation_enum.FormSelectValidation.NEUTRAL)
+        };
+    }
+    changeHandler(e) {
+        if (!this.dirty) {
+            this.afOnDirty.emit(e);
+            this.dirty = true;
+        }
+        this.value = this.afValue = e.target.value;
+        this.afOnChange.emit(e);
+    }
+    selectHandler(e) {
+        this.value = this.afValue = e.target.value;
+        this.afOnSelect.emit(e);
+    }
+    focusHandler(e) {
+        this.afOnFocus.emit(e);
+    }
+    focusoutHandler(e) {
+        this.afOnFocusout.emit(e);
+    }
+    blurHandler(e) {
+        this.afOnBlur.emit(e);
+    }
+    getSelectedItem(option) {
+        return this.afValue == option.value;
+    }
+    showValidation() {
+        return !this.afDisableValidation &&
+            this.afValidation !== formSelectVariation_enum.FormSelectValidation.NEUTRAL &&
+            this.afValidationText
+            ? true
+            : false;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd0422f1a779704cd2e9192f81199c58738c6f4db', tabindex: -1 }, index.h("div", { key: 'f6a49628a7d5d3d2d633e816aaf260242478fc4c', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, index.h("div", { key: '755b1b576bb8847570426d982d1a3445fb44edff', class: "digi-form-select__label-group" }, index.h("digi-form-label", { key: 'eda13cccb65792193b318bf9c21bd0b52384dbc5', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: '0ae5338fd5aa2b7fffe60935ddae9fec0cbaf379', class: "digi-form-select__select-wrapper" }, index.h("select", { key: 'bd758e92e3fb977be5bad8530062d9b5c71f7e11', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === formSelectVariation_enum.FormSelectValidation.ERROR
+                ? 'true'
+                : 'false', "aria-describedby": `${this.afId}--validation-message`, ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (index.h("option", { key: '85d60c1b04d3a48773d7a25e79d6e6896abc4334', class: {
+                'digi-form-select__select-option': true,
+                'digi-form-select__select-option--initial-value': true
+            }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index$1) => {
+            return (index.h("option", { key: index$1, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
+        })), index.h("digi-icon-input-select-marker", { key: 'e9ab4ef12562679223aaa7f60e20936d2a1e078e', class: "digi-form-select__icon", slot: "icon" })), index.h("digi-util-mutation-observer", { key: '188b27eb0a27f9bb81eb8211e67df8d8c54b7485', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+                e.stopImmediatePropagation();
+                this.getOptions();
+            } }, index.h("slot", { key: '70b2eeb015a08bfc2379f30eb4cf7e6281066d56' })), index.h("div", { key: 'd8aa1c5d5de3e847136d29b14a236d6cf73ecad4', class: "digi-form-select__footer" }, index.h("div", { key: '27f8450662d599b55aa22a3a82f268de8ecd7cbc', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'e7f512be5ea01c8bb2c6a1e20bacafd43acf2770', "af-variation": this.afValidation }, this.afValidationText)))))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": ["onValueChanged"],
+        "afValue": ["onAfValueChanged"]
+    }; }
+};
+FormSelect.style = DigiFormSelectStyle0;
+
+const iconInputSelectMarkerCss = ".sc-digi-icon-input-select-marker-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-input-select-marker-h svg.sc-digi-icon-input-select-marker{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconInputSelectMarkerStyle0 = iconInputSelectMarkerCss;
+
+const IconInputSelectMarker = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icon-input-select-marker');
+    }
+    render() {
+        return (index.h("svg", { key: '041c1a9468d8fd9340a556b7f0b063f4f3cf738d', class: "digi-icon-input-select-marker", width: "14", height: "8", viewBox: "0 0 14 8", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: 'a0542c18fdc7e871d91a495af884aa65e1ea0cd5', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'da9171b347e0af9afe8fd5c5d49d7179c2798e84' }, this.afDesc), index.h("path", { key: '9f5352b7e70c2a4a19d94fe9786b1629dac338f5', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+    }
+};
+IconInputSelectMarker.style = DigiIconInputSelectMarkerStyle0;
+
+exports.digi_form_select = FormSelect;
+exports.digi_icon_input_select_marker = IconInputSelectMarker;

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

@@ -44,6 +44,7 @@ const FormTextarea = class {
         this.afAriaLabelledby = undefined;
         this.afAriaDescribedby = undefined;
         this.afAutofocus = undefined;
+        this.afTrimValue = undefined;
         this.afErrorMessageIsAlert = true;
     }
     onValueChanged(value) {
@@ -100,6 +101,16 @@ const FormTextarea = class {
         };
     }
     blurHandler(e) {
+        if (this.afTrimValue && typeof e.target.value === 'string') {
+            const trimmedValue = e.target.value.trim();
+            if (trimmedValue !== e.target.value) {
+                this.afValue = this.value = trimmedValue;
+                if (this._textarea) {
+                    this._textarea.value = trimmedValue;
+                }
+                this.afOnInput.emit(e);
+            }
+        }
         if (!this.touched) {
             this.afOnTouched.emit(e);
             this.touched = true;
@@ -129,10 +140,10 @@ const FormTextarea = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h(index.Host, { key: '8fc80d345a10b05e22b3dcd5adb63449d50b07e1', tabindex: -1 }, index.h("div", { key: '049576151b60c94d55711e696af1262ac6701f34', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, index.h("div", { key: 'a18d782506a20eb687bd8792a3fb0da3db159d4f', class: "digi-form-textarea__label" }, index.h("digi-form-label", { key: '1574be92b63e16034a5690a9d217da8e63ca7470', 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: 'c3258fb29058a14abae464e8e7f22074675e0115', class: "digi-form-textarea__content" }, index.h("textarea", { key: '5273fb0ea8d7c1345bfc37df0214f1ceb497f2ae', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === formTextareaVariation_enum.FormTextareaValidation.ERROR
+        return (index.h(index.Host, { key: '98f682ee8195c12379e2423c3539404e1830e695', tabindex: -1 }, index.h("div", { key: '6481b13c2551958ebde492a5a6cc2b708b26e2d8', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, index.h("div", { key: '0ee19bc6a14361ae3b22b56034d08492e0170a9e', class: "digi-form-textarea__label" }, index.h("digi-form-label", { key: '178f9fedcf69b0cbf52057021a757a1f8c2e8e3d', 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: 'be556535265c322c7be065aa2e3335bcaef95fbc', class: "digi-form-textarea__content" }, index.h("textarea", { key: '302bf34c94a161971dc809d7e5ef9d7b4ec71ede', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === 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: '38ade9720142b05d65248291749635e061681bad', class: "digi-form-textarea__footer" }, index.h("div", { key: 'fbe8041652cc9c1bc72bffc98582c5312b9c020b', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != formTextareaVariation_enum.FormTextareaValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: 'baea13a3e9d6c7a762cce0f0296ee0dcb267ff9f', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
+                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), index.h("div", { key: '3ab685a78e1a4e7a8cf526e79ad5cc26de8c2447', class: "digi-form-textarea__footer" }, index.h("div", { key: '6b15817472e36252aeed5c2531b6ad14ab6e4f1c', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
+            this.afValidation != formTextareaVariation_enum.FormTextareaValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '92726ac010661ed5bce7ba9065f9b4105dd43f3c', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js

@@ -50,7 +50,7 @@ const LinkExternal = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '2b9cd17937699207be4cf903b556d8cd379a5b27' }, index.h("digi-link", { key: '8aedb5c22c93f2bb01ea8a8d750e5dc8c290b138', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("digi-icon-external-link-alt", { key: '86f554d686e7779eb0c289de5e92be46b3e8dfbe', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), index.h("slot", { key: '5f7697d1c5110c209a39dcf9f6a35410b37ee3e3' }))));
+        return (index.h(index.Host, { key: 'fd51401c9fa0ab852d9e44af66dcd946a5d2e9e1' }, index.h("digi-link", { key: 'deb5a9d9f8155a40adee978953096920b6500566', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("digi-icon-external-link-alt", { key: '3fa6ae4913240c6b58d7c12ed2b2576632c614c1', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), index.h("slot", { key: '3d80136ed787b51d57da623e72fd6440f6e1670b' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7a477838.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+
+const iconValidationErrorCss = ".sc-digi-icon-validation-error-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-error-h svg.sc-digi-icon-validation-error{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconValidationErrorStyle0 = iconValidationErrorCss;
+
+const IconValidationError = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: 'f499f42be0fc0b08203aa5f5f737d24dd637f2b2', class: "digi-icon-validation-error", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: 'fe9028dc6ef29fb411f3527f803f970fb200cbc7', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '602b904ee4e87ccd75c0fccbb1015f2e50a89c3d' }, this.afDesc), index.h("path", { key: 'c3e66974c35dd1405f668f9eb1c0c3ce65d57d16', class: "digi-icon-validation-error__shape", d: "M34.4328058,0 C35.5494848,0 36.5900526,0.609146757 37.1483921,1.58958113 L47.5812454,19.9104189 C48.1395849,20.8909496 48.1395849,22.1090504 47.5812454,23.0895811 L37.1483921,41.4104189 C36.5900526,42.3908532 35.5494848,43 34.4328058,43 L13.5671942,43 C12.4505152,43 11.4099474,42.3908532 10.8516079,41.4104189 L0.41875464,23.0895811 C-0.13958488,22.1090504 -0.13958488,20.8909496 0.41875464,19.9104189 L10.8516079,1.58958113 C11.4099474,0.609146757 12.4505152,0 13.5671942,0 Z M18.6736823,12.3728178 C18.2711762,11.964729 17.6203819,11.964729 17.2178757,12.3728178 L15.2825964,14.334939 C14.8800903,14.7430278 14.8800903,15.4028485 15.2825964,15.8109373 L20.6089616,21.2111779 L15.2825964,26.6114185 C14.8800903,27.0195074 14.8800903,27.6793281 15.2825964,28.0874169 L17.2178757,30.049538 C17.6203819,30.4576269 18.2711762,30.4576269 18.6736823,30.049538 L24.0000475,24.6492974 L29.3264127,30.049538 C29.7289188,30.4576269 30.3797132,30.4576269 30.7822193,30.049538 L32.7174986,28.0874169 C33.1200048,27.6793281 33.1200048,27.0195074 32.7174986,26.6114185 L27.3911334,21.2111779 L32.7174986,15.8109373 C33.1200048,15.4028485 33.1200048,14.7430278 32.7174986,14.334939 L30.7822193,12.3728178 C30.3797132,11.964729 29.7289188,11.964729 29.3264127,12.3728178 L24.0000475,17.7730584 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+    }
+};
+IconValidationError.style = DigiIconValidationErrorStyle0;
+
+const iconValidationWarningCss = ".sc-digi-icon-validation-warning-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-validation-warning-h svg.sc-digi-icon-validation-warning{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconValidationWarningStyle0 = iconValidationWarningCss;
+
+const IconValidationWarning = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("div", { key: 'eab65818fc925a1ff0b96f4c61897dbb21431375' }, index.h("svg", { key: '80fccf36625c7ad8899c656d6fd43e9c646ef941', class: "digi-icon-validation-warning", width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined }, this.afTitle && index.h("title", { key: '0b147bec8b5bb42bf03cf64f0c16fd8977738f17', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '250acb28819b3636883bc03da56a4228480e6fcb' }, this.afDesc), index.h("g", { key: 'a032d119a67df159ecf24e457ea87ce6399281f9', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: 'de82de664348aca5dafef8991aff9beb1b6501d1', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: 'e49d8e1173a1e0ce268977c08139bc275fd761e0', d: "m18 9c0 4.9717-4.0298 9-9 9-4.9702 0-9-4.0283-9-9 0-4.9688 4.0298-9 9-9 4.9702 0 9 4.0312 9 9zm-9 1.8145c-0.92196 0-1.6694 0.7474-1.6694 1.6694 0 0.92196 0.7474 1.6694 1.6694 1.6694s1.6694-0.7474 1.6694-1.6694c0-0.92196-0.7474-1.6694-1.6694-1.6694zm-1.3157-1.065c0.012593 0.23095 0.20355 0.41175 0.43483 0.41175h1.7618c0.23128 0 0.42224-0.1808 0.43483-0.41175l0.2692-4.9355c0.013609-0.24946-0.18501-0.45922-0.43483-0.45922h-2.3002c-0.24982 0-0.4484 0.20976-0.43479 0.45922l0.2692 4.9355z", fill: "#FFE200" })))));
+    }
+};
+IconValidationWarning.style = DigiIconValidationWarningStyle0;
+
+exports.digi_icon_validation_error = IconValidationError;
+exports.digi_icon_validation_warning = IconValidationWarning;

package/dist/cjs/digi-link-button.cjs.entry.js

@@ -57,7 +57,7 @@ const LinkButton = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '912e033fb035df1cdd5ebb6ce8bc35f0b5f1c79f', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: '4c519d24bb7876e50c38c1f01f117dc60dac79ba', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, index.h("span", { key: 'b095e3ef659e5a20a8bd5d7397a4d17f914298bd', class: "digi-link-button__text" }, index.h("slot", { key: '9da0bde27b312b79310a36939cda71e5c44be19d' })), this.hasNotification && index.h("slot", { key: 'b19c63133b1014a0a6e1b6d95b81ae2d48638ba8', name: "notification" }), index.h("digi-icon-chevron-right", { key: '7ef41bd82490cdac4268a24c988d5d35c33e58c6', class: "digi-link-button__icon" }))), this.afLinkContainer && (index.h(index.Fragment, { key: '987a6cd83ff9959b53a098a27cbd43a7d8389ffb' }, index.h("slot", { key: 'c5ab750ed9828c9af326ab88bb3c750146b40677' }), this.hasNotification && index.h("slot", { key: '8edb1cae2d9438dd3a2bf82aaf3028f75d47f980', name: "notification" })))));
+        return (index.h(index.Host, { key: '8084e4edd5437ec25a37459fc10050c4da5c58e9', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: '0e96ae78fdd4b5625a3313e68c28a01d34893d5d', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, index.h("span", { key: '8d67272ad7dc1c7b4c486949b2081c63b71ec1ad', class: "digi-link-button__text" }, index.h("slot", { key: 'cc7ac84c042f3d8b28c6cb28fc91ee6fa1ea1cb2' })), this.hasNotification && index.h("slot", { key: '11168a09812b2e7b40bf8c226d97a933c0f42b2a', name: "notification" }), index.h("digi-icon-chevron-right", { key: 'e2beb86a4524142a0a8c385fe2b5a69b8c1aa5f5', class: "digi-link-button__icon" }))), this.afLinkContainer && (index.h(index.Fragment, { key: '17954863dc4516a71a80b0393432a2cba6a7723f' }, index.h("slot", { key: 'a91e26192d4443fb1a21079be1f3087b02fd3de3' }), this.hasNotification && index.h("slot", { key: '8b322b449ed00daa5149b23c830df1a92f68c8ae', name: "notification" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-link-internal.cjs.entry.js

@@ -28,7 +28,7 @@ const LinkInternal = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'c6d5e7a0105a9925a2f86b7116a2ede429416ff3' }, !this.afLinkContainer && (index.h("digi-link", { key: 'e45e9126a56d10597a6c28a597e121a73262bfdf', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("digi-icon-chevron-right", { key: 'd832ccde4247f8279dc3508a4105878bf7d52787', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), index.h("slot", { key: '51569cf86084177a09f7d24359d0f26fb6f4f775' }))), this.afLinkContainer && (index.h("digi-link", { key: '10b6567afd3e6180b19352dce82104dc3c15617d', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("slot", { key: '425f14738e3fbcc55509acb533e2825ace5cd224' })))));
+        return (index.h(index.Host, { key: 'b1da74bae4a34ab17b3ff31e0dda62a67bdf1b05' }, !this.afLinkContainer && (index.h("digi-link", { key: '871f6bd7561de8d2751f6ff7a26493329d1b01fa', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("digi-icon-chevron-right", { key: 'dfbe58ab754fd4bd08d7e2955d14e79e9f3d28ad', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), index.h("slot", { key: '1a5bddcf083c60a12425980099de252bba7d4182' }))), this.afLinkContainer && (index.h("digi-link", { key: '521603dd379a7287a0229eba837d16c7e1a2766c', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("slot", { key: '332d629a67f271ddac72ec0f982ab3de9f5a4a18' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -63,7 +63,7 @@ const Link = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '39f2ab8f08a13d1c4d7cae4dadc36b8670bb0fc0', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: '66a8dc062b313986fe9c1faeb766c9e325ee5d86', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (index.h("div", { key: '03fdec9e4444f0cf7a2bfe7de1ba95ed82b62a38', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, index.h("slot", { key: 'bb8a908170e7328e425b175b969e0b0a75302729', name: "icon" }))), index.h("slot", { key: 'cc3dfa7c092ea7f6272d14c5ae2889671eb2fd01' }))), this.afLinkContainer && index.h("slot", { key: '659499126035d0dc3c6bed718c692e9d891e1ddf' })));
+        return (index.h(index.Host, { key: 'c2cdd832f50e81c35d8c3e06b5fb294f9515f938', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: 'e8b2298dd031c232cc1f1049852b140d72e9a984', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (index.h("div", { key: '3bf604f269f9bcae1b935670485374f4698d1ff1', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, index.h("slot", { key: '2ded07fa39426315f056da4981a2f182601fda33', name: "icon" }))), index.h("slot", { key: '0df2301bbeb8c2828e86ed2f6a069a83c18d3fa1' }))), this.afLinkContainer && index.h("slot", { key: 'ecd0d327630dcb310bb8148f7c22d62dce62cf11' })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7a477838.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
-require('./typography-variation.enum-50512a4e.js');
+require('./typography-variation.enum-118ff8e5.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-1611825e.js');
+require('./form-input-search-variation.enum-e0e025b1.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
@@ -20,7 +19,6 @@ require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
 require('./form-input-type.enum-9c8ee12a.js');
 require('./form-input-variation.enum-c750520c.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
@@ -29,7 +27,6 @@ require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');

package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js

@@ -120,24 +120,24 @@ const NavigationVerticalMenuItem = class {
         }
     }
     render() {
-        return (index.h("host", { key: 'b880227638a1f8025e80ef32db9b106b00a8b5a3', class: {
+        return (index.h("host", { key: '831f600bb3be81e7eb6b39b1125c056e7dfa3564', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, index.h("div", { key: '66b23291ec4d03ed1d982865528e652f35900625', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (index.h("div", { key: '813b1b4fc6d29967d8ccab1911800af58c4ec1d8', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, index.h("a", { key: '372e197f6b039c7de3add77fe0173a2977c7a235', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, index.h("div", { key: 'c636dcbad3f5060a1568bb10e92feee35f10dd61', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (index.h("div", { key: '0740173821da4e2879360fe0a5ad43d654b218ee', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, index.h("a", { key: 'f82cdfb6ed836e5c481ae12a60fba655eda8e4aa', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__has-subnav': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive,
                 'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
-            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'f15ba1a239223ea597feae19e23b31d6cdc4bb6f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '815ad8df1e2155b15f4fd444286c267e3f14b69c', name: "icon" })), index.h("span", { key: '1c5f68ffba8af1681d2a3241675074b23d32f1a0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'b4792c9089677e62c39ce3b13d894901f34e08db', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '823fdf5314e523386d8cf0c76d3759f48095e3e2', name: "badge" }))), index.h("button", { key: '7e9d281a9f9f017bbf921a56cf6c222371f66d25', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'b778e1e5497d1936979ed1bec64dd1a6786b2974', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '0de5873363746a89ceff108ff720d26c5e3c033e', name: "icon" })), index.h("span", { key: '63104dbf34e6c7deccbda3095c4fd0d8d2ae8ccf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '9d45b2cc780a9d03b9abdcddcf16600953a3f71c', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '02411e2ddf9a55929b43202e5d6fb94930849055', name: "badge" }))), index.h("button", { key: 'd45ed8d0afa7b0daa5bbb21532354f55ec01a8a3', type: "button", id: `${this.afId}-toggle-button`, class: {
                 'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
                 'digi-navigation-vertical-menu-item__button--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: '1191e70005393c4de22aaaf7f31ea519ce76e38b', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'ebeaf192dd628581f500153b6730de5c807a7c73', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (index.h("div", { key: 'ba7f47312d4da5d5318fef885bf3c871859d0e11', class: "digi-navigation-vertical-menu-item__inner" }, index.h("button", { key: 'a549c35be775eda4d97af83bbd02574375ee4bda', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, index.h("span", { key: 'dafcf4b088bb2e537576872e4ab619065ee361f8', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: 'fa7f0d18216065afb1a03413876956458ba91160', name: "icon" })), index.h("span", { key: '778c90bf46376555e90e72fa091cb7bf2c2ffaa0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '3f5c4001d0c58d72e3f7c38f9e4f61651cd8ba03', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'cebf8b10e3e0687f70d877ff747dd4c1e6cfe26a', name: "badge" })), index.h("span", { key: '565062ad871e98cc3605ba2646b34f229491aa5f', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'fbf0e92f92e57b01f6a5bcc28228df907d851b86' }, this.toggleIcon))))), !this.hasSubnav && (index.h("div", { key: '2a7d77092f9ba8cb700565e0e1fce54772ae5ce6', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (index.h("a", { key: '03ccf4b05246b0ee637189818804a028914ebfd2', id: `${this.afId}-link`, href: this.afHref, class: {
+            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: '637181e113d06884ea746addd703782e71fce6f8', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: '277050ea6a5e5f5937d4f9ba1800229fc46bead3', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (index.h("div", { key: 'edd3cded5d09fa987e148c6bd57c70e3873cd9f0', class: "digi-navigation-vertical-menu-item__inner" }, index.h("button", { key: '6669e3e1c091f1e3e3c9fb728e5aaad6ce1cedf7', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, index.h("span", { key: '722adf95ad9d1a50f2b4dbb1e82c43a06e6f8f22', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: 'f0887a508f78e2e4d085a56ae28bfe62ec5f7c6a', name: "icon" })), index.h("span", { key: '75819f2f65263af970b274195c1cdd37b1aca54b', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'b9a2cb1da360f5ac4cf7abf02ea5c07d9bb1725b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '811ce3dea1dfdc945493010ece752d947fb8dd48', name: "badge" })), index.h("span", { key: '7861ac8a986f1ba4a4043d1ef60d0899efb2e54c', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: '7572ae648dea2fe6c494d1ab78c154391dd3edba' }, this.toggleIcon))))), !this.hasSubnav && (index.h("div", { key: 'f6e6318c57e612d8b449b9a009b19311678c87d8', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (index.h("a", { key: '334bc20a2df68386cae4a7d2499f851d24a108a0', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '09cb9dd14c1d0f98277b5f91bbdf5ddf247f770f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '9eb474b7bbe4b8ebf2de9326e70b96d5c5554823', name: "icon" })), index.h("span", { key: 'd06b00e8fe406469a58d89321286ed4c3e41ee28', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '7e52f0ee39ede7eb44a3cfb5e031ec557bb57989', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '5528f880b8060156f729c4424c39bc5ce250a071', name: "badge" })))), this.isActive && (index.h("a", { key: '6d68cda6b03124b3412debf00cd13656dc7e4641', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '53ab9bf11c7690dc417375be3f1affd7fe21ec6d', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: 'b08623e61374243b1fb4f681a1ad66e91c452fc4', name: "icon" })), index.h("span", { key: '818c610c8473b7c31fbcc80aaf84b6d86a025737', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'f866b6689358c3461dcc19487a466699a46b27e8', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '13943e887a862cfe1654862dcdf899c27c607a70', name: "badge" })))), this.isActive && (index.h("a", { key: 'bf9a7ba9b7e4fd72c113afabd51a02bbfbb0f957', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '63af803c675981661526503061377d086af4738b', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: 'dc65dab94180e8f0028d506ed09ae85cc1e7375f', name: "icon" })), index.h("span", { key: 'c39e2885ac5938aa5ffe17062b4b79c5905435b4', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'e4fa7456b93a82102feba487707e06309c7130a8', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'ce36852991d5d3ebb25591facbfdfce86b8dff10', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '20ff961f85090e27a0dbeaea8f8974a025113e1f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '4f16c6e58f5789c7564136daafa900b3d0dd3038', name: "icon" })), index.h("span", { key: '2ed83aee8e224497f97b9c34f92dd7808eb4614e', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '6d0ec7a4ca665bd297fbf6c12ed5a5281ed15da3', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'a37605a7371b7a835abb80a443e98125a634cc27', name: "badge" })))))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const typographyVariation_enum = require('./typography-variation.enum-50512a4e.js');
+const typographyVariation_enum = require('./typography-variation.enum-118ff8e5.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-1611825e.js');
+require('./form-input-search-variation.enum-e0e025b1.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
@@ -20,7 +19,6 @@ require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
 require('./form-input-type.enum-9c8ee12a.js');
 require('./form-input-variation.enum-c750520c.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
@@ -29,7 +27,6 @@ require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');
@@ -56,7 +53,7 @@ require('./typography-meta-variation.enum-13ac3538.js');
 require('./typography-time-variation.enum-bce1d87e.js');
 require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
 
-const notificationAlertCss = ".sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 47.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}.sc-digi-notification-alert-h .icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .main-wrapper.sc-digi-notification-alert{flex:1}";
+const notificationAlertCss = ".sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__main-wrapper.sc-digi-notification-alert{flex:1}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 47.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}";
 const DigiNotificationAlertStyle0 = notificationAlertCss;
 
 const NotificationAlert = class {
@@ -106,8 +103,8 @@ const NotificationAlert = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'bf3f0a58082fb86cf6642f9769c101489c72edde', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, index.h("div", { key: '31a46f56e2bd7248c2b9df479a02c21e2efade82', class: "digi-notification-alert__layout" }, index.h("div", { key: 'adc8397ce115af922885eeecafdebbf7bf18035d', class: "icon-wrapper" }, index.h("div", { key: '38440269617cbeb7185c90eb81194cab8d46afbd', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), index.h("div", { key: '8be12ad3c0d0466ad60f102dbcb599c1aff3eebe', class: "main-wrapper" }, index.h("div", { key: '306c289ee677e7f2ce4601f9a8bba2fc3a550196', class: "digi-notification-alert__wrapper" }, this.afCloseable && (index.h("digi-button", { key: '5b9e99e93677b1057f4485d13e9827d5404f85a4', "af-aria-label": this.afCloseAriaLabel, "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, index.h("span", { key: '73b426345ac2352b8c851ae64e5063fa525e422b', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), index.h("digi-icon-x", { key: 'ee1089839ba1094b780ccc32d59bcdb2c0126e5b', slot: "icon-secondary", "aria-hidden": "true" }))), index.h("div", { key: '283a3e0f4fe25c420b0b284251c0e325cd51e4b8', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === typographyVariation_enum.NotificationAlertSize.LARGE && (index.h(this.afHeadingLevel, { key: '42d1221b2fd943f970e9e6d3a18833c28cc91881', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), index.h("div", { key: '60fea41af154d6690f3313af4e710461f81f3b62', class: "digi-notification-alert__content" }, index.h("digi-typography", { key: '146f0bb6da09fce6e3044f23d8cfaeac564334b9', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("slot", { key: 'e34dead87fa7f3fb474e83c325dbfabef465f53a' })))))))));
+        return (index.h("div", { key: 'bf3f0a58082fb86cf6642f9769c101489c72edde', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, index.h("div", { key: '31a46f56e2bd7248c2b9df479a02c21e2efade82', class: "digi-notification-alert__layout" }, index.h("div", { key: '3a9b948108d510282da3d344036df3b15d4c6a6b', class: "digi-notification-alert__icon-wrapper" }, index.h("div", { key: '6de4451514422b7b54e96767d7fc0aaf1d85ad4a', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), index.h("div", { key: 'cb537642611e6fcc4fbe72d97906eb879455ab28', class: "digi-notification-alert__main-wrapper" }, index.h("div", { key: '41f8b5af01d7d24dc147e536b14417a15bb3c53c', class: "digi-notification-alert__wrapper" }, this.afCloseable && (index.h("digi-button", { key: '4ac49d9ee2cd397995e7d70ce7159cb2a04d7ccc', "af-aria-label": this.afCloseAriaLabel, "af-variation": buttonVariation_enum.ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, index.h("span", { key: 'efcb9359dc3b64b26b1bb549200912432ce332ed', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), index.h("digi-icon-x", { key: '0e3d6e993740cc994f7cf944d5a6c65feb8d4c38', slot: "icon-secondary", "aria-hidden": "true" }))), index.h("div", { key: 'bb436a69524dd58366d46e70e5a173d2e2626d96', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === typographyVariation_enum.NotificationAlertSize.LARGE && (index.h(this.afHeadingLevel, { key: '85aaea1e186d5f81edc8b9c9bc4d0de13c499e67', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), index.h("div", { key: 'e5e9fcbc2189a8574553ed8af87e17e32c1b2a7d', class: "digi-notification-alert__content" }, index.h("digi-typography", { key: 'f50d6ae9bcd718c69d1ccb18a054454e37cce865', "af-variation": typographyVariation_enum.TypographyVariation.SMALL }, index.h("slot", { key: '26714715984cec58976af688ac94eaae77b9320e' })))))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/digi-notification-error-page.cjs.entry.js

@@ -3,16 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7a477838.js');
-const typographyVariation_enum = require('./typography-variation.enum-50512a4e.js');
+const typographyVariation_enum = require('./typography-variation.enum-118ff8e5.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-1fd86b9e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-1611825e.js');
+require('./form-input-search-variation.enum-e0e025b1.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-accordion-header-level.enum-45483252.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
@@ -20,7 +19,6 @@ require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
 require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
 require('./form-input-type.enum-9c8ee12a.js');
 require('./form-input-variation.enum-c750520c.js');
 require('./form-radiogroup-validation.enum-03a17d4d.js');
@@ -29,7 +27,6 @@ require('./form-textarea-variation.enum-9c90d40f.js');
 require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
-require('./layout-container-max-width.enum-7e637f44.js');
 require('./layout-block-variation.enum-f6102119.js');
 require('./layout-columns-variation.enum-65675649.js');
 require('./link-button-variation.enum-137785e3.js');