@designsystem-se/af 34.2.0 → 34.2.1-beta.0

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

@@ -1,281 +1,9 @@
-/** Do not touch! Autogenerated 
-* @prop --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--neutral-5);
-* @prop --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary);
-* @prop --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary);
-* @prop --digi--expandable-faq-item--header--toggle-icon--transition: ease-in-out var(--digi--animation--duration--base) all;
-* @prop --digi--expandable-faq-item--content--transition: ease-in-out var(--digi--animation--duration--base) height;
-* @prop --digi--expandable-faq-item--icon--size: 0.875rem;
-* @prop --digi--expandable-faq-item--icon--margin-right: var(--digi--margin--medium);
-* @prop --digi--expandable-faq-item--header--font-size: var(--digi--typography--preamble--font-size--desktop);
-* @prop --digi--expandable-faq-item--header--font-weight: var(--digi--typography--preamble--font-weight--desktop);
-* @prop --digi--expandable-faq-item--border-width: var(--digi--border-width--secondary);
-* @prop --digi--expandable-faq-item--border-bottom-width: var(--digi--border-width--secondary);
-* @prop --digi--expandable-faq-item--content--padding: var(--digi--gutter--largest-2);
-*/
 /* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
-.digi--util--fs--xs {
-  font-size: var(--digi--global--typography--font-size--small) !important;
-}
-
-.digi--util--fs--s {
-  font-size: calc(var(--digi--global--typography--font-size--small) + 1px) !important;
-}
-
-.digi--util--fs--m {
-  font-size: var(--digi--global--typography--font-size--base) !important;
-}
-
-.digi--util--fs--l {
-  font-size: var(--digi--global--typography--font-size--large) !important;
-}
-
-.digi--util--fw--sb {
-  font-weight: var(--digi--global--typography--font-weight--semibold) !important;
-}
-
-.digi--util--pt--1 {
-  padding-top: var(--digi--global--spacing--smallest-2) !important;
-}
-
-.digi--util--pt--10 {
-  padding-top: var(--digi--global--spacing--smallest) !important;
-}
-
-.digi--util--pt--20 {
-  padding-top: var(--digi--global--spacing--base) !important;
-}
-
-.digi--util--pt--30 {
-  padding-top: var(--digi--global--spacing--largest-2) !important;
-}
-
-.digi--util--pt--40 {
-  padding-top: var(--digi--global--spacing--largest-4) !important;
-}
-
-.digi--util--pt--50 {
-  padding-top: 2.5rem !important;
-}
-
-.digi--util--pt--60 {
-  padding-top: var(--digi--global--spacing--largest-5) !important;
-}
-
-.digi--util--pt--70 {
-  padding-top: var(--digi--global--spacing--largest-6) !important;
-}
-
-.digi--util--pt--80 {
-  padding-top: 4.5rem !important;
-}
-
-.digi--util--pt--90 {
-  padding-top: 5rem !important;
-}
-
-.digi--util--pb--1 {
-  padding-bottom: var(--digi--global--spacing--smallest-2) !important;
-}
-
-.digi--util--pb--10 {
-  padding-bottom: var(--digi--global--spacing--smallest) !important;
-}
-
-.digi--util--pb--20 {
-  padding-bottom: var(--digi--global--spacing--base) !important;
-}
-
-.digi--util--pb--30 {
-  padding-bottom: var(--digi--global--spacing--largest-2) !important;
-}
-
-.digi--util--pb--40 {
-  padding-bottom: var(--digi--global--spacing--largest-4) !important;
-}
-
-.digi--util--pb--50 {
-  padding-bottom: 2.5rem !important;
-}
-
-.digi--util--pb--60 {
-  padding-bottom: var(--digi--global--spacing--largest-5) !important;
-}
-
-.digi--util--pb--70 {
-  padding-bottom: var(--digi--global--spacing--largest-6) !important;
-}
-
-.digi--util--pb--80 {
-  padding-bottom: 4.5rem !important;
-}
-
-.digi--util--pb--90 {
-  padding-bottom: 5rem !important;
-}
-
-.digi--util--p--1 {
-  padding: var(--digi--global--spacing--smallest-2) !important;
-}
-
-.digi--util--p--10 {
-  padding: var(--digi--global--spacing--smallest) !important;
-}
-
-.digi--util--p--20 {
-  padding: var(--digi--global--spacing--base) !important;
-}
-
-.digi--util--p--30 {
-  padding: var(--digi--global--spacing--largest-2) !important;
-}
-
-.digi--util--p--40 {
-  padding: var(--digi--global--spacing--largest-4) !important;
-}
-
-.digi--util--p--50 {
-  padding: 2.5rem !important;
-}
-
-.digi--util--p--60 {
-  padding: var(--digi--global--spacing--largest-5) !important;
-}
-
-.digi--util--p--70 {
-  padding: var(--digi--global--spacing--largest-6) !important;
-}
-
-.digi--util--p--80 {
-  padding: 4.5rem !important;
-}
-
-.digi--util--p--90 {
-  padding: 5rem !important;
-}
-
-.digi--util--ptb--1 {
-  padding-top: var(--digi--global--spacing--smallest-2) !important;
-  padding-bottom: var(--digi--global--spacing--smallest-2) !important;
-}
-
-.digi--util--ptb--10 {
-  padding-top: var(--digi--global--spacing--smallest) !important;
-  padding-bottom: var(--digi--global--spacing--smallest) !important;
-}
-
-.digi--util--ptb--20 {
-  padding-top: var(--digi--global--spacing--base) !important;
-  padding-bottom: var(--digi--global--spacing--base) !important;
-}
-
-.digi--util--ptb--30 {
-  padding-top: var(--digi--global--spacing--largest-2) !important;
-  padding-bottom: var(--digi--global--spacing--largest-2) !important;
-}
-
-.digi--util--ptb--40 {
-  padding-top: var(--digi--global--spacing--largest-4) !important;
-  padding-bottom: var(--digi--global--spacing--largest-4) !important;
-}
-
-.digi--util--ptb--50 {
-  padding-top: 2.5rem !important;
-  padding-bottom: 2.5rem !important;
-}
-
-.digi--util--ptb--60 {
-  padding-top: var(--digi--global--spacing--largest-5) !important;
-  padding-bottom: var(--digi--global--spacing--largest-5) !important;
-}
-
-.digi--util--ptb--70 {
-  padding-top: var(--digi--global--spacing--largest-6) !important;
-  padding-bottom: var(--digi--global--spacing--largest-6) !important;
-}
-
-.digi--util--ptb--80 {
-  padding-top: 4.5rem !important;
-  padding-bottom: 4.5rem !important;
-}
-
-.digi--util--ptb--90 {
-  padding-top: 5rem !important;
-  padding-bottom: 5rem !important;
-}
-
-.digi--util--plr--1 {
-  padding-left: var(--digi--global--spacing--smallest-2) !important;
-  padding-right: var(--digi--global--spacing--smallest-2) !important;
-}
-
-.digi--util--plr--10 {
-  padding-left: var(--digi--global--spacing--smallest) !important;
-  padding-right: var(--digi--global--spacing--smallest) !important;
-}
-
-.digi--util--plr--20 {
-  padding-left: var(--digi--global--spacing--base) !important;
-  padding-right: var(--digi--global--spacing--base) !important;
-}
-
-.digi--util--plr--30 {
-  padding-left: var(--digi--global--spacing--largest-2) !important;
-  padding-right: var(--digi--global--spacing--largest-2) !important;
-}
-
-.digi--util--plr--40 {
-  padding-left: var(--digi--global--spacing--largest-4) !important;
-  padding-right: var(--digi--global--spacing--largest-4) !important;
-}
-
-.digi--util--plr--50 {
-  padding-left: 2.5rem !important;
-  padding-right: 2.5rem !important;
-}
-
-.digi--util--plr--60 {
-  padding-left: var(--digi--global--spacing--largest-5) !important;
-  padding-right: var(--digi--global--spacing--largest-5) !important;
-}
-
-.digi--util--plr--70 {
-  padding-left: var(--digi--global--spacing--largest-6) !important;
-  padding-right: var(--digi--global--spacing--largest-6) !important;
-}
-
-.digi--util--plr--80 {
-  padding-left: 4.5rem !important;
-  padding-right: 4.5rem !important;
-}
-
-.digi--util--plr--90 {
-  padding-left: 5rem !important;
-  padding-right: 5rem !important;
-}
-
-.digi--util--sr-only {
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
-  clip-path: inset(50%);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-  white-space: nowrap;
-}
-
-.digi--util--hidden {
-  display: none;
-}
-
 :host {
-  --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--neutral-5);
+  --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--pop-out);
   --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary);
   --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary);
   --digi--expandable-faq-item--header--toggle-icon--transition: ease-in-out var(--digi--animation--duration--base) all;
@@ -295,14 +23,13 @@ License: none (public domain)
   font-family: var(--digi--global--typography--font-family--default);
 }
 :host .digi-expandable-faq-item--primary {
-  --BACKGROUND: var(
-    --digi--expandable-faq-item--header--background-color--primary
-  );
+  --BACKGROUND: var(--digi--expandable-faq-item--header--background-color--primary);
 }
 :host .digi-expandable-faq-item--secondary {
-  --BACKGROUND: var(
-    --digi--expandable-faq-item--header--background-color--secondary
-  );
+  --BACKGROUND: var(--digi--expandable-faq-item--header--background-color--secondary);
+}
+:host .digi-expandable-faq-item--tertiary {
+  --BACKGROUND: var(--digi--expandable-faq-item--header--background-color--tertiary);
 }
 :host .digi-expandable-faq-item--expanded {
   border-bottom-color: var(--BACKGROUND);

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

@@ -68,18 +68,18 @@ export class ExpandableFaqItem {
         }
     }
     render() {
-        return (h("article", { key: '24c28aa6ee608a3c63441eae2958b9c129d48086', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '304271c217691ae28c586239c701d288c3ddf2b9', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '366a6fb8794372d77fa147218904409d84f590fc' }, h("button", { key: 'f7b1c6def5d63692c62737dc6cc5be53c567ffff', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '586884d3f2c91a7597743198cdab5758735943ed', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '51e944438c6ccf3ff713f838da0117436acdd88a', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: '1e976960a26b0bab61886351c3ed4137c98ec06b' }, h("button", { key: 'e52835b2541c1ffc3a7becf76e59aef097240604', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-pressed": this.afExpanded ? 'true' : 'false', "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: 'ebbe7820ab0877f5c2f12cf7d923eda14f198923', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '36b8f9c563b9ef4417a21fbcba204b914ea96506', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), this.afHeading))), h("section", { key: '0ddd4eb2d432560b90c023f5dc1c4705cd6bb375', class: {
+            } }), this.afHeading))), h("section", { key: '8f384f65f08a5d84649f40ad1c441ab3733fdc62', 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: '6bfcaf4addc6960dc310013c3f681fef87c0ea30' }, h("digi-typography", { key: '0c30fa2a5e8918abf2073a013f18a2b2f640e0d5' }, h("slot", { key: '5d3d774c930bd1f3032e7df9532040683d7febea' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '0af73c452462f4436ef90ca4c9d5b77dba1ee1d4' }, h("digi-typography", { key: 'f2079bf2c748440255eafc9052e6a0b671a662fc' }, h("slot", { key: 'bf723138101e6ab11cfe245089eea195e8950ee0' }))))));
     }
     static get is() { return "digi-expandable-faq-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer/footer.css

@@ -1,24 +1,16 @@
-/** Do not touch! Autogenerated 
-* @prop --digi--footer--text--color: var(--digi--color--text--inverted);
-* @prop --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);
-* @prop --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);
-* @prop --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);
-* @prop --digi--footer--link--color--default: var(--digi--color--text--inverted);
-* @prop --digi--footer--link--color--hover: var(--digi--color--text--inverted);
-* @prop --digi--footer--link--border-color--default: var(--digi--color--text--inverted);
-* @prop --digi--footer--link--border-color--hover: var(--digi--color--text--inverted);
-* @prop --digi--footer--padding-top: var(--digi--container-gutter--largest);
-* @prop --digi--footer--margin-top: var(--digi--container-gutter--large);
+/* http://meyerweb.com/eric/tools/css/reset/
+v2.0 | 20110126
+License: none (public domain)
 */
 :host {
-  --digi--footer--text--color: var(--digi--color--text--inverted);
+  --digi--footer--text--color: var(--digi--color--text--secondary);
   --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);
   --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);
   --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);
