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

package/dist/collection/components/spw-input-slider/spw-input-slider.js

@@ -256,7 +256,7 @@ export class SpwInputSlider {
     }
     render() {
         const rangeStyle = this.getRangeStyle();
-        return (h(Host, { key: 'f3f5ccf6e659b680c804b7b92cffd19a1676f7e2' }, h("div", { key: '10c24ab3735f818f36196af4158569bd2972718e', class: this.elementClass }, this.label && (h("spw-field-label", { key: '1be2a263860d6e1e8af1c53be2d39135206524c9', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: 'f464559e3b382bfff1fe4e99bc616533e2a89703', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'ab59f5a9b43680c54b3b5c504fd8d5b7a9196c2d', class: "spw-input-slider__container" }, h("div", { key: 'ef75d2f06a3f085ce568b2e9546183f4bf12113a', class: "spw-input-slider__track", ref: el => (this.sliderRef = el), onMouseDown: e => this.handleMouseDown(e, null), onTouchStart: e => this.handleMouseDown(e, null), "aria-label": this.accAriaLabel || this.name || this.label, role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": typeof this.internalValue === 'number' ? this.internalValue : undefined, "aria-disabled": this.disabled }, h("div", { key: '5b2d6abd27bca7c7449608cd72b3cb389289f35c', class: "spw-input-slider__range", style: rangeStyle }), this.range && Array.isArray(this.internalValue) ? ([
+        return (h(Host, { key: '217f406c8e3b5b5c4f5913d388fdafea68cd56ed' }, h("div", { key: '491d2ec19b76de95d3cbb76c49405a6a7b57a172', class: this.elementClass }, this.label && (h("spw-field-label", { key: '9e22ea2f8cef0b357ae30c04f6ebeaac644271d4', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '4a04781d4d0e4344b02ff0477342afddfb87bb39', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '268fe49b093e49ea2558f27ab57d998972db75bd', class: "spw-input-slider__container" }, h("div", { key: '5130f875a03bfae4d8f9b5e1ac2c5115ef836e36', class: "spw-input-slider__track", ref: el => (this.sliderRef = el), onMouseDown: e => this.handleMouseDown(e, null), onTouchStart: e => this.handleMouseDown(e, null), "aria-label": this.accAriaLabel || this.name || this.label, role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": typeof this.internalValue === 'number' ? this.internalValue : undefined, "aria-disabled": this.disabled }, h("div", { key: '19a70a413fecd48ff029edb726aec225bc0afcd7', class: "spw-input-slider__range", style: rangeStyle }), this.range && Array.isArray(this.internalValue) ? ([
             h("div", { key: "handle-min", class: "spw-input-slider__handle spw-input-slider__handle--min", style: this.orientation === 'horizontal'
                     ? { left: `${this.getHandlePosition(this.internalValue[0])}%` }
                     : { bottom: `${this.getHandlePosition(this.internalValue[0])}%` }, onMouseDown: e => this.handleMouseDown(e, 'min'), onTouchStart: e => this.handleMouseDown(e, 'min') }, this.hasTooltip && h("div", { class: "spw-input-slider__tooltip" }, this.internalValue[0])),

package/dist/collection/components/spw-link/spw-link.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
@@ -379,6 +379,8 @@ template {
 :host {
   /** @prop --spw-link-display: Mode d'affichage du lien */
   --spw-link-display: inline;
+  /** @prop --spw-link-wrap: Passage à la ligne */
+  --spw-link-wrap: wrap;
   /** @prop --spw-link-color: Couleur du lien */
   --spw-link-color: var(--spw-ds-primary);
   /** @prop --spw-link-hover-color: Couleur du lien au survol */
@@ -394,6 +396,7 @@ template {
 .spw-link {
   display: var(--spw-link-display);
   text-decoration: none;
+  text-wrap: var(--spw-link-wrap);
   cursor: pointer;
   color: var(--spw-link-color);
   border-radius: 4px;

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

@@ -34,7 +34,7 @@ export class SpwLink {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (h("a", Object.assign({ key: '65500cef3ffeeab393dbc4bdb65e95830ab1a404', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'f4e7a6476c1412f22b0d9b43792186268662db4d', class: "spw-link__inner" }, h("slot", { key: 'ee8b067ffb28e78aa261ef70b016ddb94ead55c0' })), iconPosition === 'right' && iconElement));
+        return (h("a", Object.assign({ key: '81ead43de0f01bc168682e40c9b4c748854ce523', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'fa57bbddbab9e53afd31a8af6047e9e8897d18f6', class: "spw-link__inner" }, h("slot", { key: 'f603632d82ebf163e6776f903209f3e39a04978a' })), iconPosition === 'right' && iconElement));
     }
     static get is() { return "spw-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list-description/spw-list-description.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-list/spw-list-description/spw-list-description.js

@@ -9,7 +9,7 @@ export class SpwListDescription {
         };
     }
     render() {
-        return (h(Host, { key: '720b282ecde9df5d8479467910836a8d33ec7a87' }, h("div", { key: '1e143f9728628b11be5d1c7600290a9a81841a57', class: this.elementClass }, h("slot", { key: 'e080304b8980c9909bc44b8228b020a42c0c4f81' }))));
+        return (h(Host, { key: '4a5332f1e2d248434476bf4db340c2134b0f4721' }, h("div", { key: '185346b31af0b07cec1053ebab48db7308ecaef4', class: this.elementClass }, h("slot", { key: '3f2719c69ee614f95cec8a489bd72f096d4f36f3' }))));
     }
     static get is() { return "spw-list-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list-item/spw-list-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
@@ -388,9 +388,6 @@ template {
 :host(.--dark) .spw-list-item {
   color: var(--spw-ds-white);
 }
-.spw-list-item--hoverable:hover {
-  transform: translateX(5px);
-}
 .spw-list-item a {
   text-decoration: none;
 }

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

@@ -106,7 +106,7 @@ export class SpwListItem {
                 href,
                 target,
             };
-        return (h(Host, { key: '1127ccb2fbe7b6089d4d204954dd62fc732ad35b' }, h("li", { key: 'e27994831fd4d9e822f3965a5b717447f1111594', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: '24b24b9b7473ee44a9087a263b2aaac68d4588fe', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '28cb8fbb60f5477f2d3987bc1dd8a3a2ec8fc4b3', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: 'b179fd8a6a20642f45794827e60175b794eae5cd' }, attrs), h("slot", { key: '0736948a1637037e5ef414bd2e9e2c5671715bfe' })))));
+        return (h(Host, { key: '662b909f71f23809c141d8e2dfb6413a0a235969' }, h("li", { key: 'bb02af051d7d8cb93d1b431bdf3371f195cb0ffd', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: 'd97431c82a628d893aab566c8d51a69697289068', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '84129ca0bdf8f0c6adbd1a25f71ced40af286bdf', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: '28e527f23990fecde3202ef59f8a1128c6cea481' }, attrs), h("slot", { key: '8b85bc0a8f1197a9d7b0abfd2030634665a5d266' })))));
     }
     static get is() { return "spw-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list-title/spw-list-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
@@ -377,7 +377,7 @@ template {
 
 .spw-ds-typography,
 [class*=spw-ds-typography-] {
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* display */

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

@@ -10,7 +10,7 @@ export class SpwListTitle {
         };
     }
     render() {
-        return (h(Host, { key: 'a5f24bd75931714693ae2ced4f01f4847275c3e4' }, h("div", { key: '614767943e5b77447c9f1c87390e4c636bd08ee7', class: this.elementClass }, this.icon && h("spw-icon", { key: '71ff77aa5ca3ae5911046285bd7d38d86ceac9fd', icon: this.icon }), h("div", { key: 'a5b325ef4ee4ed8f9a025454491398c461893cfa', class: "spw-list-title__content" }, h("div", { key: '23ce13950426f1458c2b08a5443c11c8fd42348c', class: "spw-list-title__content-text" }, h("slot", { key: '874aba8dba232c10858434299e94a66fef2a301c' }))))));
+        return (h(Host, { key: 'ce6e2bbd063e23c608b9e6f3f0c368623684be42' }, h("div", { key: '9e20233152287400360e0fc39fe70985e311361e', class: this.elementClass }, this.icon && h("spw-icon", { key: '00831e745b11851cc21a3f9c9f0f4732b7434814', icon: this.icon }), h("div", { key: 'b2d44072041b823f9c341b5db95a5a9dbaaf0930', class: "spw-list-title__content" }, h("div", { key: '53c54c2d64cf6edd902b0b0a20f4529d392c0cc4', class: "spw-list-title__content-text" }, h("slot", { key: '6ce351d9ca3b4d060d027c4519bd354e4cf99a52' }))))));
     }
     static get is() { return "spw-list-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-list/spw-list.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-list/spw-list.js

@@ -29,7 +29,7 @@ export class SpwList {
         };
     }
     render() {
-        return (h(Host, { key: '64fce31aef674649cbeff92ef49939fb4fe3f01d' }, h("ul", { key: '89f22155d38fb2f21c73ff1de5acd6a1144bd854', role: "list", class: this.elementClass }, h("slot", { key: '964c000552e382f7048cad31d248818d922a20a7' }))));
+        return (h(Host, { key: '5783a5ea988594e0ac7630ffefbb296ac9105e34' }, h("ul", { key: 'd57ec4255cfef3bf1816fcaf529459023f45f978', role: "list", class: this.elementClass }, h("slot", { key: 'd8756ca6497a8bd6065ad810271b5f11cad1ac92' }))));
     }
     static get is() { return "spw-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-loading/spw-loading.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
@@ -381,10 +381,13 @@ template {
   --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);
   /** @prop --spw-loading-spinner-color: Couleur du spinner */
   --spw-loading-spinner-color: var(--spw-ds-primary);
+  /** @prop --spw-loading-text-color: Couleur du texte */
+  --spw-loading-text-color: var(--spw-color-themes-grey-grey-800);
 }
 
 .spw-loading {
   display: flex;
+  align-items: center;
 }
 .spw-loading__spinner {
   width: 20px;
@@ -400,6 +403,65 @@ template {
   }
 }
 .spw-loading__text {
+  font-size: 14px;
+  color: var(--spw-loading-text-color);
+}
+.spw-loading--light {
+  --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);
+  --spw-loading-spinner-color: var(--spw-ds-primary);
+  --spw-loading-text-color: var(--spw-color-themes-grey-grey-800);
+}
+.spw-loading--dark {
+  --spw-loading-border-color: rgba(255, 255, 255, 0.3);
+  --spw-loading-spinner-color: var(--spw-color-themes-grey-grey-50);
+  --spw-loading-text-color: var(--spw-color-themes-grey-grey-50);
+}
+.spw-loading--small .spw-loading__spinner {
+  width: 16px;
+  height: 16px;
+  border-width: 3px;
+}
+.spw-loading--small .spw-loading__text {
+  font-size: 12px;
+  margin-left: 6px;
+}
+.spw-loading--medium .spw-loading__spinner {
+  width: 20px;
+  height: 20px;
+  border-width: 4px;
+}
+.spw-loading--medium .spw-loading__text {
+  font-size: 14px;
   margin-left: 8px;
-  color: var(--spw-color-themes-grey-grey-800);
+}
+.spw-loading--large .spw-loading__spinner {
+  width: 30px;
+  height: 30px;
+  border-width: 5px;
+}
+.spw-loading--large .spw-loading__text {
+  font-size: 16px;
+  margin-left: 8px;
+}
+.spw-loading--extra-large .spw-loading__spinner {
+  width: 36px;
+  height: 36px;
+  border-width: 6px;
+}
+.spw-loading--extra-large .spw-loading__text {
+  font-size: 18px;
+  margin-left: 12px;
+}
+.spw-loading--horizontal {
+  flex-direction: row;
+}
+.spw-loading--horizontal .spw-loading__text {
+  margin-top: 0;
+}
+.spw-loading--vertical {
+  flex-direction: column;
+}
+.spw-loading--vertical .spw-loading__text {
+  margin-left: 0;
+  margin-top: 8px;
 }

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

@@ -3,9 +3,23 @@ export class SpwLoading {
     constructor() {
         /** Permet de spécifier un texte de chargement */
         this.text = 'Chargement...';
+        /** Surface du composant (light ou dark) */
+        this.surface = 'light';
+        /** Taille du composant */
+        this.size = 'medium';
+        /** Orientation du composant (horizontal ou vertical) */
+        this.orientation = 'horizontal';
+    }
+    get loadingClasses() {
+        return {
+            'spw-loading': true,
+            [`spw-loading--${this.surface}`]: true,
+            [`spw-loading--${this.size}`]: true,
+            [`spw-loading--${this.orientation}`]: true,
+        };
     }
     render() {
-        return (h(Host, { key: '62143d433b0304460e7f8f0efdac25a7463f5642' }, h("div", { key: '9f333a31c25457039c54ccea2c7db76fbffa3ab4', class: "spw-loading" }, h("div", { key: '39c3f2213203b1c9196fa8ce8737d94eff568b76', class: "spw-loading__spinner" }), this.text && h("p", { key: 'c74ed353edb5e5cc7a1d69ff293736a3d9de13bb', class: "spw-loading__text" }, this.text))));
+        return (h(Host, { key: 'b796d3acc998bc5f8bee17dfe64a02fcd6bba9e6' }, h("div", { key: '5f390709fef6206d7f9fff7e81ddbeb9f79a069e', class: this.loadingClasses }, h("div", { key: '41a913eaabcb1b7ba8b5b55aa5d20c923690bf04', class: "spw-loading__spinner" }), this.text && h("p", { key: '09dceda5ee6780cc1b93d0a6a5341d0be9f80a1b', class: "spw-loading__text" }, this.text))));
     }
     static get is() { return "spw-loading"; }
     static get encapsulation() { return "shadow"; }
@@ -40,6 +54,66 @@ export class SpwLoading {
                 "reflect": false,
                 "attribute": "text",
                 "defaultValue": "'Chargement...'"
+            },
+            "surface": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Surface du composant (light ou dark)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "surface",
+                "defaultValue": "'light'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'small' | 'medium' | 'large' | 'extra-large'",
+                    "resolved": "\"extra-large\" | \"large\" | \"medium\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Taille du composant"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "'medium'"
+            },
+            "orientation": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'horizontal' | 'vertical'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Orientation du composant (horizontal ou vertical)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "orientation",
+                "defaultValue": "'horizontal'"
             }
         };
     }

package/dist/collection/components/spw-message/spw-message.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-modal/spw-modal.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
@@ -539,10 +539,11 @@ template {
   justify-content: center;
   background: white;
   padding: 3px 6px;
+  margin-bottom: 1px;
 }
 .spw-modal__close-button spw-link {
   --spw-link-color: var(--spw-colors-support-grey-grey-900);
-  --spw-link-display: flex;
+  --spw-link-wrap: nowrap;
 }
 .spw-modal__close-button--sticky {
   position: absolute;
@@ -593,21 +594,17 @@ template {
   padding-top: 0;
 }
 
+@media (min-width: 768px) {
+  .spw-modal__footer--buttons-present ::slotted(*) {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+  }
+}
 .spw-modal__footer--buttons-present ::slotted(*) {
-  display: flex;
-  justify-content: flex-end;
-  gap: 12px;
   padding: 24px;
   padding-top: 8px;
 }
-.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*) {
-  flex-direction: column;
-  gap: 8px;
-}
-.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*) {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
 
 .spw-modal__border {
   display: flex;

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

@@ -166,10 +166,13 @@ export class SpwModal {
         };
     }
     render() {
-        return (h(Host, { key: '6961323287aaa2ac2c831aabaed9259825cbc9bc' }, h("div", { key: '6d2397c7cb4346914d9afb8b44fb33e01c2f6fc4', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '19dff4efe47c80f54cea20483c622758e549cc36', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '5bd10998aaa1ce28f21beeac3bc018e773162528', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '97615fe1893c64ca8eae919a6faa9ee5315d200e', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: 'c343a6998646aeb093a304992656048ca295dbf4', class: "spw-modal__header" }, h("div", { key: 'b12e5106e31f0980fdff868d06878ab14705546c', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '2cdd3e2913687b366c94b514b9447a35ec3d6f42', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '6c994ac67f7921c09e61d8f85428acd33481030d', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: '29dc0900b9bac81187bfe1c8c7f1ae9ea66374aa', class: {
+        return (h(Host, { key: '1855ac934b7a8c56f6686988326e97fb3cecce4a' }, h("div", { key: '7ece796fcfdcee0f1b9c2404bdf8d0bad942c219', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '8e046cc0b8c4e486518e1c645f29fa1318a895f0', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: 'b9ed094d68f3c83218bd2efbaf617d258d8d3f62', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '587ed0ac36cc10efbcfed938e61f88e290710850', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: '07fe567dbbb2da41fc0564000f3cf2feca92a15c', class: "spw-modal__header" }, h("div", { key: '8c4f4d8a9d974e612aeebc73c764e5826bba75c0', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: 'ba3eb44290532b9320de6d85fbb6a439ea213ef8', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: 'af53bbeef539fafa901d65794302a532a43567b2', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: '469796b5d4fb58641b15e3ac91a5dd5eac264157', class: {
                 'spw-modal__close-button': true,
                 'spw-modal__close-button--sticky': this.isCloseButtonSticky,
-            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: 'd4b60fcee917eac029463f68e0758aae0716f183', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: '6d41416973bcb9f132fd91b230fcc7f0402c686c', class: "spw-modal__body" }, h("slot", { key: '0aa97063697328d3f096fad1b3bf537305cf676a', name: "content" })), h("div", { key: 'e6442c6edd885fb7140c85766d1f96f31d6ef388', class: "spw-modal__buttons" }, h("slot", { key: '4c8dbcf89eec3a8502b3e0107b35f134697e6fc8', name: "buttons" })))), h("div", { key: 'f84ed2841ce54fadf77ffc0106971a08cbfcf3e3', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '85a100cd8683dece79fe3382b0ed249f4218e892', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'b0b7cd9b193ddeefc0fc2116a7f72bb7449246a2', class: "spw-modal__body" }, h("slot", { key: '104fed7f324753a52027283df8c5b28b17f90c00', name: "content" })), h("div", { key: '3764ed78ab202706b6a435ba57c7e5e4627a3428', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: '6ba602b5471420d28a73e30ea3cba7cefc0917a3', name: "buttons", onSlotchange: (e) => {
+                const slot = e.target;
+                this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
+            } })))), h("div", { key: 'b74a655ac6ed1cc7346ce9769468abe2616a6bed', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     static get is() { return "spw-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.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-mosaic/spw-mosaic-item/spw-mosaic-item.js

@@ -45,7 +45,7 @@ export class SpwMosaicItem {
         }
     }
     render() {
-        return (h(Host, { key: 'cca36c5c6f756226b3c9de778c5732ddf2425529' }, h("slot", { key: 'f0691d1e489e6105af90c2b3691ea3fafce8ea28' })));
+        return (h(Host, { key: 'fed30e6ca58b35ae247f952abd847c1edd466247' }, h("slot", { key: '07d0dc2bbaf6846b63e4e37abb6e4a4d95529f20' })));
     }
     static get is() { return "spw-mosaic-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-mosaic/spw-mosaic.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-mosaic/spw-mosaic.js

@@ -136,7 +136,7 @@ export class SpwMosaic {
         };
     }
     render() {
-        return (h(Host, { key: '97bd5d303cacc206a27345bac048dc55d27d36c5' }, h("div", { key: '384183e662593940ad1f5e16563693eb70c55472', class: this.elementClass }, h("slot", { key: '69038aa321d4c0305d4627cd1f758b7efba4c2e6' }))));
+        return (h(Host, { key: '8e2d9de2a2561019aad73b3f9f7c1818e29506d6' }, h("div", { key: '1fc8f26f12b396ded27c4c50f4c68aad6b048b87', class: this.elementClass }, h("slot", { key: '6e5049edb10b6b8241737dfabca1eff998d78d23' }))));
     }
     static get is() { return "spw-mosaic"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-pagination/spw-pagination.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-pagination/spw-pagination.js

@@ -167,12 +167,12 @@ export class SpwPagination {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (h("li", { key: '85f0319e8088c980c62320c056778ba73c96b80e', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '8c8df5f973ddcd66d1d7c960e9cddaf2aaec6ee3', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '3aef97ee962bbf09840c1af18bb4438c9188367f', icon: "fa-chevron-left" }), " ", h("span", { key: '1f761b7cdf736fa0f788075a6b435b75a67b2561', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
-        const nextArrow = showNextArrow && (h("li", { key: 'e7e840153f35897bd1458a17ba29ce97413a3f22', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '631741da51e3fe2b3ac577843ae26f783106a56a', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: 'c271fdc06c852a09d1ebf70f75fd0ddc37aefcca', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '8ee2c4ff3c10222bb9cc92dff64a5b435b7b80ae', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'e689e7b06b9e79f89a94aa70bdafe720f8ff404b', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '24a27ada08f40ed5217ddf79a24f7a82d205b147', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'd3170efae730c447e9100517ac99829f4c8d0d6d', icon: "fa-chevron-left" }), " ", h("span", { key: '6439afd931e312691034c7c0a34a4b1008100f05' }, this.previousButtonText))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '9f35fc017b9b5359bd7d26ca0c36290ad6d03e47', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '5db338674f1091bf93f8cd7726c339eeb4fbe90d', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'af492555a2ce988de5fff52e4aa7029c737cbd7e' }, this.nextButtonText), " ", h("spw-icon", { key: '90fc3bd54e12b7ff9864088c73bf60319ac5eeac', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: '0f512587846ec2bdc770cab4c369a95dbc769d93', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: 'efeaab2312f2da0d10051473dd96d8951140cbb0' }, h("div", { key: 'a66bc21a26f147d62112a1b7037199dcc820182d', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: 'da2ac88b193f11dd8140baf963db01f8ddd0961b' }, h("ul", { key: 'ef08d21640159b5774365de69f36fc3aec3249fd' }, prevArrow, h("li", { key: '32ba92be38889f7a5bdb3dd0eb2658e4e63e2296', class: "spw-pagination__input" }, h("spw-text-field", { key: '9523d6de865b05ad656dfa73b3d2febf02721bd3', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: '61f715b3128848cfff0dafaab09680956c76347c', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'fd63827945293528c930a2c1ce84a9d39a0ac334' }, h("ul", { key: '5c54c14f43196744ad45859f6b27e280ce64d477' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: '81bbf9976205bf4e7e00dc443a0bd7c0fa8767e3', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'ac3093595fe8df4fca18788808bed5f43265421d', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '883f0b404f27388812bc2fe0a7e8080bd8839740', icon: "fa-chevron-left" }), " ", h("span", { key: '8370f9ed81b007af371c727e38286715c2759f06', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
+        const nextArrow = showNextArrow && (h("li", { key: '91c19bb9692d72ae59278a8c10069e36891687ba', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '005c11f84023b26bfa072b96278d66981a172581', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: 'c5a3aa223501d0b5f8ef72478a11031792ec6c74', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '0e2717d757c9bbfa039e3519eeec4cddbeb7a30c', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'cad96ddc8b7ce4494847d50819a710e8423b76e2', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'eb58ccbcebde64494d173cfc815ca58b1aa09f2c', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '28adf6711c0867478a652984ec5d280f6cec1956', icon: "fa-chevron-left" }), " ", h("span", { key: '7dd0b6299d4bdb9b7ffdf483a455250b29d2edf3' }, this.previousButtonText))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'beedbefcc74281c7c138ed3b219c062e42add226', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'b23b64864a2d88fe065afba97db6987e0b27cabf', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '7e491aae3585b55a5e131536182147461367cb4a' }, this.nextButtonText), " ", h("spw-icon", { key: '3663f8b8d468ea35e016b9a024f714045d6cc044', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: '5b9fb8fd38bc24ff95c7e793b79700a9c4347471', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: '7b30a2ca7a2615f38f26e187d066ebbd8d2743bc' }, h("div", { key: 'ab3cb54f386d1cea6644d6756185173ade5957a3', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: 'd73d4da92e4f2eed38e5a0ebdf225f85fadcf81a' }, h("ul", { key: '1304246d8d0ffa022eff82461c7f1a8502519b6d' }, prevArrow, h("li", { key: '2c122125d26343d31da57408817b4160fd603ada', class: "spw-pagination__input" }, h("spw-text-field", { key: 'ddcac38ca158072c70d7ee6a3fb55a1d7a7c9fc5', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: '3abb2833f7193f829444db18829cf4bb5d3db47e', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'fea836d1effbbb3f1275a44ea5d0a27f20441af3' }, h("ul", { key: '2fb0bf3ca34b2faf0ac513a32141e319e947ce80' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
             }

package/dist/collection/components/spw-radio/spw-radio.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-radio/spw-radio.js

@@ -92,7 +92,7 @@ export class SpwRadio {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: 'b2637f177583afa720663a1c89e38b7d1a8667e9', class: "spw-radio" }, h("input", { key: '77851158f40a622ef0031906086e1f617850db41', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'f83472ca9b2afd64e10a66a1f1bbb007b2dc91ca', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: 'e9ae0b33d51a10b296ca0ca4893149b0bcc38e55' }))), h("div", { key: '780558d378b7f4c198a18912fc9350c675cde012', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '71a5c47fa598531c18b5d0f8373f393d9a54d415', class: "spw-radio__circle" }))));
+        return (h("div", { key: '18d5ce2bc4b234c5f3cad06c65b36aabd6f37f8c', class: "spw-radio" }, h("input", { key: '37df6fc0905717693092ada472882c0a89c20f0a', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '8cd102075150dff3abe6c59ec00c01cd542c6448', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: 'ccd17ec1f1053a0bb10f196d26e5b3f61da299a1' }))), h("div", { key: '6627017f9e8adfbe9053851648d2b4d47e91e501', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '573b9b18732a8bad9f0dd1743b731a88fb8a857b', class: "spw-radio__circle" }))));
     }
     static get is() { return "spw-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-scrolltop/spw-scrolltop.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-scrolltop/spw-scrolltop.js

@@ -73,7 +73,7 @@ export class SpwScrolltop {
         };
     }
     render() {
-        return (h(Host, { key: '02214f9d465926e864dd4935798196fb415effee', class: this.hostClass }, h("spw-button", { key: '337671dc0906731bb3d838f3298fc76f922c2db5', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
+        return (h(Host, { key: 'b05c8b007da072435cc705bf9f22513dddecd6f3', class: this.hostClass }, h("spw-button", { key: '0418356b70f3818304e7c2ca226ff9c2fcd9a8ee', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
     }
     static get is() { return "spw-scrolltop"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-search-field/spw-search-field.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-search-field/spw-search-field.js

@@ -256,10 +256,10 @@ export class SpwSearchField {
         };
     }
     render() {
-        return (h("div", { key: 'bbdc55b920ac32e2aea0434e20b7a47213325f17', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: 'f68067938a917e19630c8b6701a2652a1bd9e8ff', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '22e8d1f66bc4f41b256afbc5284ee59f9df32323', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: 'e06ac5492108f99460d92773c9b425247a5e9efd', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: 'a46a5de6dcb78df6551dc35ec70049aecc110d2a' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: '51599b513c0178d6983a723ca882c89740d61d3a', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '807e9c9a3a64561fd1f60d5b35e3823b8ff59a25', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '01fff64f62b2a3334852aa0e3ff28a49602e6cd8', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: '73de738b0b2c208a91c8cb14dac96038f0242184', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '18210a13ef860aad3e19d07a3f438adff217c91f' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '395226d69badc46ddfe7664ba7faa59af3fc2d59', class: "spw-search-field__loading" }, h("spw-loading", { key: 'fc2cc9ae2d5014703b67a34f80c126b4ea44b750', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '4f38bdc75316fedbcb996ef96d13507f308f8d47', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: 'a5aa0bbe2fc5761888c885cfe784a076b8d40487', class: "spw-search-field__view-all" }, h("a", { key: 'f64f97647489766fdc205932ae97a3c7fa6f5dd9', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: '3a60bdab88171d3d68fca90b64a5b32a7bb92ff9', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '054b14de7652da86f93a7fa536f7595b60e39ba7', class: "spw-search-field__loading" }, h("spw-loading", { key: '633ebf0e27133b1f2edd3b6f2099dc775f7f3877', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '88bdf945ca70bc298f21b1c05cb144ca92b6b7c1', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: 'e238b73c101a59253b839012a99eca8379156a6a', class: "spw-search-field__view-all" }, h("a", { key: '12a7a84f24c2a53b595dda394f611ce95bbb0519', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: '7679c58fac57e43cd18684da8d545ad6896de1d6', icon: "fa-arrow-right" }))))))));
     }
     static get is() { return "spw-search-field"; }
     static get encapsulation() { return "shadow"; }