@designsystem-se/af 39.2.2 → 39.2.3

package/dist/cjs/{typography-variation.enum-BDSt7CVI.js → typography-variation.enum-CVUvogxJ.js}

@@ -51,6 +51,33 @@ exports.DialogVariation = void 0;
     DialogVariation["SECONDARY"] = "secondary";
 })(exports.DialogVariation || (exports.DialogVariation = {}));
 
+exports.ExpandableAccordionHeaderLevel = void 0;
+(function (ExpandableAccordionHeaderLevel) {
+    ExpandableAccordionHeaderLevel["H1"] = "h1";
+    ExpandableAccordionHeaderLevel["H2"] = "h2";
+    ExpandableAccordionHeaderLevel["H3"] = "h3";
+    ExpandableAccordionHeaderLevel["H4"] = "h4";
+    ExpandableAccordionHeaderLevel["H5"] = "h5";
+    ExpandableAccordionHeaderLevel["H6"] = "h6";
+})(exports.ExpandableAccordionHeaderLevel || (exports.ExpandableAccordionHeaderLevel = {}));
+
+exports.ExpandableFaqItemHeadingLevel = void 0;
+(function (ExpandableFaqItemHeadingLevel) {
+    ExpandableFaqItemHeadingLevel["H1"] = "h1";
+    ExpandableFaqItemHeadingLevel["H2"] = "h2";
+    ExpandableFaqItemHeadingLevel["H3"] = "h3";
+    ExpandableFaqItemHeadingLevel["H4"] = "h4";
+    ExpandableFaqItemHeadingLevel["H5"] = "h5";
+    ExpandableFaqItemHeadingLevel["H6"] = "h6";
+})(exports.ExpandableFaqItemHeadingLevel || (exports.ExpandableFaqItemHeadingLevel = {}));
+
+exports.ExpandableFaqItemVariation = void 0;
+(function (ExpandableFaqItemVariation) {
+    ExpandableFaqItemVariation["PRIMARY"] = "primary";
+    ExpandableFaqItemVariation["SECONDARY"] = "secondary";
+    ExpandableFaqItemVariation["TERTIARY"] = "tertiary";
+})(exports.ExpandableFaqItemVariation || (exports.ExpandableFaqItemVariation = {}));
+
 exports.FooterVariation = void 0;
 (function (FooterVariation) {
     FooterVariation["LARGE"] = "large";
@@ -67,6 +94,34 @@ exports.FormErrorListHeadingLevel = void 0;
     FormErrorListHeadingLevel["H6"] = "h6";
 })(exports.FormErrorListHeadingLevel || (exports.FormErrorListHeadingLevel = {}));
 
+exports.FormInputMode = void 0;
+(function (FormInputMode) {
+    FormInputMode["DEFAULT"] = "";
+    FormInputMode["NONE"] = "none";
+    FormInputMode["TEXT"] = "text";
+    FormInputMode["DECIMAL"] = "decimal";
+    FormInputMode["NUMERIC"] = "numeric";
+    FormInputMode["TEL"] = "tel";
+    FormInputMode["SEARCH"] = "search";
+    FormInputMode["EMAIL"] = "email";
+    FormInputMode["URL"] = "url";
+})(exports.FormInputMode || (exports.FormInputMode = {}));
+
+exports.FormInputValidation = void 0;
+(function (FormInputValidation) {
+    FormInputValidation["SUCCESS"] = "success";
+    FormInputValidation["ERROR"] = "error";
+    FormInputValidation["WARNING"] = "warning";
+    FormInputValidation["NEUTRAL"] = "neutral";
+})(exports.FormInputValidation || (exports.FormInputValidation = {}));
+
+exports.FormInputVariation = void 0;
+(function (FormInputVariation) {
+    FormInputVariation["SMALL"] = "small";
+    FormInputVariation["MEDIUM"] = "medium";
+    FormInputVariation["LARGE"] = "large";
+})(exports.FormInputVariation || (exports.FormInputVariation = {}));
+
 exports.FormFieldsetValidation = void 0;
 (function (FormFieldsetValidation) {
     FormFieldsetValidation["SUCCESS"] = "success";
@@ -122,6 +177,21 @@ exports.FormSelectFilterValidation = void 0;
     FormSelectFilterValidation["NEUTRAL"] = "neutral";
 })(exports.FormSelectFilterValidation || (exports.FormSelectFilterValidation = {}));
 
