@designsystem-se/af 39.2.2 → 39.2.3

package/components/digi-expandable-accordion.js

@@ -65,17 +65,21 @@ const ExpandableAccordion = /*@__PURE__*/ proxyCustomElement(class ExpandableAcc
     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() {
@@ -83,22 +87,25 @@ const ExpandableAccordion = /*@__PURE__*/ proxyCustomElement(class ExpandableAcc
         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) {
@@ -110,7 +117,7 @@ const ExpandableAccordion = /*@__PURE__*/ proxyCustomElement(class ExpandableAcc
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '25e76d66020522814e7777c139c6206b1c103d4e', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: '2265191f9ad2394befad5da1bdf51cd758d4adba', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '4a26fe5cd756612c36b48a9b04abcff54ba70941', class: "digi-expandable-accordion__heading" }, h("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) }, h("digi-icon-chevron-down", { key: '2b86e033967c20cecc33b34185826b06ab4189e4', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '8d3d486567b4e073818b35e77a8f5be92ea3cdef', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: '764b758a0bd68b7a02581f620dc8204b517fa991', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'bad7d77ef14b2edcd80e54d52ffde7bf429caa59' }, h("digi-typography", { key: '15c4a8abc0f50f3521c0a9b39aeb06ce194e4a3b' }, h("slot", { key: '0718dba75edfab31158aec6bf04a8b2bfc60463e' }))))));
+        return (h("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, h("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) }, h("digi-icon-chevron-down", { key: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, h("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, h("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-expandable-faq-item.js

@@ -60,17 +60,21 @@ const ExpandableFaqItem = /*@__PURE__*/ proxyCustomElement(class ExpandableFaqIt
     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() {
@@ -78,37 +82,40 @@ const ExpandableFaqItem = /*@__PURE__*/ proxyCustomElement(class ExpandableFaqIt
         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 (h("article", { key: '6d3c64be92f3bf878a6319f8bc6a74b944b9621d', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '7c2929a9fbef5158ba44cc9822cd4592072fdeb1', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '79e19f80b947765f4ec9e342849ebfef121f1694' }, h("button", { key: 'e08fe43a72da2004e977ecad16383100de0b49c7', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: 'e0931c4256d2c4162911fe232132b6179968425f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '8f6befff5c82c63d5d1f10755f444791f17dafb7', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'b9d58dcd28eb430d7b84365ba1bba99d3e86ebc9' }, h("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` }, h("digi-icon-chevron-down", { key: '245e1d2578b3e15d0fc83aaf82ca5b19a292ab20', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("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
-            } }), h("div", { key: '6b37c5b10fee03cb1e8fbaebf4afa879131fef08', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '5d0083596a6a9d8dc17db3814dd7fc5b7672def1', class: {
+            } }), h("div", { key: 'f58aa361553f3063bf1e5171f8d320e6cb8189c6', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("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` }, h("div", { key: '1c11f15e328118a0adc6c5fb0cb88b7c8f3b8470' }, h("digi-typography", { key: '0253266ad670b87a5a9291101d965899f14f0b16' }, h("slot", { key: '7c277acd32d84ccc6b1c14913aebde586a2ea148' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: 'e9a9147164d3934584cd5da5cfc8080ba9374c76' }, h("digi-typography", { key: '398a0c4e0aa1092db5f4a2e3182218ebbe0c3624' }, h("slot", { key: 'be924dc541b7c41b19b4392d3a988b492144d585' }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-info-card.js

@@ -31,8 +31,8 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends H {
          */
         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;
@@ -78,7 +78,7 @@ const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends H {
         };
     }
     render() {
-        return (h("div", { key: 'fbdeac4da7aa22626349c61b243f10b6a4bd3d42', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '44772e768e3bc80a7a5a20b7858d6970070f27db', class: "digi-info-card__content" }, h("div", { key: 'e770035d77564f3a57a39c553631d37d1c278626', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '68e4ad4d7b050ac36c23647f7a65cc6b059e20d2', class: "digi-info-card__icon" }, h("slot", { key: 'a8550b30fdb6e31dbb8e9d02bb4275f0d74bf73c', name: "icon" })))), h(this.afHeadingLevel, { key: '9f4d71156595099a0825c586ae533e89ef0028a1', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '915eb7c59aba9eaa9cf36a6af281ec31c17fe77e' }, h("slot", { key: '72c6ddf7f4ec870b670183e6f2b844ec46116aaf' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: '0ad0f534ef93d7743f2a93dc21edd9bdf423548b', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        return (h("div", { key: '56dc89fe307963c3088b9e8301700a5e29d36c22', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '504c5b7810f922a55ef5c887b24432a3ccb9ea78', class: "digi-info-card__content" }, h("div", { key: '6adb959fadb3c8a8182e0176cca3fd02686fadfb', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '3a9c35f22e32d4b30dbcc0614c602541a7349fac', class: "digi-info-card__icon" }, h("slot", { key: '601de5d168bad7d3615c8d35b8dd464a392aef6c', name: "icon" })))), h(this.afHeadingLevel, { key: 'f6006f419904c85a05ea8efa3933b32c9373b655', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '3858f2e16f6b33a9f9bd72278c199ebc5b32e762' }, h("slot", { key: '5b0c1cc00581490aa189a5dd31a7d13f05ef6ce5' })), this.shouldRenderInternalLink && (h("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 this; }
     static get watchers() { return {

package/custom-elements.json

@@ -6687,7 +6687,7 @@
         },
         {
           "name": "af-variation",
-          "description": "Sätter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' är 'tip'."
+          "description": "Sätter variant. Kan vara 'primary' eller 'secondary'."
         },
         {
           "name": "hide-visited-color",

package/dist/cjs/badge-notification-shape.enum-CEyEo2G5.js

@@ -0,0 +1,8 @@
+'use strict';
+
+exports.BadgeNotificationShape = void 0;
+(function (BadgeNotificationShape) {
+    BadgeNotificationShape["CIRCLE"] = "circle";
+    BadgeNotificationShape["OVAL"] = "oval";
+    BadgeNotificationShape["PILL"] = "pill";
+})(exports.BadgeNotificationShape || (exports.BadgeNotificationShape = {}));

package/dist/cjs/button-size.enum-DgyvMkwE.js

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

package/dist/cjs/{button-variation.enum-ngMqFLdW.js → button-variation.enum-DkUalo9f.js}

@@ -1,11 +1,5 @@
 'use strict';
 
-exports.ButtonSize = void 0;
-(function (ButtonSize) {
-    ButtonSize["SMALL"] = "small";
-    ButtonSize["MEDIUM"] = "medium";
-})(exports.ButtonSize || (exports.ButtonSize = {}));
-
 exports.ButtonVariation = void 0;
 (function (ButtonVariation) {
     ButtonVariation["PRIMARY"] = "primary";

package/dist/cjs/{calendar-week-view-heading-level.enum-BI2f9bbk.js → calendar-week-view-heading-level.enum-NEkm5SUq.js}

@@ -1,12 +1,5 @@
 'use strict';
 
-exports.BadgeNotificationShape = void 0;
-(function (BadgeNotificationShape) {
-    BadgeNotificationShape["CIRCLE"] = "circle";
-    BadgeNotificationShape["OVAL"] = "oval";
-    BadgeNotificationShape["PILL"] = "pill";
-})(exports.BadgeNotificationShape || (exports.BadgeNotificationShape = {}));
-
 exports.CalendarWeekViewHeadingLevel = void 0;
 (function (CalendarWeekViewHeadingLevel) {
     CalendarWeekViewHeadingLevel["H1"] = "h1";