@designsystem-se/af 39.2.1-beta.0 → 39.2.1-beta.darkmode.0

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

@@ -1,70 +1,67 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DvKfjkVd.js');
+var typographyVariation_enum = require('./typography-variation.enum-B05du-qd.js');
+require('./badge-notification-shape.enum-CEyEo2G5.js');
+require('./badge-status-variation.enum-XX8d--rj.js');
+require('./code-example-variation.enum-BCENTUV2.js');
+require('./form-input-type.enum-B2CsNSBg.js');
+require('./button-variation.enum-DkUalo9f.js');
+require('./calendar-week-view-heading-level.enum-NEkm5SUq.js');
+require('./bar-chart-variation.enum-BZFN4377.js');
+require('./code-variation.enum-BM-hhQuD.js');
+require('./expandable-accordion-header-level.enum-CjL9V3Kt.js');
+require('./expandable-faq-variation.enum-FEybT9s4.js');
+require('./form-radiogroup-validation.enum-DBDbjF6N.js');
+require('./form-textarea-variation.enum-BcEyaR5W.js');
+var layoutBlockVariation_enum = require('./layout-block-variation.enum-BldWvnDk.js');
+require('./list-type.enum-CkFOn-eB.js');
+require('./loader-skeleton-variation.enum-UvPtdesw.js');
+require('./loader-spinner-size.enum-u5AQs-UJ.js');
+require('./media-figure-alignment.enum-BWO1sg67.js');
+require('./navigation-sidebar-variation.enum-70NIGQoi.js');
+require('./progress-circle-heading-level.enum-DNlyzNd6.js');
+require('./progress-list-item-variation.enum-Dk3YS--x.js');
+require('./progress-list-variation.enum-BvLLJK9O.js');
+require('./progressbar-variation.enum-CnRJPSs7.js');
+require('./quote-image-inner-position.enum-CLifVlj0.js');
+require('./table-variation.enum-DlDZKXbq.js');
+require('./tag-size.enum-DFom3Smn.js');
+require('./tools-feedback-banner-type.enum-Dyeg3XNb.js');
+require('./tools-feedback-rating-variation.enum-CBI4GhXs.js');
+require('./typography-meta-variation.enum-lvDemnSz.js');
+require('./typography-time-variation.enum-D2gIVzYH.js');
+require('./util-breakpoint-observer-breakpoints.enum-zoJiezkV.js');
 
