@spw-ds/spw-stencil-library 1.9.0 → 1.10.0

package/dist/collection/components/spw-accordion/spw-accordion-item/spw-accordion-item.js

@@ -122,7 +122,7 @@ export class SpwAccordionItem {
         };
     }
     render() {
-        return (h(Host, { key: 'fae35ca64b4e5f5ca1e2a3258c27ee5a22f42169', class: this.elementClass }, h("div", { key: '80d389dcaaced3514bcaa82af21d11bfbb0d4fd8', class: "spw-accordion-item__content" }, h("a", { key: '1b082f43e6209d484aa5ea30d9a6c8c8628c1468', href: "#", class: this.elementChildClass, onClick: event => this.handleClick(event) }, h("slot", { key: 'bd70618ebbf5176183c8f0078f3eca92f8eb2c9c', name: "title" })), h("slot", { key: '5760bcc928f455747ee43355781468266afdad94', name: "content" }))));
+        return (h(Host, { key: '69b60bf0cd736625235515fd57361241d9d10a37', class: this.elementClass }, h("div", { key: 'e120a46387ee18197e694695015e5fa6e4fa1eed', class: "spw-accordion-item__content" }, h("a", { key: '5c4c423ed69c27637a6ed8660149fa524fe46992', href: "#", class: this.elementChildClass, onClick: event => this.handleClick(event) }, h("slot", { key: '4ea4eb6e9393b5c306363ccf4295c1ea56991bcc', name: "title" })), h("slot", { key: '0fbd31bf7ebd94f60ab95d9f9222ec96419bc709', name: "content" }))));
     }
     static get is() { return "spw-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-accordion/spw-accordion-title/spw-accordion-title.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-accordion/spw-accordion-title/spw-accordion-title.js

@@ -7,7 +7,7 @@ export class SpwAccordionTitle {
     render() {
         const TagType = this.tag;
         const iconElement = this.icon ? h("spw-icon", { icon: this.icon }) : null;
-        return (h(Host, { key: '10315f8302c9fc83f90501b9690efd5105e1c145' }, h("div", { key: '5c235dc00d04f2d4ee1a19fc2afd8c718c7df2e1', class: "spw-accordion-title" }, h("div", { key: '0327c99d34cb4bf59aa4d7e66958ddebcb5fb91a', class: "spw-accordion-title__content" }, h("div", { key: '8b9766613c7302965a9cd54b08c7b44c096501f4', class: "spw-accordion-title__flex" }, h(TagType, { key: 'a171281ca36420b428ec2a960cea603bac2c10a3', class: "spw-accordion-title__flex-title" }, iconElement && h("div", { key: '6476f8d0c71dfb9657647fba89c4c3232332b7cc', class: "spw-accordion-title__icon" }, iconElement), h("div", { key: '940dbaf0ccc0993db45ce8a447c57ca9003c4f82' }, h("slot", { key: '980714bf662526de08fcb5612837c5e2b9276c5f' }))), h("slot", { key: '907fd82e9dc17d175943077b2cf23d0015dd7d10', name: "right" })), h("span", { key: '141b58994e48f250c2c1028770802cd85f4b024f', class: "spw-accordion-title__trigger" }, h("spw-icon", { key: '823135a846b47e513dd903d255d8ed8c07bb40df', icon: "fa-chevron-down" }))))));
+        return (h(Host, { key: '988c04765e0b571fbc812940599ac1c1ebbc1fab' }, h("div", { key: '39e914fd74e15d7ca031c0c7452e01ef10d7a515', class: "spw-accordion-title" }, h("div", { key: '4ca824df51162290d285dce9e58219c394465d40', class: "spw-accordion-title__content" }, h("div", { key: '71ec441cb57f0da4a252b56830a433fb97ae0570', class: "spw-accordion-title__flex" }, h(TagType, { key: '44cfdb276cba76512b8418058b3d8f97d35ccc53', class: "spw-accordion-title__flex-title" }, iconElement && h("div", { key: 'b3c3b70b648985cefb1a83c0d9a1436ea89c7209', class: "spw-accordion-title__icon" }, iconElement), h("div", { key: '24edd4745ce2cfd4a9bd803aaa3d150552ab0a2b' }, h("slot", { key: '09e26f75b7276aaca8b349afaab3496e583cdf63' }))), h("slot", { key: 'ce27e5d10c579bc53d4cacecd305b4dbf66f5686', name: "right" })), h("span", { key: '4cec1811d0d32b05fde777683fc32118331aa326', class: "spw-accordion-title__trigger" }, h("spw-icon", { key: 'd40afb6309a5ae78117c777fec20f0b988dbe4db', icon: "fa-chevron-down" }))))));
     }
     static get is() { return "spw-accordion-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-accordion/spw-accordion.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-accordion/spw-accordion.js

@@ -34,7 +34,7 @@ export class SpwAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '1aa574de7989961f983506bdb9ddb75b700ff097' }, h("div", { key: 'eed93da917cd21d51a5bb3885a94689bb787d7a7', class: "spw-accordion" }, h("slot", { key: '7ba91af2f9e43f760382a49203581521570ac233' }))));
+        return (h(Host, { key: '7c10ab11b81918875949da391db82e87a8d24b17' }, h("div", { key: 'bd5bf3adec93045aa686661378709c5992f5be37', class: "spw-accordion" }, h("slot", { key: '4972dcf02c2c8db181ef406cb6d40080ab3351ad' }))));
     }
     static get is() { return "spw-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-avatar/spw-avatar.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-avatar/spw-avatar.js

@@ -27,7 +27,7 @@ export class SpwAvatar {
         return {};
     }
     render() {
-        return (h(Host, { key: '9dfb7a4a893699e66c22ad0eafcf94be63b3fe9b', class: this.hostClass, style: this.avatarStyle, role: "img", "aria-label": this.accAriaLabel || this.initials || 'Avatar' }, !this.image && this.initials && h("span", { key: '8ba449594d4f1139c2878e57bbc3ed15473b969c', class: "spw-avatar__initials" }, this.initials), this.bubble && h("span", { key: '7fbfad61c465152f505ee1b5bfb1d796fe2cb8b6', class: "spw-avatar__bubble" }, this.bubble)));
+        return (h(Host, { key: '4d988835f693d8deab22600b3a1227c6726c8299', class: this.hostClass, style: this.avatarStyle, role: "img", "aria-label": this.accAriaLabel || this.initials || 'Avatar' }, !this.image && this.initials && h("span", { key: '9b9607491c1520518fda6cbc921cc168841b95e8', class: "spw-avatar__initials" }, this.initials), this.bubble && h("span", { key: '4bc8773c450af6efdd2b3a2ad50b9f52e5c503ad', class: "spw-avatar__bubble" }, this.bubble)));
     }
     static get is() { return "spw-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-block-content/spw-block-content.css

@@ -39,7 +39,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-block-content/spw-block-content.js

@@ -45,7 +45,7 @@ export class SpwBlockContent {
         return (h("div", { class: "spw-block-content__callout", style: style }, this.imageSrc && (h("div", { class: "spw-block-content__image" }, h("img", { src: this.imageSrc, alt: this.imageAlt || '' }))), h("div", { class: "spw-block-content__content" }, h("slot", null))));
     }
     render() {
-        return (h(Host, { key: '5aa87956a441ab3c5b6bda6b1e53da013f053a4b', class: this.elementClass }, this.variant === 'blockquote' && this.renderBlockquote(), (this.variant === 'banner-landscape' || this.variant === 'banner-portrait') && this.renderBanner(), this.variant === 'callout' && this.renderCallout()));
+        return (h(Host, { key: '33bb9982a6314a8c58b8c5c2b5a4c9ca30d974f3', class: this.elementClass }, this.variant === 'blockquote' && this.renderBlockquote(), (this.variant === 'banner-landscape' || this.variant === 'banner-portrait') && this.renderBanner(), this.variant === 'callout' && this.renderCallout()));
     }
     static get is() { return "spw-block-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js

@@ -35,7 +35,7 @@ export class SpwBreadcrumbItem {
         this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);
     }
     render() {
-        return (h(Host, { key: '62170b372e3af41044400421f155fa743e04e101' }, h("div", { key: '8a93c5cb0dbcfef7ff3a3470ed97a52c682bd314', role: "listitem", class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
+        return (h(Host, { key: 'a07d5ca9937a66747f3a57b1aaec669cb8739852' }, h("div", { key: '59635c4d896f644da3fbac9e15f9318f667d1bde', role: "listitem", class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
     }
     static get is() { return "spw-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js

@@ -43,7 +43,7 @@ export class SpwBreadcrumb {
             [`spw-breadcrumb--font-size-${this.fontSize}`]: true,
             [`spw-breadcrumb--${this.variant}`]: true,
         };
-        return (h(Host, { key: '3c9a8857160787a9a0d4aa057500fe41fe2f35df' }, h("nav", { key: 'cf96eef790f3db49323475acdffa002591001beb', "aria-label": this.accAriaLabel, class: elementClass }, h("div", { key: '98c6b384e02c4d3f57e41796e6e7470b2e4cef78', role: "list", class: "spw-breadcrumb__list" }, h("slot", { key: '1db5c67a34953c7f5b3d6c3ba0ce24fbdd52bbb9' })))));
+        return (h(Host, { key: '74660bd9340877c273c3c9c8753a8472da5ce1f3' }, h("nav", { key: '2d224aa0a9a5bba745ebd677397436e49ddae4a5', "aria-label": this.accAriaLabel, class: elementClass }, h("div", { key: '147da2b5f6255a234bf4a6497cae2d468b5396c1', role: "list", class: "spw-breadcrumb__list" }, h("slot", { key: '2aa870373a7a87824fcff249a5de6d18f1675ed9' })))));
     }
     static get is() { return "spw-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-button/spw-button.css

@@ -39,7 +39,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-button/spw-button.js

@@ -91,14 +91,14 @@ export class SpwButton {
             };
         const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;
         const iconClass = `spw-icon--${iconPosition}`;
-        const iconElement = this.icon ? h("spw-icon", { "icon-variant": this.iconVariant, class: iconClass, icon: this.icon }) : null;
+        const iconElement = this.icon ? h("spw-icon", { variant: this.iconVariant, class: iconClass, icon: this.icon }) : null;
         const isDisabled = this.disabled;
         const slotText = ((_a = this.el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || null;
         const ariaAttributes = {
             'aria-label': this.accAriaLabel || this.name || slotText || 'Label',
             'aria-disabled': isDisabled ? 'true' : null,
         };
-        return (h(TagType, Object.assign({ key: '4242ce609961abb30ccdc66e50c3af0a0eae9602' }, attrs, { class: this.elementClass, disabled: isDisabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, ariaAttributes), h("div", { key: 'da887f677a2be3ea6a945989ac8d66cf3e2f7bbb', class: "spw-button__inner" }, h("div", { key: '9e247b2225ab86e364d614801059cd34fd7403d2', class: "spw-button__inner-text" }, iconPosition === 'left' && iconElement, !this.isIconOnly && h("slot", { key: 'a345249b2b3a147e4c70ec43d8de632d175c4f46' }), iconPosition === 'right' && iconElement)), h("spw-loading", { key: 'f9d6f32380be6b1238ac6a7c3ce7fcad019d14e9', text: "" })));
+        return (h(TagType, Object.assign({ key: '52b8701f116fe4b1ff920ed71408fb03788fee15' }, attrs, { class: this.elementClass, disabled: isDisabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, ariaAttributes), h("div", { key: '4fd3618ed65bad0fa250ef34dbd99c56eb88c1c9', class: "spw-button__inner" }, h("div", { key: '3255b8f71c9398429a6408f6714b7d93d1e7618e', class: "spw-button__inner-text" }, iconPosition === 'left' && iconElement, !this.isIconOnly && h("slot", { key: 'cb87b37aa2f82e7c1f010e8d2449abb67c45cf51' }), iconPosition === 'right' && iconElement)), h("spw-loading", { key: 'f79d56fa8294cd5e67d5fc8d5598647ec708d996', text: "" })));
     }
     static get is() { return "spw-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-card/spw-card-content/spw-card-content.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { formatDate } from "../../../utils/utils";
 export class SpwCardContent {
     render() {
-        return (h("div", { key: '2c2fcc3b2e3d78df09ea2d116ba7aa27572ff73e', class: "spw-card-content" }, this.tag && h("span", { key: '1d12fbb8b97c86ec445a129cfc011150e35b8da1', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: 'd6dc084becca10d787823b57db1bac4776524603', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: 'd2e5d24d49ad9e51e443792ebfe876f7c56a2731' })));
+        return (h("div", { key: 'd9d47ad3877b66d9113b05050b68bf462b3ed017', class: "spw-card-content" }, this.tag && h("span", { key: '58af78f953da3fc3a6a5b1ce06563f4168353956', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: 'e34eac772387ff3d45eb52318009d6a79889525c', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '32b34558aa7762681135a1f978473c0d78529f3e' })));
     }
     static get is() { return "spw-card-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.js

@@ -13,7 +13,7 @@ export class SpwCardExcerpt {
         };
     }
     render() {
-        return (h(Host, { key: '6c429d9b3db9b3e04b84742f950d4b9885a014c7' }, h("div", { key: 'adbceaf382d03493c1aae9362607d08a2ef2062c', class: this.elementClass }, h("slot", { key: '686487cd3cbbef5883fe8d5fc3b0b3846cd155d2' }))));
+        return (h(Host, { key: 'df99c81e5c3fcb16f6cca1ef6ca3bae5252ff582' }, h("div", { key: '88c59ddb64c3f5ff1b6138ef461c6117b1ba9c02', class: this.elementClass }, h("slot", { key: '81de29562bda2fe379e217feb457db94686504f1' }))));
     }
     static get is() { return "spw-card-excerpt"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections
@@ -442,8 +442,8 @@ template {
   left: 0;
   width: 100%;
   height: 100%;
-  object-fit: cover;
-  object-position: center;
+  object-fit: var(--spw-card-image-object-fit, cover);
+  object-position: var(--spw-card-image-object-position, center);
 }
 .spw-card-image__icon:before {
   content: "";
@@ -524,8 +524,8 @@ template {
   left: 0;
   width: 100%;
   height: 100% !important;
-  object-fit: cover;
-  object-position: center;
+  object-fit: var(--spw-card-image-object-fit, cover);
+  object-position: var(--spw-card-image-object-position, center);
 }
 
 :host(.--sidebar) {
@@ -545,8 +545,8 @@ template {
   left: 0;
   width: 100%;
   height: 100% !important;
-  object-fit: cover;
-  object-position: center;
+  object-fit: var(--spw-card-image-object-fit, cover);
+  object-position: var(--spw-card-image-object-position, center);
 }
 
 :host(.--highlighted) {
@@ -576,8 +576,8 @@ template {
   left: 0;
   width: 100%;
   height: 100% !important;
-  object-fit: cover;
-  object-position: center;
+  object-fit: var(--spw-card-image-object-fit, cover);
+  object-position: var(--spw-card-image-object-position, center);
 }
 
 :host(.--video.--hovered):after {

package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js

@@ -44,7 +44,13 @@ export class SpwCardImage {
         if (this.ratioDesktop) {
             style['--spw-card-image-ratio-desktop'] = this.ratioDesktop;
         }
-        return (h("div", { key: '99a420e6d6504a680e042962bef1515fd69e3478', class: this.elementClass, style: style }, this.label && h("span", { key: '987cf7aa45cca97688e1ab1875f6ad2f18cca83c', class: "spw-card-image__label" }, this.label), h("slot", { key: '9fa9212f1177b61ea60b2fbadb3bafdc044a97b5' }), h("div", { key: '9e2c8cc0e80f22fd0691c6ab651a2b56cedacde9', class: "spw-card-image__icon" }, h("spw-icon", { key: 'a33dc1ba20503731a718f652097a056f9059f07c', icon: "fa-plus" }))));
+        if (this.imagePosition) {
+            style['--spw-card-image-object-position'] = this.imagePosition;
+        }
+        if (this.imageFit) {
+            style['--spw-card-image-object-fit'] = this.imageFit;
+        }
+        return (h("div", { key: 'e1f2601d8b5dc598c49ea7f5551147425c6580ab', class: this.elementClass, style: style }, this.label && h("span", { key: '194e4631adabd4e0614987cbbbd5299a6969ee5a', class: "spw-card-image__label" }, this.label), h("slot", { key: '7de001872d27c26a234a63ebeff2aaa41df007a9' }), h("div", { key: 'a0ce9899948e03a8b845d41fe9c52a720209a1aa', class: "spw-card-image__icon" }, h("spw-icon", { key: 'b713d4db6e672f081587afc829b2040a5ac5a71e', icon: "fa-plus" }))));
     }
     static get is() { return "spw-card-image"; }
     static get encapsulation() { return "shadow"; }
@@ -154,6 +160,44 @@ export class SpwCardImage {
                 "setter": false,
                 "reflect": false,
                 "attribute": "ratio-desktop"
+            },
+            "imagePosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Position de l'image (object-position), ex: 'top', 'center', 'bottom right'"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "image-position"
+            },
+            "imageFit": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Redimensionnement de l'image (object-fit)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "image-fit"
             }
         };
     }

package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.js

@@ -12,7 +12,7 @@ export class SpwCardSubtagItem {
         };
     }
     render() {
-        return (h(Host, { key: '9af637b294bc0fa88b1114846e378be0052e8710' }, h("span", { key: 'aca8582fe5aa57a98c377a9d72842dcd025b4e05', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: '1de78f781b517956870720a4e414a07c414ac6db' }))));
+        return (h(Host, { key: '309176a0b6b7137b9e20b206dd6d6adcc9bd0255' }, h("span", { key: 'f4cac2ead07892cd662d0d6b4e7a90f9599da6c3', class: this.elementClass, onClick: () => this.handleClick() }, h("slot", { key: '39e95ca92d83f970698ec818738a7e8063173555' }))));
     }
     static get is() { return "spw-card-subtag-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js

@@ -26,7 +26,7 @@ export class SpwCardSubtags {
         };
     }
     render() {
-        return (h(Host, { key: '6acdf44537f3fe253a660c42bcd49747c174b259' }, h("div", { key: 'cbd71216edf3195d757859cc4b8813aca0fb4634', class: this.elementClass }, h("slot", { key: '7ab3d0c3bd911f659eaab8577a9ef27a5263be7e' }))));
+        return (h(Host, { key: 'c23d50a99ea5e9368ea09cca0751bb5ce549b0b0' }, h("div", { key: '3c17f1cf831107c7ce5811fe468ea53ab10f7ce4', class: this.elementClass }, h("slot", { key: '60ac08dbac2350180fb8e3590e096dc24a641979' }))));
     }
     static get is() { return "spw-card-subtags"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-card/spw-card-title/spw-card-title.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-card/spw-card-title/spw-card-title.js

@@ -5,7 +5,7 @@ export class SpwCardTitle {
         this.borderColor = '';
     }
     render() {
-        return (h(Host, { key: 'ed14489eda79f574bb4464af65eaaa1504eb8ccd', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: '47e51dddf149cbd95512495f5813148fa9f53cba', class: "spw-card-title" }, h("span", { key: '4d47a9766c2a209a4095fb7d472b40f1c1eae80f', class: "spw-card-title__text" }, h("slot", { key: 'a35dfd22138be0fbd403ee908e20e7c542659f98' })))));
+        return (h(Host, { key: '4356c7ad9d0981bded5d7debabb2364ef36e8087', style: { '--spw-card-title-border-color': this.borderColor } }, h("h3", { key: '983eeef1db06a2eb721929a8d944b3e8301ab1f4', class: "spw-card-title" }, h("span", { key: 'f4fe9fa98b1a6800c45d1a9cae5a83ca29e2a49b', class: "spw-card-title__text" }, h("slot", { key: 'bf4b013493f59213aeead1db37aea00fcd186bea' })))));
     }
     static get is() { return "spw-card-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-card/spw-card.css

@@ -39,7 +39,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-card/spw-card.js

@@ -120,7 +120,7 @@ export class SpwCard {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (h(Host, { key: 'a40ca4684fd0b73eabdba58b4d59dbd18b2676a3', class: { '--is-full-height': this.fullHeight } }, h("article", { key: '3b9b6460c69201c27e416c1dbadd5686e3a01bfc', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: 'fc00c807b2500988de46bc84b9f74b8b0e4d49a4' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '6fca1dbdc58b345ca8683fc9bdfed31a82241cee', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '07c73a061e0cd2f223e67b36de0dd66d2c39e4d2', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '67b8338341be65711bc605f3db233a954708666e' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: 'ce06b59ae1a8c729c9831081e1a7b7adc5c5dc61' })))));
+        return (h(Host, { key: '1e65d1bc2a62ed8206c9c7410745ac59f7ec1e64', class: { '--is-full-height': this.fullHeight } }, h("article", { key: 'fc543b93cf3119a054f24efcfb4525f6ef3834b1', class: this.elementClass }, variant === 'event' && (h(TagType, Object.assign({ key: '9c0ad157e2d6f679256b0e041073f1471ad20b9f' }, attrs, { class: "spw-card__dates" }), dateStart && h("div", { key: '7262fcf08eb53b3f99875b02f400a36ffe742875', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && h("div", { key: '41774d02ebe77b9a47c5ba42e27595f62d2c8fb1', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), h(TagType, Object.assign({ key: '14c0955bc08e9d6843c52b0bd83d8f11311023a1' }, attrs, ariaAttributes, { class: "spw-card__link" }), h("slot", { key: '2304c972c6093712e23cd42c83bc2a539592d7ee' })))));
     }
     static get is() { return "spw-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-checkbox/spw-checkbox.css

@@ -39,7 +39,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-checkbox/spw-checkbox.js

@@ -81,7 +81,7 @@ export class SpwCheckbox {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: '99bf5a7027aaa9f09bc6a0e55bb60a7469848fc5', class: "spw-checkbox" }, h("input", { key: '712c81629b8a498d48befbb1571ce10dd52de89b', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '4b849e52cee771bd0c242842fb92a15f441ac1ec', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: e => this.handleCheckbox(e) }, h("slot", { key: 'd766bae2995612c4b09aedf6337d6dd67447aba9' }))), h("div", { key: '0620b906667f2c7b40551129bcb63a48d88d552c', tabindex: this.disabled ? -1 : 0, onClick: e => this.handleCheckbox(e), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.name || 'Label', class: this.elementClass }, this.internalChecked && h("spw-icon", { key: '1a4fb292ee263daa07bd7bf09599ca5ecae16840', icon: this.icon }))));
+        return (h("div", { key: '582b2be76ef1d6f6e3745d101890273f7da93c3a', class: "spw-checkbox" }, h("input", { key: '5c1f0b221630d79ede871e706c9b6d2b69ee1640', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'b367080ce55a471da523cb25861c91257411d126', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: e => this.handleCheckbox(e) }, h("slot", { key: '3937b902915829abfaf1a35d37593ae307fec6fc' }))), h("div", { key: 'e57ad772ab11186f2f85eb2432e77c3bff037d6b', tabindex: this.disabled ? -1 : 0, onClick: e => this.handleCheckbox(e), onKeyDown: this.handleKeydown.bind(this), role: "checkbox", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.name || 'Label', class: this.elementClass }, this.internalChecked && h("spw-icon", { key: '7e6173005dbfc06ded6d786a176f60c5674173d5', icon: this.icon }))));
     }
     static get is() { return "spw-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-cookies/spw-cookies.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

package/dist/collection/components/spw-custom-select/spw-custom-select.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections
@@ -506,13 +506,15 @@ template {
   pointer-events: auto;
   cursor: pointer;
   padding: 2px;
-  border: 2px var(--spw-color-themes-grey-grey-900) solid;
-  border-radius: 50%;
-  font-size: 12px;
+  font-size: 16px;
+  transition: all 0.2s ease-in;
+}
+.spw-custom-select__clear:hover {
+  color: var(--spw-ds-primary);
 }
 .spw-custom-select__arrow {
   font-size: 16px;
-  color: var(--spw-color-themes-grey-grey-600);
+  color: var(--spw-color-themes-grey-grey-900);
   pointer-events: none;
 }
 .spw-custom-select__wrapper {
@@ -567,26 +569,7 @@ template {
   background-color: #fff;
   border: 1px solid var(--spw-color-themes-grey-grey-800);
   border-radius: 0 0 4px 4px;
-  max-height: 200px;
-  overflow-y: auto;
-}
-.spw-custom-select__options::-webkit-scrollbar {
-  width: 14px;
-  height: 14px;
-}
-.spw-custom-select__options::-webkit-scrollbar-thumb {
-  background: var(--spw-color-themes-grey-grey-400);
-  border-radius: 20px;
-  border: 4px solid var(--spw-ds-white);
-}
-.spw-custom-select__options::-webkit-scrollbar-track {
-  background: var(--spw-ds-white);
-}
-.spw-custom-select__options {
-  scrollbar-face-color: var(--spw-color-themes-grey-grey-400);
-  scrollbar-track-color: var(--spw-ds-white);
-}
-.spw-custom-select__options {
+  overflow: hidden;
   z-index: 9999;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
@@ -623,6 +606,31 @@ template {
 .spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed) {
   margin-top: -46px;
 }
+.spw-custom-select__options-list {
+  max-height: 200px;
+  overflow-y: auto;
+}
+.spw-custom-select__options-list::-webkit-scrollbar {
+  width: 14px;
+  height: 14px;
+}
+.spw-custom-select__options-list::-webkit-scrollbar-thumb {
+  background: var(--spw-color-themes-grey-grey-400);
+  border-radius: 20px;
+  border: 4px solid var(--spw-ds-white);
+}
+.spw-custom-select__options-list::-webkit-scrollbar-track {
+  background: var(--spw-ds-white);
+}
+.spw-custom-select__options-list {
+  scrollbar-face-color: var(--spw-color-themes-grey-grey-400);
+  scrollbar-track-color: var(--spw-ds-white);
+}
+.spw-custom-select__options-footer {
+  border-top: 1px solid var(--spw-color-themes-grey-grey-900);
+  padding: 8px;
+  background-color: #fff;
+}
 .spw-custom-select__no-results {
   padding: 12px;
   cursor: not-allowed;