@designsystem-se/af 39.2.2 → 39.2.3

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

@@ -1,201 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-var formSelectVariation_enum = require('./form-select-variation.enum-e6wjWyaS.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 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;
-        /**
-         * Normalt betonas ett obligatoriskt fält visuellt och semantiskt.
-         * Detta vänder på det och betonar fältet om det inte krävs.
-         * Ställ in detta till sant om ditt formulär innehåller fler obligatoriska fält än inte.
-         * @en Normally a required field is visually and semantically emphasized.
-         * This flips that and emphasizes the field if it is not required.
-         * Set this to true if your form contains more required fields than not.
-         */
-        this.afAnnounceIfOptional = false;
-        /**
-         * Sätter ett id attribut.
-         * @en Sets an id attribute. Standard är slumpmässig sträng.
-         */
-        this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-select');
-        /**
-         * Sätter väljarens storlek.
-         * @en Set select input size.
-         */
-        this.afVariation = formSelectVariation_enum.FormSelectVariation.MEDIUM;
-        /**
-         * Sätter väljarens validering
-         * @en Set select validation
-         */
-        this.afValidation = formSelectVariation_enum.FormSelectValidation.NEUTRAL;
-        /**
-         * Om värdet är true får felmeddelandet attributet role="alert".
-         * Om felet visas tillsammans med flera andra fel (till exempel efter servervalidering) ska värdet sättas till false.
-         * @en If the value is true, the error message gets the attribute role="alert".
-         * If the error is shown together with multiple errors (for example after server-side validation), the value should be set to false.
-         */
-        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 = Array.from(this.hostElement.querySelectorAll('option')).filter((el) => { var _a; return !((_a = this._select) === null || _a === void 0 ? void 0 : _a.contains(el)); });
-        const updatedOptionItems = options.map((el) => ({
-            value: el.value,
-            text: el.text
-        }));
-        if (JSON.stringify(updatedOptionItems) === JSON.stringify(this.optionItems)) {
-            return;
-        }
-        this.optionItems = updatedOptionItems;
-    }
-    checkIfPlaceholder() {
-        this.hasPlaceholder = !!this.afPlaceholder;
-    }
-    componentWillLoad() {
-        this.afValue ? (this.value = this.afValue) : (this.afValue = this.value);
-    }
-    componentDidLoad() {
-        this.optionsObserver = new MutationObserver(() => this.getOptions());
-        this.optionsObserver.observe(this.hostElement, {
-            childList: true,
-            subtree: true
-        });
-        this.getOptions();
-        this.afOnReady.emit();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.optionsObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    /**
-     * 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: 'b40fb54f41ae0b739a943d600624889b604865b2', tabindex: -1 }, index.h("div", { key: 'e753b10a46503f6711b35dd1d30b8be59296cc0b', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, index.h("div", { key: 'a820eb5ffec3ac101febd080add2ddf9aa537c21', class: "digi-form-select__label-group" }, index.h("digi-form-label", { key: 'ad8616ae6b48a6e10c2827a7d00d51daa44129ec', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: 'ffe072a753cfe6a7f6afd300e34f8aff9ec4fc2a', class: "digi-form-select__select-wrapper" }, index.h("select", { key: '204dbc6361c6fb0a0ae0265cdd05db1888380c6d', 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: '0f4675533c05c4e6a2f3dd7b502676aa6354c001', 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: '13c14346d06dbf9d67bedfcb45300ee0cd7921e4', class: "digi-form-select__icon", slot: "icon" })), index.h("div", { key: '9a88dda5d1d981016bb17a053d913eadd89e5e07', hidden: true }, index.h("slot", { key: '9b6cc012b2c0fead2a1e70441abebbb28364b450' })), index.h("div", { key: '1f13d6ddaf2a9d78a7c66c242bfe5ac35cf2c961', class: "digi-form-select__footer" }, index.h("div", { key: '6ba7c2aea4196e0e1b646e22ca9d14be65540ccb', "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'eee53a1c30af8d43e8f60d3c85764f65d335e9ec', "af-variation": this.afValidation }, this.afValidationText)))))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "value": [{
-                "onValueChanged": 0
-            }],
-        "afValue": [{
-                "onAfValueChanged": 0
-            }]
-    }; }
-};
-FormSelect.style = formSelectCss();
-
-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 IconInputSelectMarker = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
-        this.afSvgAriaHidden = true;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icon-input-select-marker');
-    }
-    render() {
-        return (index.h("svg", { key: '3a27d862f015acdf222435b2abcf67f1a6c312f7', 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: '88b3c6625077baef962e3851804f50700191b43a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'fd1b1225f6bfbc57e34126608b3fd91143253758' }, this.afDesc), index.h("path", { key: 'e83bfd8eef85f4e2f5c5171dd1d08a44d611fdea', d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
-    }
-};
-IconInputSelectMarker.style = iconInputSelectMarkerCss();
-
-exports.digi_form_select = FormSelect;
-exports.digi_icon_input_select_marker = IconInputSelectMarker;

package/dist/cjs/digi-icon-chevron-down.cjs.entry.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
-
-const iconChevronDownCss = () => `.sc-digi-icon-chevron-down-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-chevron-down-h svg.sc-digi-icon-chevron-down{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 IconChevronDown = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
-        this.afSvgAriaHidden = true;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: '14c50bb9ce94f2ae7e6b89e99417668515a0e1fa', class: "digi-icon-chevron-down", 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: '4692fea634337c2e89e5eeac67c707c84f919563', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '3948943affb34ebc1967aeb54389b0c3230e6daf' }, this.afDesc), index.h("path", { key: '252f72d574b43e0d794341fa05f5a2cf39cedb4d', class: "digi-icon-chevron-down__shape", d: "M1 1l6.074 6L13 1.147", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
-    }
-};
-IconChevronDown.style = iconChevronDownCss();
-
-exports.digi_icon_chevron_down = IconChevronDown;

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

@@ -1,51 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.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 IconValidationError = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
-        this.afSvgAriaHidden = true;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("svg", { key: 'b20fb61395f90adad2b9e5be72d3e2ea3c5a3feb', 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: '5e08a1b947d534b913fff06e02109b53c607a0be', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'f016b92eb4957943a5308d12db1ce2f1b73fae3f' }, this.afDesc), index.h("path", { key: 'f5ba662eeb6689959a6990ae2e880edc42670490', 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 = iconValidationErrorCss();
-
-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 IconValidationWarning = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * För att dölja ikonen för skärmläsare. Default är satt till true.
-         * @en Hides the icon for screen readers. Default is set to true.
-         */
-        this.afSvgAriaHidden = true;
-        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
-    }
-    render() {
-        return (index.h("div", { key: '7017a09730cca2dafe42548b11d18e34a693f81b' }, index.h("svg", { key: 'd56b196f88aaf6dd87bb416e422d399667e80202', 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: '25751b0fd552d8dcabc3402345ba8528126dd973', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '41476cbdf1b92dd9b7c44d8791481a5cf00186ca' }, this.afDesc), index.h("g", { key: '6607df5c4713e5680fcaa2e9ea29b7cab5064e3d', fill: "none", "fill-rule": "evenodd" }, index.h("circle", { key: 'c87e6472093671bc2f1f6b3d7eb0b34f512468c1', cx: "9", cy: "9", r: "6.75", fill: "#333" }), index.h("path", { key: '17b79d3e780ecbb2394b38586388ea457c65a2f7', 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 = iconValidationWarningCss();
-
-exports.digi_icon_validation_error = IconValidationError;
-exports.digi_icon_validation_warning = IconValidationWarning;

package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var typographyHeadingJumboVariation_enum = require('./typography-heading-jumbo-variation.enum-Di1Jeh0G.js');
-
-const typographyHeadingJumboCss = () => `.sc-digi-typography-heading-jumbo-h{display:block}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);font-weight:var(--digi--typography--heading-jumbo--font-weight--desktop)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{font-size:var(--digi--typography--heading-jumbo--font-size--desktop-large)}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo{color:var(--digi--grayscale--0)}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{content:"";width:11.875rem;height:0.4375rem;background:var(--digi--color--border--accent--primary);display:block;margin-top:var(--digi--padding--small)}@media (min-width: 61.9375rem){.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo::after{width:13.75rem;margin-top:var(--digi--margin--h2-large);height:0.625rem}}.sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo--secondary.sc-digi-typography-heading-jumbo::after{background:var(--digi--color--border--accent--secondary)}digi-typography .sc-digi-typography-heading-jumbo-h .digi-typography-heading-jumbo.sc-digi-typography-heading-jumbo{margin-bottom:var(--digi--margin--medium)}`;
-
-const TypographyHeadingJumbo = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Rubrikens text
-         * @en The heading text
-         */
-        this.afText = '';
-        /**
-         * Sätt rubrikens vikt. 'h1' är förvalt.
-         * @en Set heading level. Default is 'h1'
-         */
-        this.afLevel = typographyHeadingJumboVariation_enum.TypographyHeadingJumboLevel.H1;
-        /**
-         * Sätt språk inuti rubrik-elementet. 'sv' (svenska) är förvalt.
-         * @en Set language inside of title element. Defaults to 'sv' (swedish).
-         */
-        this.afLang = 'sv';
-    }
-    /**
-     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
-     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
-     */
-    focusOnHeading() {
-        this.headingElement.focus();
-    }
-    get cssModifiers() {
-        return {
-            'digi-typography-heading-jumbo--primary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.PRIMARY,
-            'digi-typography-heading-jumbo--secondary': this.afVariation === typographyHeadingJumboVariation_enum.TypographyHeadingJumboVariation.SECONDARY
-        };
-    }
-    render() {
-        return (index.h(this.afLevel, { key: 'b63f9447d1ccefc73fcd3ac26562ed4d9f106f3c', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
-    }
-};
-TypographyHeadingJumbo.style = typographyHeadingJumboCss();
-
-exports.digi_typography_heading_jumbo = TypographyHeadingJumbo;

package/dist/cjs/digi-util-keydown-handler.cjs.entry.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var index = require('./index-Cn1hHaSy.js');
-var keyboardHandler_util = require('./keyboardHandler.util-Co9WoNpM.js');
-
-const UtilKeydownHandler = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnEsc = index.createEvent(this, "afOnEsc", 7);
-        this.afOnEnter = index.createEvent(this, "afOnEnter", 7);
-        this.afOnTab = index.createEvent(this, "afOnTab", 7);
-        this.afOnSpace = index.createEvent(this, "afOnSpace", 7);
-        this.afOnShiftTab = index.createEvent(this, "afOnShiftTab", 7);
-        this.afOnUp = index.createEvent(this, "afOnUp", 7);
-        this.afOnDown = index.createEvent(this, "afOnDown", 7);
-        this.afOnLeft = index.createEvent(this, "afOnLeft", 7);
-        this.afOnRight = index.createEvent(this, "afOnRight", 7);
-        this.afOnHome = index.createEvent(this, "afOnHome", 7);
-        this.afOnEnd = index.createEvent(this, "afOnEnd", 7);
-        this.afOnKeyDown = index.createEvent(this, "afOnKeyDown", 7);
-    }
-    keydownHandler(e) {
-        const key = keyboardHandler_util.keyboardHandler(e);
-        switch (key) {
-            case keyboardHandler_util.KEY_CODE.SHIFT_TAB:
-                this.afOnShiftTab.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.DOWN_ARROW:
-                this.afOnDown.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.UP_ARROW:
-                this.afOnUp.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.LEFT_ARROW:
-                this.afOnLeft.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.RIGHT_ARROW:
-                this.afOnRight.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.ENTER:
-                this.afOnEnter.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.ESCAPE:
-                this.afOnEsc.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.TAB:
-                this.afOnTab.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.SPACE:
-                this.afOnSpace.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.HOME:
-                this.afOnHome.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.END:
-                this.afOnEnd.emit(e);
-                this.afOnKeyDown.emit(e);
-                break;
-            case keyboardHandler_util.KEY_CODE.ANY:
-                this.afOnKeyDown.emit(e);
-                break;
-            default:
-                this.afOnKeyDown.emit(e);
-                return;
-        }
-    }
-    render() {
-        return index.h("slot", { key: 'c0a9e056eb5e48ce215370d38ee65a62ca2e33d9' });
-    }
-};
-
-exports.digi_util_keydown_handler = UtilKeydownHandler;

package/dist/cjs/expandable-accordion-header-level.enum-CjL9V3Kt.js

@@ -1,11 +0,0 @@
-'use strict';
-
-exports.ExpandableAccordionHeaderLevel = void 0;
-(function (ExpandableAccordionHeaderLevel) {
-    ExpandableAccordionHeaderLevel["H1"] = "h1";
-    ExpandableAccordionHeaderLevel["H2"] = "h2";
-    ExpandableAccordionHeaderLevel["H3"] = "h3";
-    ExpandableAccordionHeaderLevel["H4"] = "h4";
-    ExpandableAccordionHeaderLevel["H5"] = "h5";
-    ExpandableAccordionHeaderLevel["H6"] = "h6";
-})(exports.ExpandableAccordionHeaderLevel || (exports.ExpandableAccordionHeaderLevel = {}));

package/dist/cjs/expandable-faq-item-variation.enum-aKkYAQgd.js

@@ -1,18 +0,0 @@
-'use strict';
-
-exports.ExpandableFaqItemHeadingLevel = void 0;
-(function (ExpandableFaqItemHeadingLevel) {
-    ExpandableFaqItemHeadingLevel["H1"] = "h1";
-    ExpandableFaqItemHeadingLevel["H2"] = "h2";
-    ExpandableFaqItemHeadingLevel["H3"] = "h3";
-    ExpandableFaqItemHeadingLevel["H4"] = "h4";
-    ExpandableFaqItemHeadingLevel["H5"] = "h5";
-    ExpandableFaqItemHeadingLevel["H6"] = "h6";
-})(exports.ExpandableFaqItemHeadingLevel || (exports.ExpandableFaqItemHeadingLevel = {}));
-
-exports.ExpandableFaqItemVariation = void 0;
-(function (ExpandableFaqItemVariation) {
-    ExpandableFaqItemVariation["PRIMARY"] = "primary";
-    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
-    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
-})(exports.ExpandableFaqItemVariation || (exports.ExpandableFaqItemVariation = {}));

package/dist/cjs/form-input-search-variation.enum-VVfvlVeM.js

@@ -1,8 +0,0 @@
-'use strict';
-
-exports.FormInputSearchVariation = void 0;
-(function (FormInputSearchVariation) {
-    FormInputSearchVariation["SMALL"] = "small";
-    FormInputSearchVariation["MEDIUM"] = "medium";
-    FormInputSearchVariation["LARGE"] = "large";
-})(exports.FormInputSearchVariation || (exports.FormInputSearchVariation = {}));

package/dist/cjs/form-input-variation.enum-kpoXNUuI.js

@@ -1,29 +0,0 @@
-'use strict';
-
-exports.FormInputMode = void 0;
-(function (FormInputMode) {
-    FormInputMode["DEFAULT"] = "";
-    FormInputMode["NONE"] = "none";
-    FormInputMode["TEXT"] = "text";
-    FormInputMode["DECIMAL"] = "decimal";
-    FormInputMode["NUMERIC"] = "numeric";
-    FormInputMode["TEL"] = "tel";
-    FormInputMode["SEARCH"] = "search";
-    FormInputMode["EMAIL"] = "email";
-    FormInputMode["URL"] = "url";
-})(exports.FormInputMode || (exports.FormInputMode = {}));
-
-exports.FormInputValidation = void 0;
-(function (FormInputValidation) {
-    FormInputValidation["SUCCESS"] = "success";
-    FormInputValidation["ERROR"] = "error";
-    FormInputValidation["WARNING"] = "warning";
-    FormInputValidation["NEUTRAL"] = "neutral";
-})(exports.FormInputValidation || (exports.FormInputValidation = {}));
-
-exports.FormInputVariation = void 0;
-(function (FormInputVariation) {
-    FormInputVariation["SMALL"] = "small";
-    FormInputVariation["MEDIUM"] = "medium";
-    FormInputVariation["LARGE"] = "large";
-})(exports.FormInputVariation || (exports.FormInputVariation = {}));

package/dist/cjs/form-select-variation.enum-e6wjWyaS.js

@@ -1,16 +0,0 @@
-'use strict';
-
-exports.FormSelectValidation = void 0;
-(function (FormSelectValidation) {
-    FormSelectValidation["SUCCESS"] = "success";
-    FormSelectValidation["ERROR"] = "error";
-    FormSelectValidation["WARNING"] = "warning";
-    FormSelectValidation["NEUTRAL"] = "neutral";
-})(exports.FormSelectValidation || (exports.FormSelectValidation = {}));
-
-exports.FormSelectVariation = void 0;
-(function (FormSelectVariation) {
-    FormSelectVariation["SMALL"] = "small";
-    FormSelectVariation["MEDIUM"] = "medium";
-    FormSelectVariation["LARGE"] = "large";
-})(exports.FormSelectVariation || (exports.FormSelectVariation = {}));

package/dist/cjs/form-validation-message-variation.enum-BA5nmCiw.js

@@ -1,8 +0,0 @@
-'use strict';
-
-exports.FormValidationMessageVariation = void 0;
-(function (FormValidationMessageVariation) {
-    FormValidationMessageVariation["SUCCESS"] = "success";
-    FormValidationMessageVariation["ERROR"] = "error";
-    FormValidationMessageVariation["WARNING"] = "warning";
-})(exports.FormValidationMessageVariation || (exports.FormValidationMessageVariation = {}));