-  --digi--footer--link--color--default: var(--digi--color--text--inverted);
-  --digi--footer--link--color--hover: var(--digi--color--text--inverted);
-  --digi--footer--link--border-color--default: var(--digi--color--text--inverted);
-  --digi--footer--link--border-color--hover: var(--digi--color--text--inverted);
+  --digi--footer--link--color--default: var(--digi--color--text--secondary);
+  --digi--footer--link--color--hover: var(--digi--color--text--secondary);
+  --digi--footer--link--border-color--default: var(--digi--color--text--secondary);
+  --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);
   --digi--footer--padding-top: var(--digi--container-gutter--largest);
   --digi--footer--margin-top: var(--digi--container-gutter--large);
 }
@@ -33,7 +25,7 @@
 :host .digi-footer ::slotted([slot^=content-top]) {
   grid-template-columns: repeat(1, 1fr);
 }
-@media (min-width: 62rem) {
+@media (min-width: 61.9375rem) {
   :host .digi-footer ::slotted([slot^=content-top]) {
     grid-template-columns: repeat(4, 1fr);
   }
@@ -81,7 +73,7 @@
   justify-content: center;
   margin-top: var(--MARGIN-TOP);
 }
-@media (min-width: 62rem) {
+@media (min-width: 61.9375rem) {
   :host ::slotted([slot^=content-bottom-right]) {
     --MARGIN-TOP: 0;
   }
@@ -93,7 +85,7 @@
   padding: var(--digi--gutter--small);
   margin: 0;
 }
-@media (min-width: 62rem) {
+@media (min-width: 61.9375rem) {
   :host ::slotted([slot^=content-bottom-right]) p,
   :host ::slotted([slot^=content-bottom-right]) span,
   :host ::slotted([slot^=content-bottom-right]) a {

package/dist/collection/components/_footer/footer/footer.js

@@ -22,7 +22,7 @@ export class FooterFooter {
         };
     }
     render() {
-        return (h(Host, { key: 'a61e1b548e49c141dcfbf080395aacfdb885ed88' }, h("footer", { key: '8cd11c96960fdb02552af52a7e46d98d53b1ddbc', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '4b5055eb5842e438c5a6c4fdf1c5e08544cc2f84' }, h("digi-layout-block", { key: 'f0a4412ff367fb67ce9e6abd68abfc3ae1bb8e92', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '3b03c59c0498c21b393ee94e6d6ebe93b466b9c1', "af-no-gutter": true }, h("div", { key: 'a09315a60fa2632929bbd86e53987b7519b630ac', class: "digi-footer__content-top" }, h("slot", { key: '7442e18654919a8b72ec2848985cd2b938961761', name: "content-top" })), h("div", { key: 'cf2d0458e56c3a8af623e0007f756d96a7cba160', class: "digi-footer__content-bottom" }, h("slot", { key: '9fb9ae5cbf99c77cbf9dcdcda3796273caad82e9', name: "content-bottom-left" }), h("slot", { key: 'd3097050e6122ec6acbe0e4863af1b2a3b450e34', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: '27eaaeb6323b8eab2c9e676e52baff22e3931b59' }, h("footer", { key: 'a18d1fbd40129804018f9768db4f3aa27cd3ecdf', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '87b429e38f0eb8d589b7522cff7130f0cbf30634' }, h("digi-layout-block", { key: 'd983d8d03811df520b946e701e50f8a7d88259aa', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: '3213388b3b270fedbb848c1d6d129d693f8876cd', "af-no-gutter": true }, h("div", { key: '4b8725eaead3c4b9ce57d7b77af3fcb3fa3522da', class: "digi-footer__content-top" }, h("slot", { key: 'c21f38065a406da56631f1f9345eb92e8d8f834d', name: "content-top" })), h("div", { key: 'b3fc3c7fc7f8f6ba18865c5e58b7cda17ccc38ca', class: "digi-footer__content-bottom" }, h("slot", { key: 'f16a990a7608e2f673b39e1bc7191024afdfaac4', name: "content-bottom-left" }), h("slot", { key: '848d34e8d04affe50fab869bba06fb03625db725', name: "content-bottom-right" }))))))));
     }
     static get is() { return "digi-footer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer-card/footer-card.css

@@ -1,11 +1,6 @@
-/** Do not touch! Autogenerated 
-* @prop --digi--footer-card--text--color: var(--digi--color--text--inverted);
-* @prop --digi--footer-card--border-bottom: solid var(--digi--border-width--primary) var(--digi--color--border--inverted-3);
-* @prop --digi--footer-card--link--font-weight: var(--digi--typography--link-bold--font-weight--desktop);
-*/
 :host {
-  --digi--footer-card--text--color: var(--digi--color--text--inverted);
-  --digi--footer-card--border-bottom: solid var(--digi--border-width--primary) var(--digi--color--border--inverted-3);
+  --digi--footer-card--text--color: var(--digi--color--text--secondary);
+  --digi--footer-card--border-bottom: solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);
   --digi--footer-card--link--font-weight: var(--digi--typography--link-bold--font-weight--desktop);
 }
 :host .digi-footer-card {
@@ -19,7 +14,7 @@
   padding-bottom: var(--PADDING-BOTTOM);
   border-bottom: var(--BORDER);
 }
-@media (min-width: 62rem) {
+@media (min-width: 61.9375rem) {
   :host .digi-footer-card {
     --BORDER: 0;
     --PADDING-BOTTOM: var(--digi--container-gutter--large);
@@ -29,7 +24,7 @@
   --BORDER: var(--digi--footer-card--border-bottom);
   --LINK-SIZE: var(--digi--typography--heading-3--font-size--mobile);
 }
-@media (min-width: 62rem) {
+@media (min-width: 61.9375rem) {
   :host .digi-footer-card--border {
     --LINK-SIZE: var(--digi--typography--heading-3--font-size--desktop);
   }
@@ -48,7 +43,7 @@
 :host .digi-footer-card ::slotted(*) h2 {
   font-size: var(--digi--typography--heading-3--font-size--mobile);
 }
-@media (min-width: 62rem) {
+@media (min-width: 61.9375rem) {
   :host .digi-footer-card ::slotted(*) h2 {
     font-size: var(--digi--typography--heading-3--font-size--desktop);
   }

package/dist/collection/components/_footer/footer-card/footer-card.js

@@ -20,7 +20,7 @@ export class FooterFooterCard {
         };
     }
     render() {
-        return (h(Host, { key: '04a0d418a4dc81c5e59c0728a96b1fd942374e5e' }, h("div", { key: '77b3e6230e8bfa121183bacb98bb5d87dad1c701', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: 'e6c3e97476d3c896d14555948f526baa762c09d9', class: "digi-footer-card__content" }, h("slot", { key: 'ccf3c130651f16d5ce87c00b821e8be8fa60ed20' })))));
+        return (h(Host, { key: 'fd1e970c930fad36d18c848db7325b02bacf1cee' }, h("div", { key: '3db638133e06a7c248679a8c0660637d1310e0ff', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '15ab93d8bc71a42f9b65482d20294240c4cf777d', class: "digi-footer-card__content" }, h("slot", { key: '052855b6532d652dd380f5a40771ed03f9a47907' })))));
     }
     static get is() { return "digi-footer-card"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-category-filter/form-category-filter.css

@@ -1,6 +1,3 @@
-/** Do not touch! Autogenerated 
-* @prop --digi--form-category-filter--gap: var(--digi--padding--small);
-*/
 :host {
   --digi--form-category-filter--gap: var(--digi--padding--small);
 }
@@ -13,15 +10,9 @@
   --digi--button--icon--spacing: 0px;
 }
 :host .digi-form-category-filter--category--not-selected {
-  --digi--button--color--background--primary--default: var(
-    --digi--color--background--secondary
-  );
-  --digi--button--color--text--primary--default: var(
-    --digi--color--text--secondary
-  );
-  --digi--button--color--border--primary--default: var(
-    --digi--color--background--secondary
-  );
+  --digi--button--color--background--primary--default: var(--digi--color--background--interactive--default--quaternary);
+  --digi--button--color--text--primary--default: var(--digi--color--text--interactive--brand-primary);
+  --digi--button--color--border--primary--default: var(--digi--color--background--interactive--default--quaternary);
 }
 :host .digi-form-category-filter--category--thin-text {
   font-weight: 400;

package/dist/collection/components/_form/form-category-filter/form-category-filter.js

@@ -92,7 +92,7 @@ export class FormCategoryFilter {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: '67e0c4e7c2be49eabfa299204d5c76f3ad4fd778' }, h("div", { key: '2edae8c98f0b70ea19d830cd1e0288b0a2c6b820', class: {
+        return (h(Host, { key: '546117d0885502aef20ee5e1c3027a14c038dd8b' }, h("div", { key: '1ebd8d6a3f18b0248556783f8b7cecd984dbcc8d', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -100,7 +100,7 @@ export class FormCategoryFilter {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '5e2cfb74aea26a4420dda35926ee363634123c43' }, h("digi-button", { key: '4e17efbdcc8d395a9d343d9d735745d2b4a2b4a8', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: 'f0dae2df00b4c6484f54995352eb6411d4d568da' }, h("digi-button", { key: '1dc1028d7e7407ee724c294e02c52246f39e6025', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }