@designsystem-se/af 39.2.2 → 39.2.3

package/dist/esm/{typography-variation.enum-4smNltRI.js → typography-variation.enum-Zivp2NJB.js}

@@ -49,6 +49,33 @@ var DialogVariation;
     DialogVariation["SECONDARY"] = "secondary";
 })(DialogVariation || (DialogVariation = {}));
 
+var ExpandableAccordionHeaderLevel;
+(function (ExpandableAccordionHeaderLevel) {
+    ExpandableAccordionHeaderLevel["H1"] = "h1";
+    ExpandableAccordionHeaderLevel["H2"] = "h2";
+    ExpandableAccordionHeaderLevel["H3"] = "h3";
+    ExpandableAccordionHeaderLevel["H4"] = "h4";
+    ExpandableAccordionHeaderLevel["H5"] = "h5";
+    ExpandableAccordionHeaderLevel["H6"] = "h6";
+})(ExpandableAccordionHeaderLevel || (ExpandableAccordionHeaderLevel = {}));
+
+var ExpandableFaqItemHeadingLevel;
+(function (ExpandableFaqItemHeadingLevel) {
+    ExpandableFaqItemHeadingLevel["H1"] = "h1";
+    ExpandableFaqItemHeadingLevel["H2"] = "h2";
+    ExpandableFaqItemHeadingLevel["H3"] = "h3";
+    ExpandableFaqItemHeadingLevel["H4"] = "h4";
+    ExpandableFaqItemHeadingLevel["H5"] = "h5";
+    ExpandableFaqItemHeadingLevel["H6"] = "h6";
+})(ExpandableFaqItemHeadingLevel || (ExpandableFaqItemHeadingLevel = {}));
+
+var ExpandableFaqItemVariation;
+(function (ExpandableFaqItemVariation) {
+    ExpandableFaqItemVariation["PRIMARY"] = "primary";
+    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
+    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
+})(ExpandableFaqItemVariation || (ExpandableFaqItemVariation = {}));
+
 var FooterVariation;
 (function (FooterVariation) {
     FooterVariation["LARGE"] = "large";
@@ -65,6 +92,34 @@ var FormErrorListHeadingLevel;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(FormErrorListHeadingLevel || (FormErrorListHeadingLevel = {}));
 
+var FormInputMode;
+(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";
+})(FormInputMode || (FormInputMode = {}));
+
+var FormInputValidation;
+(function (FormInputValidation) {
+    FormInputValidation["SUCCESS"] = "success";
+    FormInputValidation["ERROR"] = "error";
+    FormInputValidation["WARNING"] = "warning";
+    FormInputValidation["NEUTRAL"] = "neutral";
+})(FormInputValidation || (FormInputValidation = {}));
+
+var FormInputVariation;
+(function (FormInputVariation) {
+    FormInputVariation["SMALL"] = "small";
+    FormInputVariation["MEDIUM"] = "medium";
+    FormInputVariation["LARGE"] = "large";
+})(FormInputVariation || (FormInputVariation = {}));
+
 var FormFieldsetValidation;
 (function (FormFieldsetValidation) {
     FormFieldsetValidation["SUCCESS"] = "success";
@@ -120,6 +175,21 @@ var FormSelectFilterValidation;
     FormSelectFilterValidation["NEUTRAL"] = "neutral";
 })(FormSelectFilterValidation || (FormSelectFilterValidation = {}));
 
+var FormSelectValidation;
+(function (FormSelectValidation) {
+    FormSelectValidation["SUCCESS"] = "success";
+    FormSelectValidation["ERROR"] = "error";
+    FormSelectValidation["WARNING"] = "warning";
+    FormSelectValidation["NEUTRAL"] = "neutral";
+})(FormSelectValidation || (FormSelectValidation = {}));
+
+var FormSelectVariation;
+(function (FormSelectVariation) {
+    FormSelectVariation["SMALL"] = "small";
+    FormSelectVariation["MEDIUM"] = "medium";
+    FormSelectVariation["LARGE"] = "large";
+})(FormSelectVariation || (FormSelectVariation = {}));
+
 var HeaderCenterContentWidth;
 (function (HeaderCenterContentWidth) {
     HeaderCenterContentWidth["DEFAULT"] = "none";
@@ -229,10 +299,26 @@ var FeedbackVariation;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(FeedbackVariation || (FeedbackVariation = {}));
 
+var TypographyHeadingJumboLevel;
+(function (TypographyHeadingJumboLevel) {
+    TypographyHeadingJumboLevel["H1"] = "h1";
+    TypographyHeadingJumboLevel["H2"] = "h2";
+    TypographyHeadingJumboLevel["H3"] = "h3";
+    TypographyHeadingJumboLevel["H4"] = "h4";
+    TypographyHeadingJumboLevel["H5"] = "h5";
+    TypographyHeadingJumboLevel["H6"] = "h6";
+})(TypographyHeadingJumboLevel || (TypographyHeadingJumboLevel = {}));
+
+var TypographyHeadingJumboVariation;
+(function (TypographyHeadingJumboVariation) {
+    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
+    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
+})(TypographyHeadingJumboVariation || (TypographyHeadingJumboVariation = {}));
+
 var TypographyVariation;
 (function (TypographyVariation) {
     TypographyVariation["SMALL"] = "small";
     TypographyVariation["LARGE"] = "large";
 })(TypographyVariation || (TypographyVariation = {}));
 
-export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, NotificationAlertHeadingLevel as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormFieldsetValidation as e, FormRadiobuttonLayout as f, FormRadiobuttonValidation as g, FormRadiobuttonVariation as h, FormReceiptHeadingLevel as i, FormReceiptType as j, FormReceiptVariation as k, FormSelectFilterValidation as l, InfoCardMultiHeadingLevel as m, InfoCardMultiVariation as n, InfoCardHeadingLevel as o, NotificationAlertSize as p, NotificationAlertVariation as q, ToolsFeedbackHeadingLevel as r, ToolsFeedbackType as s, FeedbackVariation as t, TypographyVariation as u };
+export { ToolsFeedbackType as A, BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ExpandableAccordionHeaderLevel as E, FooterVariation as F, FeedbackVariation as G, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, TypographyHeadingJumboLevel as J, TypographyHeadingJumboVariation as K, TypographyVariation as L, NotificationAlertHeadingLevel as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, ExpandableFaqItemHeadingLevel as d, ExpandableFaqItemVariation as e, FormErrorListHeadingLevel as f, FormInputMode as g, FormInputValidation as h, FormInputVariation as i, FormFieldsetValidation as j, FormRadiobuttonLayout as k, FormRadiobuttonValidation as l, FormRadiobuttonVariation as m, FormReceiptHeadingLevel as n, FormReceiptType as o, FormReceiptVariation as p, FormSelectFilterValidation as q, FormSelectValidation as r, FormSelectVariation as s, InfoCardMultiHeadingLevel as t, InfoCardMultiVariation as u, InfoCardHeadingLevel as v, NotificationAlertSize as w, NotificationAlertVariation as x, ErrorPageStatusCodes as y, ToolsFeedbackHeadingLevel as z };

package/dist/types/components/_info-card/info-card/info-card.d.ts

@@ -41,8 +41,8 @@ export declare class InfoCard {
      */
     afBorderPosition: InfoCardBorderPosition;
     /**
-     * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-     * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+     * Sätter variant. Kan vara 'primary' eller 'secondary'.
+     * @en Set info card variation. Can be 'primary' or 'secondary'.
      */
     afVariation: InfoCardVariation;
     /**

package/dist/types/components.d.ts

@@ -7113,8 +7113,8 @@ export namespace Components {
          */
         "afType": InfoCardType;
         /**
-          * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-          * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+          * Sätter variant. Kan vara 'primary' eller 'secondary'.
+          * @en Set info card variation. Can be 'primary' or 'secondary'.
           * @default InfoCardVariation.PRIMARY
          */
         "afVariation": InfoCardVariation;
@@ -19457,8 +19457,8 @@ declare namespace LocalJSX {
          */
         "afType"?: InfoCardType;
         /**
-          * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-          * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+          * Sätter variant. Kan vara 'primary' eller 'secondary'.
+          * @en Set info card variation. Can be 'primary' or 'secondary'.
           * @default InfoCardVariation.PRIMARY
          */
         "afVariation"?: InfoCardVariation;

package/hydrate/index.js

@@ -23087,17 +23087,21 @@ class ExpandableAccordion {
     componentDidLoad() {
         const content = this.hostElement.querySelector(`#${this.afId}-content`);
         if (!this.afExpanded) {
-            content.setAttribute('style', 'visibility: hidden;');
+            content.style.visibility = 'hidden';
         }
         else {
-            content.setAttribute('style', 'height: auto;');
+            content.style.overflowY = 'inherit';
+            content.style.height = 'auto';
         }
         content.addEventListener('transitionend', () => {
             if (!this.afExpanded) {
-                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
+                content.style.visibility = 'hidden';
+                content.style.height = '0px';
+            }
+            else {
+                content.style.height = 'auto';
+                content.style.overflowY = 'inherit';
             }
-            else
-                content.setAttribute('style', 'height: auto');
         });
     }
     animateContentHeight() {
@@ -23105,22 +23109,25 @@ class ExpandableAccordion {
         const sectionHeight = content.firstElementChild
             .offsetHeight;
         if (!this.afExpanded && content.style.height === 'auto') {
-            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
             setTimeout(() => {
-                content.setAttribute('style', 'height: 0');
+                content.style.height = '0';
+                content.style.overflowY = 'hidden';
             });
             return;
         }
         if (this.afExpanded) {
-            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
+            content.style.visibility = 'visible';
             if (!this.afAnimation) {
                 setTimeout(() => {
-                    content.setAttribute('style', 'height: auto');
+                    content.style.height = 'auto';
+                    content.style.overflowY = 'inherit';
                 });
             }
         }
         else {
-            content.setAttribute('style', 'height: ' + 0 + 'px');
+            content.style.height = '0px';
         }
     }
     clickToggleHandler(e, resetFocus = false) {
@@ -23132,7 +23139,7 @@ class ExpandableAccordion {
         this.afOnClick.emit(e);
     }
     render() {
-        return (hAsync("article", { key: '25e76d66020522814e7777c139c6206b1c103d4e', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, hAsync("header", { key: '2265191f9ad2394befad5da1bdf51cd758d4adba', class: "digi-expandable-accordion__header" }, hAsync(this.afHeadingLevel, { key: '4a26fe5cd756612c36b48a9b04abcff54ba70941', class: "digi-expandable-accordion__heading" }, hAsync("button", { key: '8bb8e9ba1f25650b88f6fc0d26b9c94af9510eee', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, hAsync("digi-icon-chevron-down", { key: '2b86e033967c20cecc33b34185826b06ab4189e4', class: "digi-expandable-accordion__toggle-icon" }), hAsync("div", { key: '8d3d486567b4e073818b35e77a8f5be92ea3cdef', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), hAsync("section", { key: '764b758a0bd68b7a02581f620dc8204b517fa991', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, hAsync("div", { key: 'bad7d77ef14b2edcd80e54d52ffde7bf429caa59' }, hAsync("digi-typography", { key: '15c4a8abc0f50f3521c0a9b39aeb06ce194e4a3b' }, hAsync("slot", { key: '0718dba75edfab31158aec6bf04a8b2bfc60463e' }))))));
+        return (hAsync("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, hAsync("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, hAsync(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, hAsync("button", { key: '23c45158f203517166cd4c5efe8801b849ea04e0', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, hAsync("digi-icon-chevron-down", { key: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), hAsync("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), hAsync("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, hAsync("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, hAsync("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, hAsync("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23297,17 +23304,21 @@ class ExpandableFaqItem {
     componentDidLoad() {
         const content = this.hostElement.querySelector(`#${this.afId}-content`);
         if (!this.afExpanded) {
-            content.setAttribute('style', 'visibility: hidden;');
+            content.style.visibility = 'hidden';
         }
         else {
-            content.setAttribute('style', 'height: auto;');
+            content.style.height = 'auto';
+            content.style.overflowY = 'inherit';
         }
         content.addEventListener('transitionend', () => {
             if (!this.afExpanded) {
-                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
+                content.style.visibility = 'hidden';
+                content.style.height = '0px';
+            }
+            else {
+                content.style.height = 'auto';
+                content.style.overflowY = 'inherit';
             }
-            else
-                content.setAttribute('style', 'height: auto');
         });
     }
     animateContentHeight() {
@@ -23315,37 +23326,40 @@ class ExpandableFaqItem {
         const sectionHeight = content.firstElementChild
             .offsetHeight;
         if (!this.afExpanded && content.style.height === 'auto') {
-            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
             setTimeout(() => {
-                content.setAttribute('style', 'height: 0');
+                content.style.height = '0';
+                content.style.overflowY = 'hidden';
             });
             return;
         }
         if (this.afExpanded) {
-            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
+            content.style.visibility = 'visible';
             if (!this.afAnimation) {
                 setTimeout(() => {
-                    content.setAttribute('style', 'height: auto');
+                    content.style.height = 'auto';
+                    content.style.overflowY = 'inherit';
                 });
             }
         }
         else {
-            content.setAttribute('style', 'height: ' + 0 + 'px');
+            content.style.height = '0px';
         }
     }
     render() {
-        return (hAsync("article", { key: '6d3c64be92f3bf878a6319f8bc6a74b944b9621d', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, hAsync("header", { key: '7c2929a9fbef5158ba44cc9822cd4592072fdeb1', class: "digi-expandable-faq-item__header" }, hAsync(this.afHeadingLevel, { key: '79e19f80b947765f4ec9e342849ebfef121f1694' }, hAsync("button", { key: 'e08fe43a72da2004e977ecad16383100de0b49c7', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (hAsync("article", { key: 'e0931c4256d2c4162911fe232132b6179968425f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, hAsync("header", { key: '8f6befff5c82c63d5d1f10755f444791f17dafb7', class: "digi-expandable-faq-item__header" }, hAsync(this.afHeadingLevel, { key: 'b9d58dcd28eb430d7b84365ba1bba99d3e86ebc9' }, hAsync("button", { key: 'b2c20566cc84a2b4cbcbe2dcc2a35e44e8f0fcc9', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, hAsync("digi-icon-chevron-down", { key: '245e1d2578b3e15d0fc83aaf82ca5b19a292ab20', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, hAsync("digi-icon-chevron-down", { key: '40e0a896b3d7d44bf282e8462a24c43060a29eff', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), hAsync("div", { key: '6b37c5b10fee03cb1e8fbaebf4afa879131fef08', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), hAsync("section", { key: '5d0083596a6a9d8dc17db3814dd7fc5b7672def1', class: {
+            } }), hAsync("div", { key: 'f58aa361553f3063bf1e5171f8d320e6cb8189c6', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), hAsync("section", { key: 'b4d0dd00a3e6fe9e8367ef5a6f197696de55f4fd', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, hAsync("div", { key: '1c11f15e328118a0adc6c5fb0cb88b7c8f3b8470' }, hAsync("digi-typography", { key: '0253266ad670b87a5a9291101d965899f14f0b16' }, hAsync("slot", { key: '7c277acd32d84ccc6b1c14913aebde586a2ea148' }))))));
+            }, id: `${this.afId}-content` }, hAsync("div", { key: 'e9a9147164d3934584cd5da5cfc8080ba9374c76' }, hAsync("digi-typography", { key: '398a0c4e0aa1092db5f4a2e3182218ebbe0c3624' }, hAsync("slot", { key: 'be924dc541b7c41b19b4392d3a988b492144d585' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -34238,8 +34252,8 @@ class InfoCard {
          */
         this.afBorderPosition = InfoCardBorderPosition.TOP;
         /**
-         * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-         * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+         * Sätter variant. Kan vara 'primary' eller 'secondary'.
+         * @en Set info card variation. Can be 'primary' or 'secondary'.
          */
         this.afVariation = InfoCardVariation.PRIMARY;
         this.activeLink = false;
@@ -34285,7 +34299,7 @@ class InfoCard {
         };
     }
     render() {
-        return (hAsync("div", { key: 'fbdeac4da7aa22626349c61b243f10b6a4bd3d42', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, hAsync("div", { key: '44772e768e3bc80a7a5a20b7858d6970070f27db', class: "digi-info-card__content" }, hAsync("div", { key: 'e770035d77564f3a57a39c553631d37d1c278626', class: "digi-info-card__icon" }, this.hasListIcon && (hAsync("span", { key: '68e4ad4d7b050ac36c23647f7a65cc6b059e20d2', class: "digi-info-card__icon" }, hAsync("slot", { key: 'a8550b30fdb6e31dbb8e9d02bb4275f0d74bf73c', name: "icon" })))), hAsync(this.afHeadingLevel, { key: '9f4d71156595099a0825c586ae533e89ef0028a1', class: "digi-info-card__heading" }, this.afHeading), hAsync("digi-typography", { key: '915eb7c59aba9eaa9cf36a6af281ec31c17fe77e' }, hAsync("slot", { key: '72c6ddf7f4ec870b670183e6f2b844ec46116aaf' })), this.shouldRenderInternalLink && (hAsync("digi-link-internal", { key: '0ad0f534ef93d7743f2a93dc21edd9bdf423548b', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        return (hAsync("div", { key: '56dc89fe307963c3088b9e8301700a5e29d36c22', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, hAsync("div", { key: '504c5b7810f922a55ef5c887b24432a3ccb9ea78', class: "digi-info-card__content" }, hAsync("div", { key: '6adb959fadb3c8a8182e0176cca3fd02686fadfb', class: "digi-info-card__icon" }, this.hasListIcon && (hAsync("span", { key: '3a9c35f22e32d4b30dbcc0614c602541a7349fac', class: "digi-info-card__icon" }, hAsync("slot", { key: '601de5d168bad7d3615c8d35b8dd464a392aef6c', name: "icon" })))), hAsync(this.afHeadingLevel, { key: 'f6006f419904c85a05ea8efa3933b32c9373b655', class: "digi-info-card__heading" }, this.afHeading), hAsync("digi-typography", { key: '3858f2e16f6b33a9f9bd72278c199ebc5b32e762' }, hAsync("slot", { key: '5b0c1cc00581490aa189a5dd31a7d13f05ef6ce5' })), this.shouldRenderInternalLink && (hAsync("digi-link-internal", { key: 'fcc04567e624c939c30c27dec8d3fd58fe0042eb', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/hydrate/index.mjs

@@ -23085,17 +23085,21 @@ class ExpandableAccordion {
     componentDidLoad() {
         const content = this.hostElement.querySelector(`#${this.afId}-content`);
         if (!this.afExpanded) {
-            content.setAttribute('style', 'visibility: hidden;');
+            content.style.visibility = 'hidden';
         }
         else {
-            content.setAttribute('style', 'height: auto;');
+            content.style.overflowY = 'inherit';
+            content.style.height = 'auto';
         }
         content.addEventListener('transitionend', () => {
             if (!this.afExpanded) {
-                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
+                content.style.visibility = 'hidden';
+                content.style.height = '0px';
+            }
+            else {
+                content.style.height = 'auto';
+                content.style.overflowY = 'inherit';
             }
-            else
-                content.setAttribute('style', 'height: auto');
         });
     }
     animateContentHeight() {
@@ -23103,22 +23107,25 @@ class ExpandableAccordion {
         const sectionHeight = content.firstElementChild
             .offsetHeight;
         if (!this.afExpanded && content.style.height === 'auto') {
-            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
             setTimeout(() => {
-                content.setAttribute('style', 'height: 0');
+                content.style.height = '0';
+                content.style.overflowY = 'hidden';
             });
             return;
         }
         if (this.afExpanded) {
-            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
+            content.style.visibility = 'visible';
             if (!this.afAnimation) {
                 setTimeout(() => {
-                    content.setAttribute('style', 'height: auto');
+                    content.style.height = 'auto';
+                    content.style.overflowY = 'inherit';
                 });
             }
         }
         else {
-            content.setAttribute('style', 'height: ' + 0 + 'px');
+            content.style.height = '0px';
         }
     }
     clickToggleHandler(e, resetFocus = false) {
@@ -23130,7 +23137,7 @@ class ExpandableAccordion {
         this.afOnClick.emit(e);
     }
     render() {
-        return (hAsync("article", { key: '25e76d66020522814e7777c139c6206b1c103d4e', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, hAsync("header", { key: '2265191f9ad2394befad5da1bdf51cd758d4adba', class: "digi-expandable-accordion__header" }, hAsync(this.afHeadingLevel, { key: '4a26fe5cd756612c36b48a9b04abcff54ba70941', class: "digi-expandable-accordion__heading" }, hAsync("button", { key: '8bb8e9ba1f25650b88f6fc0d26b9c94af9510eee', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, hAsync("digi-icon-chevron-down", { key: '2b86e033967c20cecc33b34185826b06ab4189e4', class: "digi-expandable-accordion__toggle-icon" }), hAsync("div", { key: '8d3d486567b4e073818b35e77a8f5be92ea3cdef', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), hAsync("section", { key: '764b758a0bd68b7a02581f620dc8204b517fa991', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, hAsync("div", { key: 'bad7d77ef14b2edcd80e54d52ffde7bf429caa59' }, hAsync("digi-typography", { key: '15c4a8abc0f50f3521c0a9b39aeb06ce194e4a3b' }, hAsync("slot", { key: '0718dba75edfab31158aec6bf04a8b2bfc60463e' }))))));
+        return (hAsync("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, hAsync("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, hAsync(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, hAsync("button", { key: '23c45158f203517166cd4c5efe8801b849ea04e0', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, hAsync("digi-icon-chevron-down", { key: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), hAsync("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), hAsync("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, hAsync("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, hAsync("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, hAsync("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23295,17 +23302,21 @@ class ExpandableFaqItem {
     componentDidLoad() {
         const content = this.hostElement.querySelector(`#${this.afId}-content`);
         if (!this.afExpanded) {
-            content.setAttribute('style', 'visibility: hidden;');
+            content.style.visibility = 'hidden';
         }
         else {
-            content.setAttribute('style', 'height: auto;');
+            content.style.height = 'auto';
+            content.style.overflowY = 'inherit';
         }
         content.addEventListener('transitionend', () => {
             if (!this.afExpanded) {
-                content.setAttribute('style', 'visibility: hidden;  height: ' + 0 + 'px');
+                content.style.visibility = 'hidden';
+                content.style.height = '0px';
+            }
+            else {
+                content.style.height = 'auto';
+                content.style.overflowY = 'inherit';
             }
-            else
-                content.setAttribute('style', 'height: auto');
         });
     }
     animateContentHeight() {
@@ -23313,37 +23324,40 @@ class ExpandableFaqItem {
         const sectionHeight = content.firstElementChild
             .offsetHeight;
         if (!this.afExpanded && content.style.height === 'auto') {
-            content.setAttribute('style', 'height: ' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
             setTimeout(() => {
-                content.setAttribute('style', 'height: 0');
+                content.style.height = '0';
+                content.style.overflowY = 'hidden';
             });
             return;
         }
         if (this.afExpanded) {
-            content.setAttribute('style', 'visibility: visible; height:' + sectionHeight + 'px');
+            content.style.height = sectionHeight + 'px';
+            content.style.visibility = 'visible';
             if (!this.afAnimation) {
                 setTimeout(() => {
-                    content.setAttribute('style', 'height: auto');
+                    content.style.height = 'auto';
+                    content.style.overflowY = 'inherit';
                 });
             }
         }
         else {
-            content.setAttribute('style', 'height: ' + 0 + 'px');
+            content.style.height = '0px';
         }
     }
     render() {
-        return (hAsync("article", { key: '6d3c64be92f3bf878a6319f8bc6a74b944b9621d', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, hAsync("header", { key: '7c2929a9fbef5158ba44cc9822cd4592072fdeb1', class: "digi-expandable-faq-item__header" }, hAsync(this.afHeadingLevel, { key: '79e19f80b947765f4ec9e342849ebfef121f1694' }, hAsync("button", { key: 'e08fe43a72da2004e977ecad16383100de0b49c7', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (hAsync("article", { key: 'e0931c4256d2c4162911fe232132b6179968425f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, hAsync("header", { key: '8f6befff5c82c63d5d1f10755f444791f17dafb7', class: "digi-expandable-faq-item__header" }, hAsync(this.afHeadingLevel, { key: 'b9d58dcd28eb430d7b84365ba1bba99d3e86ebc9' }, hAsync("button", { key: 'b2c20566cc84a2b4cbcbe2dcc2a35e44e8f0fcc9', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, hAsync("digi-icon-chevron-down", { key: '245e1d2578b3e15d0fc83aaf82ca5b19a292ab20', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, hAsync("digi-icon-chevron-down", { key: '40e0a896b3d7d44bf282e8462a24c43060a29eff', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), hAsync("div", { key: '6b37c5b10fee03cb1e8fbaebf4afa879131fef08', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), hAsync("section", { key: '5d0083596a6a9d8dc17db3814dd7fc5b7672def1', class: {
+            } }), hAsync("div", { key: 'f58aa361553f3063bf1e5171f8d320e6cb8189c6', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), hAsync("section", { key: 'b4d0dd00a3e6fe9e8367ef5a6f197696de55f4fd', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, hAsync("div", { key: '1c11f15e328118a0adc6c5fb0cb88b7c8f3b8470' }, hAsync("digi-typography", { key: '0253266ad670b87a5a9291101d965899f14f0b16' }, hAsync("slot", { key: '7c277acd32d84ccc6b1c14913aebde586a2ea148' }))))));
+            }, id: `${this.afId}-content` }, hAsync("div", { key: 'e9a9147164d3934584cd5da5cfc8080ba9374c76' }, hAsync("digi-typography", { key: '398a0c4e0aa1092db5f4a2e3182218ebbe0c3624' }, hAsync("slot", { key: 'be924dc541b7c41b19b4392d3a988b492144d585' }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -34236,8 +34250,8 @@ class InfoCard {
          */
         this.afBorderPosition = InfoCardBorderPosition.TOP;
         /**
-         * Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'.
-         * @en Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'.
+         * Sätter variant. Kan vara 'primary' eller 'secondary'.
+         * @en Set info card variation. Can be 'primary' or 'secondary'.
          */
         this.afVariation = InfoCardVariation.PRIMARY;
         this.activeLink = false;
@@ -34283,7 +34297,7 @@ class InfoCard {
         };
     }
     render() {
-        return (hAsync("div", { key: 'fbdeac4da7aa22626349c61b243f10b6a4bd3d42', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, hAsync("div", { key: '44772e768e3bc80a7a5a20b7858d6970070f27db', class: "digi-info-card__content" }, hAsync("div", { key: 'e770035d77564f3a57a39c553631d37d1c278626', class: "digi-info-card__icon" }, this.hasListIcon && (hAsync("span", { key: '68e4ad4d7b050ac36c23647f7a65cc6b059e20d2', class: "digi-info-card__icon" }, hAsync("slot", { key: 'a8550b30fdb6e31dbb8e9d02bb4275f0d74bf73c', name: "icon" })))), hAsync(this.afHeadingLevel, { key: '9f4d71156595099a0825c586ae533e89ef0028a1', class: "digi-info-card__heading" }, this.afHeading), hAsync("digi-typography", { key: '915eb7c59aba9eaa9cf36a6af281ec31c17fe77e' }, hAsync("slot", { key: '72c6ddf7f4ec870b670183e6f2b844ec46116aaf' })), this.shouldRenderInternalLink && (hAsync("digi-link-internal", { key: '0ad0f534ef93d7743f2a93dc21edd9bdf423548b', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        return (hAsync("div", { key: '56dc89fe307963c3088b9e8301700a5e29d36c22', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, hAsync("div", { key: '504c5b7810f922a55ef5c887b24432a3ccb9ea78', class: "digi-info-card__content" }, hAsync("div", { key: '6adb959fadb3c8a8182e0176cca3fd02686fadfb', class: "digi-info-card__icon" }, this.hasListIcon && (hAsync("span", { key: '3a9c35f22e32d4b30dbcc0614c602541a7349fac', class: "digi-info-card__icon" }, hAsync("slot", { key: '601de5d168bad7d3615c8d35b8dd464a392aef6c', name: "icon" })))), hAsync(this.afHeadingLevel, { key: 'f6006f419904c85a05ea8efa3933b32c9373b655', class: "digi-info-card__heading" }, this.afHeading), hAsync("digi-typography", { key: '3858f2e16f6b33a9f9bd72278c199ebc5b32e762' }, hAsync("slot", { key: '5b0c1cc00581490aa189a5dd31a7d13f05ef6ce5' })), this.shouldRenderInternalLink && (hAsync("digi-link-internal", { key: 'fcc04567e624c939c30c27dec8d3fd58fe0042eb', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designsystem-se/af",
   "author": "Arbetsförmedlingen",
-  "version": "39.2.2",
+  "version": "39.2.3",
   "description": "Web Components for Digi Designsystem",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",