-const index = require('./index-7a477838.js');
-const typographyVariation_enum = require('./typography-variation.enum-50512a4e.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('./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');
-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');
-require('./form-select-variation.enum-528c1bf0.js');
-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');
-const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
-require('./layout-columns-variation.enum-65675649.js');
-require('./link-button-variation.enum-137785e3.js');
-require('./list-type.enum-aea4d012.js');
-require('./loader-skeleton-variation.enum-d52ba55e.js');
-require('./loader-spinner-size.enum-db2973f0.js');
-require('./logo-color.enum-76f6c506.js');
-require('./media-figure-alignment.enum-3885aba5.js');
-require('./navigation-sidebar-variation.enum-1c0c3064.js');
-require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./progress-indicator-heading-level.enum-13c38ed0.js');
-require('./progress-list-item-variation.enum-90e4c874.js');
-require('./progress-list-variation.enum-06d5ce27.js');
-require('./progressbar-variation.enum-aff9fa80.js');
-require('./quote-image-inner-position.enum-e64e7a6d.js');
-require('./table-variation.enum-25df2ad7.js');
-require('./tag-media-icon.enum-372563c5.js');
-require('./tag-size.enum-387c516c.js');
-require('./tools-feedback-banner-type.enum-de373ba0.js');
-require('./tools-feedback-rating-variation.enum-2f71e84d.js');
-require('./tools-theme-provider.brand.enum-bc855272.js');
-require('./typography-heading-jumbo-variation.enum-8677e099.js');
-require('./typography-meta-variation.enum-13ac3538.js');
-require('./typography-time-variation.enum-bce1d87e.js');
-require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
-
-const formReceiptCss = ".sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--pop-out);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__infographic-primary.sc-digi-form-receipt{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}";
-const DigiFormReceiptStyle0 = formReceiptCss;
+const formReceiptCss = () => `.sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--pop-out);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__infographic-primary.sc-digi-form-receipt{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}`;
 
 const FormReceipt = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Sätter texten som ska visas
+         * @en Set text to be shown
+         */
         this.afText = '';
+        /**
+         * Sätter variationen på kortet. Kan vara 'fullwidth' eller 'grid'.
+         * @en Set card variation. Can be 'fullwidth' or 'grid'.
+         */
         this.afVariation = typographyVariation_enum.FormReceiptVariation.FULLWIDTH;
+        /**
+         * Sätter textsnittsjusteringen. Kan vara 'center' eller 'start'.
+         * @en Set font alignment. Can be 'center' or 'start'.
+         */
         this.afType = typographyVariation_enum.FormReceiptType.CENTER;
+        /**
+         * Sätter textens vikt (h1-h6)
+         * @en Set text level (h1-h6)
+         */
         this.afHeadingLevel = typographyVariation_enum.FormReceiptHeadingLevel.H2;
+        /**
+         * Kollar ifall default slot är tom
+         * @en Check if default slot is empty
+         */
         this.hasDefaultSlot = false;
     }
     componentDidLoad() {
@@ -108,10 +105,10 @@ const FormReceipt = class {
         return (index.h("div", { class: "digi-form-receipt__content" }, index.h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, index.h("title", null, "Check mark"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-170 -32)" }, index.h("g", { transform: "translate(170 32.325)" }, index.h("g", { transform: "translate(0 .77495)" }, index.h("mask", { id: "b", fill: "white" }, index.h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), index.h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), index.h("g", { transform: "translate(4.2177)" }, index.h("mask", { id: "a", fill: "white" }, index.h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), index.h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), index.h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
     }
     render() {
-        return (index.h("div", { key: 'a657922108a6318f7abfc6a3b942dea48ec77b33', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
+        return (index.h("div", { key: 'f28dea64d4e1d8600757d7c5afcaca5c33b596c9', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
     }
     get hostElement() { return index.getElement(this); }
 };
-FormReceipt.style = DigiFormReceiptStyle0;
+FormReceipt.style = formReceiptCss();
 
 exports.digi_form_receipt = FormReceipt;

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

@@ -1,13 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DvKfjkVd.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
+var formTextareaVariation_enum = require('./form-textarea-variation.enum-BcEyaR5W.js');
 
-const index = require('./index-7a477838.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const formTextareaVariation_enum = require('./form-textarea-variation.enum-9c90d40f.js');
-
-const formTextareaCss = ".sc-digi-form-textarea-h{--digi--form-textarea--height--small:4.6875rem;--digi--form-textarea--height--medium:8.4375rem;--digi--form-textarea--height--large:10.3125rem;--digi--form-textarea--height--auto:auto;--digi--form-textarea--border-radius:var(--digi--border-radius--input);--digi--form-textarea--padding:calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);--digi--form-textarea--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-textarea--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-textarea--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-textarea--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-textarea--border--error:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--success:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-textarea--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-textarea--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-textarea--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-textarea-h .digi-form-textarea.sc-digi-form-textarea{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-textarea-h .digi-form-textarea--small.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--small)}.sc-digi-form-textarea-h .digi-form-textarea--medium.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--medium)}.sc-digi-form-textarea-h .digi-form-textarea--large.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--large)}.sc-digi-form-textarea-h .digi-form-textarea--neutral.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--neutral);--BORDER-COLOR:var(--digi--form-textarea--border-color--neutral);--BACKGROUND:var(--digi--form-textarea--background--neutral)}.sc-digi-form-textarea-h .digi-form-textarea--empty.sc-digi-form-textarea:not(:focus-within){--BACKGROUND:var(--digi--form-textarea--background--empty)}.sc-digi-form-textarea-h .digi-form-textarea--success.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--success);--BORDER-COLOR:var(--digi--form-textarea--border-color--success);--BACKGROUND:var(--digi--form-textarea--background--success)}.sc-digi-form-textarea-h .digi-form-textarea--warning.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--warning);--BORDER-COLOR:var(--digi--form-textarea--border-color--warning);--BACKGROUND:var(--digi--form-textarea--background--warning)}.sc-digi-form-textarea-h .digi-form-textarea--error.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--error);--BORDER-COLOR:var(--digi--form-textarea--border-color--error);--BACKGROUND:var(--digi--form-textarea--background--error)}.sc-digi-form-textarea-h .digi-form-textarea__content.sc-digi-form-textarea{width:100%}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea{height:var(--HEIGHT);width:inherit;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-textarea--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-textarea--border-radius);box-sizing:border-box}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";
-const DigiFormTextareaStyle0 = formTextareaCss;
+const formTextareaCss = () => `.sc-digi-form-textarea-h{--digi--form-textarea--height--small:4.6875rem;--digi--form-textarea--height--medium:8.4375rem;--digi--form-textarea--height--large:10.3125rem;--digi--form-textarea--height--auto:auto;--digi--form-textarea--border-radius:var(--digi--border-radius--input);--digi--form-textarea--padding:calc(var(--digi--gutter--medium) / 2) var(--digi--gutter--medium);--digi--form-textarea--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-textarea--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-textarea--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-textarea--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-textarea--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-textarea--border--error:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--success:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-textarea--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-textarea--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-textarea--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-textarea--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-textarea-h .digi-form-textarea.sc-digi-form-textarea{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-textarea-h .digi-form-textarea--small.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--small)}.sc-digi-form-textarea-h .digi-form-textarea--medium.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--medium)}.sc-digi-form-textarea-h .digi-form-textarea--large.sc-digi-form-textarea{--HEIGHT:var(--digi--form-textarea--height--large)}.sc-digi-form-textarea-h .digi-form-textarea--neutral.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--neutral);--BORDER-COLOR:var(--digi--form-textarea--border-color--neutral);--BACKGROUND:var(--digi--form-textarea--background--neutral)}.sc-digi-form-textarea-h .digi-form-textarea--empty.sc-digi-form-textarea:not(:focus-within){--BACKGROUND:var(--digi--form-textarea--background--empty)}.sc-digi-form-textarea-h .digi-form-textarea--success.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--success);--BORDER-COLOR:var(--digi--form-textarea--border-color--success);--BACKGROUND:var(--digi--form-textarea--background--success)}.sc-digi-form-textarea-h .digi-form-textarea--warning.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--warning);--BORDER-COLOR:var(--digi--form-textarea--border-color--warning);--BACKGROUND:var(--digi--form-textarea--background--warning)}.sc-digi-form-textarea-h .digi-form-textarea--error.sc-digi-form-textarea{--BORDER:var(--digi--form-textarea--border--error);--BORDER-COLOR:var(--digi--form-textarea--border-color--error);--BACKGROUND:var(--digi--form-textarea--background--error)}.sc-digi-form-textarea-h .digi-form-textarea__content.sc-digi-form-textarea{width:100%}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea{height:var(--HEIGHT);width:inherit;font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-textarea--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-textarea--border-radius);box-sizing:border-box}.sc-digi-form-textarea-h .digi-form-textarea__textarea.sc-digi-form-textarea:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}`;
 
 const FormTextarea = class {
     constructor(hostRef) {
@@ -24,27 +21,32 @@ const FormTextarea = class {
         this.hasActiveValidationMessage = false;
         this.dirty = false;
         this.touched = false;
-        this.afLabel = undefined;
-        this.afLabelDescription = undefined;
+        /**
+         * Sätter variant. Kan vara 'small', 'medium', 'large' eller 'auto'
+         * @en Set variation.
+         */
         this.afVariation = formTextareaVariation_enum.FormTextareaVariation.MEDIUM;
-        this.afName = undefined;
+        /**
+         * Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
+         * @en Set id attribute. Defaults to random string.
+         */
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-textarea');
-        this.afMaxlength = undefined;
-        this.afMinlength = undefined;
-        this.afRequired = undefined;
-        this.afRequiredText = undefined;
+        /**
+         * Sätt denna till true om formuläret innehåller fler obligatoriska fält än valfria.
+         * @en Set this to true if the form contains more required fields than optional fields.
+         */
         this.afAnnounceIfOptional = false;
-        this.afAnnounceIfOptionalText = undefined;
-        this.value = undefined;
-        this.afValue = undefined;
+        /**
+         * Sätter valideringsstatus. Kan vara 'success', 'error', 'warning', 'neutral' eller ingenting.
+         * @en Set validation status
+         */
         this.afValidation = formTextareaVariation_enum.FormTextareaValidation.NEUTRAL;
-        this.afValidationText = undefined;
-        this.afRole = undefined;
-        this.afAriaActivedescendant = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaDescribedby = undefined;
-        this.afAutofocus = undefined;
-        this.afTrimValue = undefined;
+        /**
+         * 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) {
@@ -140,18 +142,24 @@ const FormTextarea = class {
         this.afOnInput.emit(e);
     }
     render() {
-        return (index.h(index.Host, { key: 'f97d22d2c9a3e6344fe27bd79b9b163241a0c871', tabindex: -1 }, index.h("div", { key: '2755702541c871f4cc864256f5ed5bf4e4062188', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, index.h("div", { key: 'd62b792ec482966f92fc63167c04f0a3324b9761', class: "digi-form-textarea__label" }, index.h("digi-form-label", { key: '54d4c7653137366d5f6123dde8f4dc6a3b0ae4d0', afFor: this.afId, afLabel: this.afLabel, afDescription: this.afLabelDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), index.h("div", { key: '0d629cda55f0f95c77a86686a6e3257b85abe63c', class: "digi-form-textarea__content" }, index.h("textarea", { key: 'da55ccc8672f8646cd55c06fb8fad817743737c4', class: "digi-form-textarea__textarea", ref: (el) => (this._textarea = el), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onKeyUp: (e) => this.keyupHandler(e), onInput: (e) => this.inputHandler(e), "aria-activedescendant": this.afAriaActivedescendant, "aria-describedby": `${this.afAriaDescribedby} ${this.afId}--validation-message`, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === formTextareaVariation_enum.FormTextareaValidation.ERROR
+        return (index.h(index.Host, { key: '9d441e6a449175263fbf4e0023b7f5c66fcf0ba4', tabindex: -1 }, index.h("div", { key: '678a0ae1ba33d7066babcdd2781d29e68c279a25', class: Object.assign({ 'digi-form-textarea': true }, this.cssModifiers) }, index.h("div", { key: 'f4e16f3e8522d91e55d3df26d0bdcf6aa6e95c9d', class: "digi-form-textarea__label" }, index.h("digi-form-label", { key: 'cebc069113aa246838caf62e5275303b991449b6', 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: 'cc09746b82107eefa2d8db300cf202471b460b14', class: "digi-form-textarea__content" }, index.h("textarea", { key: '8acbb95c541add4d9bc66b827468ae0637174224', 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: 'f3f04efd0ac2f7375612b32ebb0603e7767e4088', class: "digi-form-textarea__footer" }, index.h("div", { key: '51f4c475f9e98bb87ab9f7cf595463dc178bfbc3', class: "digi-form-textarea__validation", "aria-atomic": "true", role: this.errorMessageIsAlert ? 'alert' : null, id: `${this.afId}--validation-message` }, this.hasActiveValidationMessage &&
-            this.afValidation != formTextareaVariation_enum.FormTextareaValidation.NEUTRAL && (index.h("digi-form-validation-message", { key: '7894f68da8e5b44ba1d22d0d6f20d531ba4a26a2', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
+                : 'false', maxLength: this.afMaxlength, minLength: this.afMinlength, role: this.afRole, required: this.afRequired, id: this.afId, name: this.afName, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null })), index.h("div", { key: 'a6ffb01a8ccad600a566e42ab7dd4164c2740951', class: "digi-form-textarea__footer" }, index.h("div", { key: '432b75f936c76e46f5c052c05cac2646c11c9c70', 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: '5d8f004f14d036a5400d0bbb03c1e26795b9e77d', class: "digi-form-textarea__validation-message", "af-variation": this.afValidation }, this.afValidationText)))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
-        "value": ["onValueChanged"],
-        "afValue": ["onAfValueChanged"],
-        "afValidationText": ["afValidationTextWatch"]
+        "value": [{
+                "onValueChanged": 0
+            }],
+        "afValue": [{
+                "onAfValueChanged": 0
+            }],
+        "afValidationText": [{
+                "afValidationTextWatch": 0
+            }]
     }; }
 };
-FormTextarea.style = DigiFormTextareaStyle0;
+FormTextarea.style = formTextareaCss();
 
 exports.digi_form_textarea = FormTextarea;

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

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

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

@@ -1,30 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DvKfjkVd.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
-const index = require('./index-7a477838.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-const iconAppleCss = ".sc-digi-icon-apple-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-apple-h svg.sc-digi-icon-apple{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 DigiIconAppleStyle0 = iconAppleCss;
+const iconAppleCss = () => `.sc-digi-icon-apple-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-apple-h svg.sc-digi-icon-apple{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 IconApple = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * 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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'c142453e7a5c7d6f0ce9c19567636914b167e184', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'af720b50686df332bcc402132ee0158e07517ca7', class: "digi-icon-apple", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, width: "74px", height: "88px", viewBox: "0 0 74 88", version: "1.1", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, index.h("path", { key: 'f06dc606f94152720ea0af24ed8c0bdc4422d3e4', d: "M44.4925393,10.5591508 C48.5967007,5.84030272 48.2208617,1.54382067 48.1005932,0 C44.4775057,0.203900843 40.2831429,2.38855273 37.8928072,5.08295673 C35.2619344,7.96669722 33.7134779,11.534962 34.0442162,15.5547215 C37.9679749,15.8460084 41.5459618,13.894386 44.4925393,10.5591508 L44.4925393,10.5591508 Z M53.0444563,35.5183715 C53.0143464,29.8745684 55.5134609,25.6148042 60.5719093,22.4776493 C57.741587,18.3409107 53.4659936,16.0649356 47.8204038,15.6189675 C42.4759122,15.1883777 36.6346086,18.8022571 34.4968119,18.8022571 C32.238576,18.8022571 27.0596883,15.7727496 22.9948636,15.7727496 C14.594226,15.9111535 5.66666667,22.6160532 5.66666667,36.2565256 C5.66666667,40.2856167 6.38930216,44.4480369 7.83457315,48.7436323 C9.76160113,54.3874354 16.7169678,68.2278246 23.9734325,67.9971515 C27.7672689,67.9048822 30.4470422,65.2444518 35.3850514,65.2444518 C40.1725115,65.2444518 42.656571,67.9971515 46.8869996,67.9971515 C54.203684,67.889504 60.4966348,55.3101281 62.3333333,49.6509467 C52.5175345,44.9298362 53.0444563,35.8105575 53.0444563,35.5183715 Z" })));
+                    : undefined, width: "74px", height: "88px", viewBox: "0 0 74 88", version: "1.1", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, index.h("path", { key: '394df769f4f435f0e96ddbcb9d3c2acae40a4479', d: "M44.4925393,10.5591508 C48.5967007,5.84030272 48.2208617,1.54382067 48.1005932,0 C44.4775057,0.203900843 40.2831429,2.38855273 37.8928072,5.08295673 C35.2619344,7.96669722 33.7134779,11.534962 34.0442162,15.5547215 C37.9679749,15.8460084 41.5459618,13.894386 44.4925393,10.5591508 L44.4925393,10.5591508 Z M53.0444563,35.5183715 C53.0143464,29.8745684 55.5134609,25.6148042 60.5719093,22.4776493 C57.741587,18.3409107 53.4659936,16.0649356 47.8204038,15.6189675 C42.4759122,15.1883777 36.6346086,18.8022571 34.4968119,18.8022571 C32.238576,18.8022571 27.0596883,15.7727496 22.9948636,15.7727496 C14.594226,15.9111535 5.66666667,22.6160532 5.66666667,36.2565256 C5.66666667,40.2856167 6.38930216,44.4480369 7.83457315,48.7436323 C9.76160113,54.3874354 16.7169678,68.2278246 23.9734325,67.9971515 C27.7672689,67.9048822 30.4470422,65.2444518 35.3850514,65.2444518 C40.1725115,65.2444518 42.656571,67.9971515 46.8869996,67.9971515 C54.203684,67.889504 60.4966348,55.3101281 62.3333333,49.6509467 C52.5175345,44.9298362 53.0444563,35.8105575 53.0444563,35.5183715 Z" })));
     }
 };
-IconApple.style = DigiIconAppleStyle0;
+IconApple.style = iconAppleCss();
 
 exports.digi_icon_apple = IconApple;

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

@@ -1,30 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DvKfjkVd.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
-const index = require('./index-7a477838.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-const iconArchiveOutlineCss = ".sc-digi-icon-archive-outline-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-archive-outline-h svg.sc-digi-icon-archive-outline{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 DigiIconArchiveOutlineStyle0 = iconArchiveOutlineCss;
+const iconArchiveOutlineCss = () => `.sc-digi-icon-archive-outline-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-archive-outline-h svg.sc-digi-icon-archive-outline{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 IconArchiveOutline = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * 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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '6b0d61ee8a4140faa91dc231fea8782efaf089aa', class: "digi-icon-archive-outline", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'f896b2f28267444b04f66c8a329cbfbd9929c834', class: "digi-icon-archive-outline", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '7a83c25eb03acf852a3a70797de4d5c6399ce249', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'bfbbbdfabed76da1edbf2269e9ba073de6872b1d' }, this.afDesc), index.h("path", { key: '4e81da1a40ebdcd30f5a3d162ff2d08958e6add8', class: "digi-icon-archive-outline__shape", d: "M43.5,3 L4.5,3 C2.015625,3 0,5.015625 0,7.5 L0,15 C0,15.825 0.675,16.5 1.5,16.5 L3,16.5 L3,42 C3,43.659375 4.340625,45 6,45 L42,45 C43.659375,45 45,43.659375 45,42 L45,16.5 L46.5,16.5 C47.325,16.5 48,15.825 48,15 L48,7.5 C48,5.015625 45.984375,3 43.5,3 Z M40.5,40.5 L7.5,40.5 L7.5,16.5 L40.5,16.5 L40.5,40.5 Z M43.5,12 L4.5,12 L4.5,7.5 L43.5,7.5 L43.5,12 Z M19.125,25.5 L28.875,25.5 C29.49375,25.5 30,24.99375 30,24.375 L30,22.125 C30,21.50625 29.49375,21 28.875,21 L19.125,21 C18.50625,21 18,21.50625 18,22.125 L18,24.375 C18,24.99375 18.50625,25.5 19.125,25.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '519ba75a0da24277428e63032b03a85be48cb430', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '1bb453cf10c84e2bea97caa94af598c1639eefc9' }, this.afDesc), index.h("path", { key: '960eabbad46ba26f5c832c6b0d0c64836fa8045e', class: "digi-icon-archive-outline__shape", d: "M43.5,3 L4.5,3 C2.015625,3 0,5.015625 0,7.5 L0,15 C0,15.825 0.675,16.5 1.5,16.5 L3,16.5 L3,42 C3,43.659375 4.340625,45 6,45 L42,45 C43.659375,45 45,43.659375 45,42 L45,16.5 L46.5,16.5 C47.325,16.5 48,15.825 48,15 L48,7.5 C48,5.015625 45.984375,3 43.5,3 Z M40.5,40.5 L7.5,40.5 L7.5,16.5 L40.5,16.5 L40.5,40.5 Z M43.5,12 L4.5,12 L4.5,7.5 L43.5,7.5 L43.5,12 Z M19.125,25.5 L28.875,25.5 C29.49375,25.5 30,24.99375 30,24.375 L30,22.125 C30,21.50625 29.49375,21 28.875,21 L19.125,21 C18.50625,21 18,21.50625 18,22.125 L18,24.375 C18,24.99375 18.50625,25.5 19.125,25.5 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
-IconArchiveOutline.style = DigiIconArchiveOutlineStyle0;
+IconArchiveOutline.style = iconArchiveOutlineCss();
 
 exports.digi_icon_archive_outline = IconArchiveOutline;

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

@@ -1,30 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DvKfjkVd.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
-const index = require('./index-7a477838.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-const iconArchiveCss = ".sc-digi-icon-archive-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-archive-h svg.sc-digi-icon-archive{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 DigiIconArchiveStyle0 = iconArchiveCss;
+const iconArchiveCss = () => `.sc-digi-icon-archive-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-archive-h svg.sc-digi-icon-archive{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 IconArchive = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * 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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'f15ad9a67c4e1a61cc9752332d61c3860e385b89', class: "digi-icon-archive", width: "26", height: "22", viewBox: "0 0 26 22", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '312598feeb8b93a89c0c6cb6ef796dc397be9c53', class: "digi-icon-archive", width: "26", height: "22", viewBox: "0 0 26 22", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'b5afe3dc538adf7ec0291927087b5500e7fb4e67', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '2efce520ad022de76b6150c63f447c59e4f671ab' }, this.afDesc), index.h("path", { key: 'ffc4e338416304a6d0ca79ce1c015225662af0af', class: "digi-icon-archive__shape", d: "M24.781 4.714H1.22C.546 4.714 0 4.187 0 3.536V1.179C0 .528.546 0 1.219 0H24.78C25.454 0 26 .528 26 1.179v2.357c0 .65-.546 1.178-1.219 1.178zm-.406 16.107V7.464c0-.65-.546-1.178-1.219-1.178H2.844c-.673 0-1.219.527-1.219 1.178v13.357c0 .651.546 1.179 1.219 1.179h20.312c.673 0 1.219-.528 1.219-1.179zM15.641 11h-5.282a.6.6 0 01-.609-.59v-.392a.6.6 0 01.61-.59h5.28a.6.6 0 01.61.59v.393a.6.6 0 01-.61.589z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'adf80895d7a3d01b237df2c3295437a6a0fbc818', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '9fb09b37958ce7544123d7bc7a689477434e7c3a' }, this.afDesc), index.h("path", { key: '75cd31f7354ecf71b5a8a2a968231600841c80b4', class: "digi-icon-archive__shape", d: "M24.781 4.714H1.22C.546 4.714 0 4.187 0 3.536V1.179C0 .528.546 0 1.219 0H24.78C25.454 0 26 .528 26 1.179v2.357c0 .65-.546 1.178-1.219 1.178zm-.406 16.107V7.464c0-.65-.546-1.178-1.219-1.178H2.844c-.673 0-1.219.527-1.219 1.178v13.357c0 .651.546 1.179 1.219 1.179h20.312c.673 0 1.219-.528 1.219-1.179zM15.641 11h-5.282a.6.6 0 01-.609-.59v-.392a.6.6 0 01.61-.59h5.28a.6.6 0 01.61.59v.393a.6.6 0 01-.61.589z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
-IconArchive.style = DigiIconArchiveStyle0;
+IconArchive.style = iconArchiveCss();
 
 exports.digi_icon_archive = IconArchive;

package/dist/cjs/digi-icon-arrow-back.cjs.entry.js

@@ -1,30 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DvKfjkVd.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
-const index = require('./index-7a477838.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-const iconArrowBackCss = ".sc-digi-icon-arrow-back-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-arrow-back-h svg.sc-digi-icon-arrow-back{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 DigiIconArrowBackStyle0 = iconArrowBackCss;
+const iconArrowBackCss = () => `.sc-digi-icon-arrow-back-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-arrow-back-h svg.sc-digi-icon-arrow-back{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 IconArrowBack = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * 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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: 'a19132167beb8a7193d26ccc77aae0eca1cb5f45', class: "digi-icon-arrow-back", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: '78e9d28b191a958089eadf442a110ae31ce49283', class: "digi-icon-arrow-back", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: 'def4de4955d6b8445c4723894eed46d38f5595b8', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '02a8509ff746a5063c6ac344477d36c64220d6ec' }, this.afDesc), index.h("path", { key: '13eed0d3760235b9ebef44efa32281bf998f8116', class: "digi-icon-arrow-back__shape", d: "M23.910365,9.36383059 L23.910365,9.36383059 L22.0978102,9.36383059 L20.8832117,9.36383059 L20.8832117,2.6525574 C20.8832117,0.298049958 18.0055474,-0.888473479 16.3237956,0.780075104 L5.78481752,11.2363129 C4.73839416,12.2745209 4.73839416,13.9430695 5.78481752,14.9812775 L16.3237956,25.4375153 C18.0055474,27.1060639 20.8832117,25.9195404 20.8832117,23.565033 L20.8832117,16.5571289 L22.0978102,16.5571289 L23.910365,16.5571289 L23.910365,16.5571289 C30.6560584,16.5571289 36.1310949,22.007721 36.1310949,28.6819153 C36.1310949,35.3746491 30.6373723,40.8067017 23.910365,40.8067017 C23.910365,40.8067017 23.8543066,40.8067017 23.8356204,40.8067017 L8.66248175,40.8067017 C8.06452555,40.8067017 7.56,41.3072662 7.56,41.900528 L7.56,46.8690948 C7.56,47.4623566 8.06452555,47.9629211 8.66248175,47.9629211 L23.8169343,48 C23.8543066,48 23.8729927,48 23.910365,48 C34.6548905,48 43.4,39.3235474 43.4,28.6633759 C43.4,18.0217438 34.6548905,9.36383059 23.910365,9.36383059 Z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '57a25b50228e4381e80eb7f6331d7d7f251994c6', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '6f22e1b363216a3b055361932077c7189bbbdd10' }, this.afDesc), index.h("path", { key: '787b76646ccea3aefeee8de682034fc3272b28f5', class: "digi-icon-arrow-back__shape", d: "M23.910365,9.36383059 L23.910365,9.36383059 L22.0978102,9.36383059 L20.8832117,9.36383059 L20.8832117,2.6525574 C20.8832117,0.298049958 18.0055474,-0.888473479 16.3237956,0.780075104 L5.78481752,11.2363129 C4.73839416,12.2745209 4.73839416,13.9430695 5.78481752,14.9812775 L16.3237956,25.4375153 C18.0055474,27.1060639 20.8832117,25.9195404 20.8832117,23.565033 L20.8832117,16.5571289 L22.0978102,16.5571289 L23.910365,16.5571289 L23.910365,16.5571289 C30.6560584,16.5571289 36.1310949,22.007721 36.1310949,28.6819153 C36.1310949,35.3746491 30.6373723,40.8067017 23.910365,40.8067017 C23.910365,40.8067017 23.8543066,40.8067017 23.8356204,40.8067017 L8.66248175,40.8067017 C8.06452555,40.8067017 7.56,41.3072662 7.56,41.900528 L7.56,46.8690948 C7.56,47.4623566 8.06452555,47.9629211 8.66248175,47.9629211 L23.8169343,48 C23.8543066,48 23.8729927,48 23.910365,48 C34.6548905,48 43.4,39.3235474 43.4,28.6633759 C43.4,18.0217438 34.6548905,9.36383059 23.910365,9.36383059 Z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
-IconArrowBack.style = DigiIconArrowBackStyle0;
+IconArrowBack.style = iconArrowBackCss();
 
 exports.digi_icon_arrow_back = IconArrowBack;

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

@@ -1,30 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DvKfjkVd.js');
+var randomIdGenerator_util = require('./randomIdGenerator.util-C8XR2Tn1.js');
 
-const index = require('./index-7a477838.js');
-const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-
-const iconArrowDownCss = ".sc-digi-icon-arrow-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-arrow-down-h svg.sc-digi-icon-arrow-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 DigiIconArrowDownStyle0 = iconArrowDownCss;
+const iconArrowDownCss = () => `.sc-digi-icon-arrow-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-arrow-down-h svg.sc-digi-icon-arrow-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 IconArrowDown = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
+        /**
+         * 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.afSvgAriaLabelledby = undefined;
         this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
     }
     render() {
-        return (index.h("svg", { key: '0340ef2bf7b4f9fdb2ebeebf21094f1e77b82fff', class: "digi-icon-arrow-down", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (index.h("svg", { key: 'd1ad9d42e477d7e23f80904929c9d0f5fedd94b1', class: "digi-icon-arrow-down", width: "48", height: "48", viewBox: "0 0 48 48", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '234930b068ba621e05e5b3f1f370ba7ac3deac70', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '455bcef542b53b7c160ccac1b0d42824f3355b49' }, this.afDesc), index.h("path", { key: '6db94766674e56680ad1357e0ca503df47294c7e', class: "digi-icon-arrow-down__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) scale(1, -1) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '5a4f4dd99e6947310c06690f0b4c3a84a0748866', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '47714f0a7c337ebc683af0b37ee99b998b33877d' }, this.afDesc), index.h("path", { key: '10640014e1e6d16cb3a3c3ad3d75fad13567c556', class: "digi-icon-arrow-down__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) scale(1, -1) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
     }
 };
-IconArrowDown.style = DigiIconArrowDownStyle0;
+IconArrowDown.style = iconArrowDownCss();
 
 exports.digi_icon_arrow_down = IconArrowDown;