+exports.FormSelectValidation = void 0;
+(function (FormSelectValidation) {
+    FormSelectValidation["SUCCESS"] = "success";
+    FormSelectValidation["ERROR"] = "error";
+    FormSelectValidation["WARNING"] = "warning";
+    FormSelectValidation["NEUTRAL"] = "neutral";
+})(exports.FormSelectValidation || (exports.FormSelectValidation = {}));
+
+exports.FormSelectVariation = void 0;
+(function (FormSelectVariation) {
+    FormSelectVariation["SMALL"] = "small";
+    FormSelectVariation["MEDIUM"] = "medium";
+    FormSelectVariation["LARGE"] = "large";
+})(exports.FormSelectVariation || (exports.FormSelectVariation = {}));
+
 exports.HeaderCenterContentWidth = void 0;
 (function (HeaderCenterContentWidth) {
     HeaderCenterContentWidth["DEFAULT"] = "none";
@@ -231,6 +301,22 @@ exports.FeedbackVariation = void 0;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(exports.FeedbackVariation || (exports.FeedbackVariation = {}));
 
+exports.TypographyHeadingJumboLevel = void 0;
+(function (TypographyHeadingJumboLevel) {
+    TypographyHeadingJumboLevel["H1"] = "h1";
+    TypographyHeadingJumboLevel["H2"] = "h2";
+    TypographyHeadingJumboLevel["H3"] = "h3";
+    TypographyHeadingJumboLevel["H4"] = "h4";
+    TypographyHeadingJumboLevel["H5"] = "h5";
+    TypographyHeadingJumboLevel["H6"] = "h6";
+})(exports.TypographyHeadingJumboLevel || (exports.TypographyHeadingJumboLevel = {}));
+
+exports.TypographyHeadingJumboVariation = void 0;
+(function (TypographyHeadingJumboVariation) {
+    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
+    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
+})(exports.TypographyHeadingJumboVariation || (exports.TypographyHeadingJumboVariation = {}));
+
 exports.TypographyVariation = void 0;
 (function (TypographyVariation) {
     TypographyVariation["SMALL"] = "small";

package/dist/collection/components/_expandable/expandable-accordion/expandable-accordion.js

@@ -60,17 +60,21 @@ export 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() {
@@ -78,22 +82,25 @@ export 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) {
@@ -105,7 +112,7 @@ export class ExpandableAccordion {
         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' }))))));
     }
     static get is() { return "digi-expandable-accordion"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.js

@@ -56,17 +56,21 @@ export 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() {
@@ -74,37 +78,40 @@ export 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 (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' }))))));
     }
     static get is() { return "digi-expandable-faq-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_info-card/info-card/info-card.js

@@ -30,8 +30,8 @@ export 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;
@@ -77,7 +77,7 @@ export class InfoCard {
         };
     }
     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)))));
     }
     static get is() { return "digi-info-card"; }
     static get encapsulation() { return "scoped"; }
@@ -254,9 +254,9 @@ export class InfoCard {
                 "docs": {
                     "tags": [{
                             "name": "en",
-                            "text": "Set info card variation. Can be 'primary' or 'secondary'. This only applies if 'af-type' is 'tip'."
+                            "text": "Set info card variation. Can be 'primary' or 'secondary'."
                         }],
-                    "text": "S\u00E4tter variant. Kan vara 'primary' eller 'secondary'. Detta har endast genomslag om 'af-type' \u00E4r 'tip'."
+                    "text": "S\u00E4tter variant. Kan vara 'primary' eller 'secondary'."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/design-tokens/components/_logo.variables.scss

@@ -15,6 +15,4 @@
   --digi--logo--secondary--symbol: var(--digi--color--logotype--secondary--symbol);
   --digi--logo--primary--text: var(--digi--color--logotype--primary--text);
   --digi--logo--secondary--text: var(--digi--color--logotype--secondary--text);
-}g: 1.375rem;
-  --digi--title-logo-gap: 9px;
 }