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

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

@@ -123,7 +123,7 @@ export class SpwTableSidebar {
     }
     render() {
         const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
-        return (h(Host, { key: '41e1ca2772f06d3352193592d9c60eabb1b28df0', style: style, class: this.hostClass }, h("nav", { key: 'b9a687def02952d55c0c9bf51a2d40f634b37140', class: this.elementClass }, h("span", { key: '155f42be72405d3232fdb409de9fd9a064527f26', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1b65516fb495a66ce2e9e14e51e0e1ad52af1cf0', icon: "fa-chevron-left" })), h("div", { key: 'd2b4123d0659ba7da2d9c1dd42e15254d0783a86', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '5efa5a16b8aac116dc41f4ec9ef47b9de7c89ed8', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '29d12671a967caa15efa15f0f6fd522b954ce373', class: "spw-table-sidebar__content" }, h("div", { key: '6c259f64578fb45a74c34ca0ba38e63bd7356c3d', class: "spw-table-sidebar__header" }, h("span", { key: 'f6e5378584671647e07adb45f2e69da9524e72f3', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: 'f75861c1edaf5ccdc8cf32ecc60b067d54d0681b', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: 'b5242c6beff212bcc31d273035e534b2c7e2ec98', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '345d3f868770e4b505b5cbfff04681b8ee295886', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'c65753f9cc14c37ed587068afaa18af8b7dbbeab' })), h("div", { key: 'fee007e0d9c8e44eb960bcff52f37dd03892f346', class: "spw-table-sidebar__footer" }, h("slot", { key: '0b47ad0b7ec74abad89e72bc7092224649a6f333', name: "sidebar-footer" }))))));
+        return (h(Host, { key: '90bd19abcbba6379e039d2ea563052ed00b1c856', style: style, class: this.hostClass }, h("nav", { key: '3cc0dbcb98248609b5fe43108b621322ae04a9a8', class: this.elementClass }, h("span", { key: 'c2f3d0f5b58e245f3a23934c7c1cf3942d533176', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '0611051952ca82b8008c72681e2d1a68b7918e32', icon: "fa-chevron-left" })), h("div", { key: '77f148ad55f58d2493d5f864c62de8778f3aed83', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '26c806e964ef90b7e05f9a52cd5d46059ea490dc', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '5c294512aec8e6f86946d2d085700666984b10b8', class: "spw-table-sidebar__content" }, h("div", { key: '151cdccb5f6564bec4a631ec011d7a778d5d645d', class: "spw-table-sidebar__header" }, h("span", { key: 'a0d147efe8bfb6349a3e2549e21b66782601457d', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '12697da8a688d92895a9db4bf1dbf08288d09720', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '679afd80b666499c6d8451b23f9abc90277e5a8b', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'a784e255ebda99bedaaaae0961191df2423dec65', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'a91e776d0a6e532bc0316923630b16f8fed2f346' })), h("div", { key: 'a6a340bfa8fc5c8d794c06bd6c6c6cdf53b7502f', class: "spw-table-sidebar__footer" }, h("slot", { key: '27bf23b5c52b8d836abb6c21b539c8d2a3279149', name: "sidebar-footer" }))))));
     }
     static get is() { return "spw-table-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -366,10 +366,10 @@ export class SpwTable {
         return this.formatSize(this.maxHeight);
     }
     render() {
-        return (h(Host, { key: 'a27f522386f56b7e986ab0c2e694b21d890e72c7', style: {
+        return (h(Host, { key: '37d800183e3c1105e9817eed853a0d06af85aa01', style: {
                 '--spw-table-max-height': this.getMaxHeight(),
                 '--spw-table-min-width': this.formatSize(this.minWidth),
-            } }, h("div", { key: '54d2ef193caa29248a92da922ac1d0c8ace241a0', class: this.containerClass }, h("slot", { key: '1c6e1f056002c53b92be2a4bd3a04ffe0f7421bc', name: "table-sidebar" }, " "), h("div", { key: 'd71a94727cfb9a8274cc9c6c876f748bbeba2402', class: "spw-table-wrapper" }, h("table", { key: '77988b645320f208f8562788c8fe14560d4e790d', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, h("slot", { key: 'f4fac5291a4c24b9dc11a483109a10396b005f75' })))), this.resizable && (h("div", { key: 'f1505abcc482f662054ff5829b42f889c0e3865c', class: "spw-table-resize-handle", onMouseDown: this.handleResizeStart, role: "separator", "aria-orientation": "horizontal", "aria-label": "Redimensionner le tableau" }, h("div", { key: '87f6d4a3598c1b6a8f8fccd48a0bb6b0f66ba71c', class: "spw-table-resize-handle__bar" }))), h("slot", { key: 'b65d66501d648a4dc14e990d97d8262994ae170f', name: "table-footer" })));
+            } }, h("div", { key: 'd374954c91b5c1ffddece3643684ce2bdee431c0', class: this.containerClass }, h("slot", { key: 'a0bb4558ecc43999f6fc02c36ece66feeccd9f56', name: "table-sidebar" }, " "), h("div", { key: '59b3efd97c206c09d39cb3f53aee88a3615ae153', class: "spw-table-wrapper" }, h("table", { key: '741dcb79590a66973be22a43342e763037ceea67', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, h("slot", { key: '833995e7e114fef02bcb6c15ced23c8a3c5d796e' })))), this.resizable && (h("div", { key: '4bbf046cc083bfaa965e9f8bf1671b93d610c302', class: "spw-table-resize-handle", onMouseDown: this.handleResizeStart, role: "separator", "aria-orientation": "horizontal", "aria-label": "Redimensionner le tableau" }, h("div", { key: '04a32da42755a7d7c660f3f00103cfa89eb33d46', class: "spw-table-resize-handle__bar" }))), h("slot", { key: '4e1a8d91b75612a809338065e1a02ae8e659ea45', name: "table-footer" })));
     }
     static get is() { return "spw-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -102,7 +102,7 @@ export class SpwTabsNavigation {
             'spw-tabs-navigation__list--vertical-on-mobile': this.isVerticalOnMobile,
             'spw-tabs-navigation__list--centered': this.isCentered && !this.hasOverflow,
         };
-        return (h("div", { key: '9e249a01c64c742e71e54b1ae8e4ad39ea01f0ad', class: containerClass }, this.showLeftArrow && (h("button", { key: 'c30d813657adfb3972f7e3fd649c613b977d18a7', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: '900a622da17d6302eaf207afbac16c0cf25a8560', icon: "fa-chevron-left" }))), h("nav", { key: '1deaaf1263bf6b928f8b37b480c20e52b3424bee', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '73ae5241fe6956fd8a1f9d101d22cb594054dcae', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '66af59b106093b6c4b880fec68fc6f0e221d7a4e' }))), this.showRightArrow && (h("button", { key: '0e398e48b56e2f91c908867b68c0d05448c4bfb1', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: 'db0e36d7c83ce20390b6983e2189135795a3616c', icon: "fa-chevron-right" })))));
+        return (h("div", { key: '41ef2206d24eeff1835b91a17b7439b701a42e41', class: containerClass }, this.showLeftArrow && (h("button", { key: '13f93b6ddfd8adc88333f620d6c749aa1765c04f', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: '5711475c1ed5a552ce06c497b825a411ce1e098b', icon: "fa-chevron-left" }))), h("nav", { key: '20e0d9b4bccf71855a9b6f2a132a04607f142eb4', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '96584cfe77ee2982b4ba10147a533e0dd35ec01d', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '1725ba6d598b85ac2eda7530ae3205fbe5dbbae3' }))), this.showRightArrow && (h("button", { key: 'e5f62f7eab375395b2302abfc038f1ab23215df0', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '630e9b6bd003ae2f935a2ef8f834089af7f17cff', icon: "fa-chevron-right" })))));
     }
     static get is() { return "spw-tabs-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class SpwTabsNavigationItem {
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
         const tagElement = this.tagText ? (h("spw-tag", { size: "small", "has-icon": this.tagIcon ? 'true' : 'false', variant: this.tagVariant }, this.tagText)) : null;
-        return (h(Host, { key: '153b04007e54e0cf19b9013416c285508ee84b53', class: this.active ? '--active' : '' }, h("li", { key: '0406b0fcf50f6f7aadbbb17e54bfe3ef0edb5bec', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '1e876fed3ad23281a64fafb324fc115413a2c6e4', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '95aaac904eb2273620667d5704f1c6a7ae7c0709' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '9e05ad32b79238e9bcbe8b03cc026456e491c473' }, iconPosition === 'left' && iconElement, h("slot", { key: '6fa65e0886d44de13e5d10ecf7da82e26d594b99' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '03b983f1d39a8439a2d3064a6975704365d87e00', class: "bubble" }))));
+        return (h(Host, { key: 'ec57e0d0f1d402ea8b073f32e45537f6201dc47c', class: this.active ? '--active' : '' }, h("li", { key: '0a13c9a0931d91d6463559b2a16d3d9bec677e00', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'd8e5878046c0a585261ee06bdaee53901f689679', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '12c09825f207a2ea3d3240e411d54bc362833c7c' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '8acd42a7ae854b3ba226583758e52ff8e36f1e34' }, iconPosition === 'left' && iconElement, h("slot", { key: '8571e7d805bf2744c60e5cf310d422913c971b85' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '2c7a6b9d6a936de8855778a30edd10aaf0833bb9', class: "bubble" }))));
     }
     static get is() { return "spw-tabs-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,7 +167,7 @@ export class SpwTabs {
         };
     }
     render() {
-        return (h("div", { key: 'f71801d72b6916683a79f88bfeec206bd220e931', class: this.elementClass }, h("slot", { key: '9c97679bb85debd14990c756540b9da91160e804', name: "navigation" }), h("slot", { key: '66818f20f20f67587424ec3fb8140c9c449096bc', name: "content" })));
+        return (h("div", { key: '27812e10785662a4f915afc146d9091298840cfe', class: this.elementClass }, h("slot", { key: 'b135e2e8ab1cd292491533aff7527c675cb615a2', name: "navigation" }), h("slot", { key: 'b7cd5529effa6fecbde136764f7fd029a444b125', name: "content" })));
     }
     static get is() { return "spw-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class SpwTag {
                 target,
             };
         const iconToDisplay = this.icon || this.getIcon(this.variant);
-        return (h(Host, { key: '304b95d4064b5f3fe7f91d66b80daba87f60314b' }, h(TagType, Object.assign({ key: 'eb192ec70e914db64968371ea07e6f83570634d3' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: 'f36e1deee0a38b069da8ea53ffcca4d7ecbd8041', variant: this.iconVariant, icon: iconToDisplay }), h("slot", { key: '1bebaf397d82c3e88b009070fa49b395d61d580f' }))));
+        return (h(Host, { key: '572b8baac00fc1925cad51df707712e91d54dcd6' }, h(TagType, Object.assign({ key: 'b00ff6dac392c2fe4ee66059892043abea2fea30' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: '84b0b4858ee06c4df257355896aea1dab13e84bb', variant: this.iconVariant, icon: iconToDisplay }), h("slot", { key: '7852c8f3be4249fdb9b4c47c52d77ff42151cd92' }))));
     }
     static get is() { return "spw-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-text-field/spw-text-field.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
@@ -498,13 +498,11 @@ template {
   height: 20px;
   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-text-field__clear:hover {
-  background: var(--spw-color-themes-grey-grey-300);
+  color: var(--spw-ds-primary);
 }
 .spw-text-field--disabled .spw-text-field__clear {
   border-color: var(--spw-color-themes-grey-grey-500);

package/dist/collection/components/spw-text-field/spw-text-field.js

@@ -221,7 +221,7 @@ export class SpwTextField {
         };
     }
     render() {
-        return (h("div", { key: 'bd80e50c6f81ed54d2c36d77cf3cc40f03fb578d', class: this.elementClass }, this.label && (h("spw-field-label", { key: '9b40064cf478bc217fe9451499f6765af066ed0b', 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: 'a2421f2f1684b9ce7747471c529e210ac3bfc4b9', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'c152993b95fd693eca0b443d3fc93f6c13962fdb', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'c4de4193ac98851a9c9a495db7a91e754dc9aa6c', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: '27f738696799ede01e7d0577d59d5c58b4a3059e', icon: "fa-minus" }))), h("div", { key: '7e77acbd0dac7511919872829ce3f9c197a94791', class: "spw-text-field__input-container" }, h("input", { key: '1b65248118782238d0885fd93dae3dff29c809c0', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'c2eead1b26d0694466b30e586f6cd30572bfc94e', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '471dba3abb7610c186df7b78af1b0ac96c2095ad', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '7d6ae7a4c4f5e3bbed6c1d802dae21cb6915721d', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: 'c13d78f2adf23b35062e2c9348c7f89e05762a48', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: 'af5144d1cdb679263776fd25fa3fed843e22226f', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '4a9004e07d7c7bf79b3deebcb52a124005b0b0b2', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '5ce4328749677c8bb2098a630d289d60b2589163', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: 'b65e9978beb12159718b582e5a5efbef755c2356', icon: "fa-plus" }))), this.indicator && h("div", { key: '153b22c9452298947a8281e23452a5ba4e487608', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '44a4d59fe6e959559472d971c33b7629cbdac6a6', class: this.elementClass }, this.label && (h("spw-field-label", { key: '22569d1584c2acabd497ce5643c6bdf24f68426e', 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: '0eaa67081ca25d4ed46f3690d919ca19ef511723', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '53078f1bc7749502891f9e834648a5b278904ecc', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: '65f6e1732d325e5574f914e3517edb611b3dcc2c', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: 'df589f1dc61d59d6070c6899695c677b08960efd', icon: "fa-minus" }))), h("div", { key: '92b23b87409671522f147c107995be48fe0b9f9d', class: "spw-text-field__input-container" }, h("input", { key: '2528f22a9ef7b88ff8e2a451e9a38cba62ea2f3c', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'd10333a6fd560f561042e832ace5d6e6fb9e20c3', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '4605f1b2a9236bca589c8159b53e656797989022', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: 'fee4a5228fa7003086966c4dd39d47f5722ae784', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '68aa25bd789c36e54211e5230beee333fa2d325f', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: '45ca6fab4cadf1f4d0e9519d90fa27f2378c78cd', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: 'fffbc37f5c9280630a5d8a12d8151585fed66db9', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '04c3b62c8ec3befbc9a9e12fcc10d129983eed05', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: '387b1e494e53c9d7c5bf92403380a1d415e96078', icon: "fa-plus" }))), this.indicator && h("div", { key: 'bb45650d65b8c858faba21ae5ecfc0c1a3e15551', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-text-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,7 +98,7 @@ export class SpwTextarea {
         };
     }
     render() {
-        return (h("div", { key: '313f4460b65a2a5794cca225a75cc15b81d58da5', class: this.elementClass }, this.label && (h("spw-field-label", { key: '454f5acb92e6d445d64e11bbbb0685e0a112995f', 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: '4993960de18edf756a35ac22f818dbb93a6e31d3', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '592ed938c390f2bb97291474fb938649c9bb77e1', class: "spw-textarea__container" }, h("textarea", { key: '96ef4a1d90546ad6764ba517c1b8d0ad8fd34ca4', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '2ceb01bb4656e4e6754a50fe9831264be5bc0956', class: this.elementClass }, this.label && (h("spw-field-label", { key: '3b1d8c62cd7101a0314b2696a152e87bc05d9345', 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: '3366fa4637d05296f9132849b0293e5341eec6c0', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '820de0e531b4eab19f4b5d333648c37728f42c62', class: "spw-textarea__container" }, h("textarea", { key: '56b350e2358fb6a1a08deeb91e093dea9f229f39', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-theme-provider/spw-theme-provider.js

@@ -24,7 +24,7 @@ export class SpwThemeProvider {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (h("main", { key: '887b2abeb72be9d18f23c76219f009fd7952f690', class: `spw-theme-${this.theme}` }, h("slot", { key: '95830f201c0c0fd9ee8e7fe0e1a1cdb4cb225270' })));
+        return (h("main", { key: 'cc79a315f54bf28ff0553aff8e1f608e7b4513f1', class: `spw-theme-${this.theme}` }, h("slot", { key: 'a17d20d700210cd6af24e50b2ca676778c38208a' })));
     }
     static get is() { return "spw-theme-provider"; }
     static get properties() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileDescription {
     render() {
-        return (h("div", { key: 'd7d9482375c4826fe98f270c8c9c9122c962c21b', class: "spw-tile-description" }, h("slot", { key: '2114c67b9a8061a84a91a3ead4a10584752a6721' })));
+        return (h("div", { key: '2e2ca1aefcce18fbc046789a6bd233dbb6fb4c2a', class: "spw-tile-description" }, h("slot", { key: '1665a822df4fa486ca16fbd67c5ea8e25811c52e' })));
     }
     static get is() { return "spw-tile-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileTitle {
     render() {
-        return (h("h3", { key: '05d6dbd338858f5107c57c8a171b4f7575d91201', class: "spw-tile-title" }, h("slot", { key: 'aefb5939acf89286bef5e4c03acbdef82d1a1309' })));
+        return (h("h3", { key: 'cd661b27606403e5396d468240e583ead0680094', class: "spw-tile-title" }, h("slot", { key: 'e0c8e41cdbc51325bcc2f70f41abea825ca1b5f6' })));
     }
     static get is() { return "spw-tile-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class SpwTile {
                 href,
                 target,
             };
-        return (h(Host, { key: 'bfe89bf6bbc024ba24728c3dc8bd93a6c2686cd2' }, h(TagType, Object.assign({ key: '08a626018b6ce7a7625f59e7014d260bbfd469f2' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: 'd10e37e2f568ea8a37765005f8c034e3797548cf' }, h("div", { key: '1a8125f848769c9434d312377a98e0af1e255b96', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: '8e4ee3105ed60254ab3dd63e1e11a12b108f3c86', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '4a29a2762059920b30c8c8f9c263db7e0ac4ddb4', class: "spw-tile__content" }, h("slot", { key: '4b0c4829fba48f8933e9912a183512fda123244c' }), this.href && this.variant === 'big' && (h("span", { key: '62e241193a6e110d28d7b23a7b4fd5efa0335bd1', class: "spw-tile__button" }, h("spw-icon", { key: '302f3e38734bab17dd70f89e1d036ac8c0a210fd', icon: "fa-chevron-right" })))))));
+        return (h(Host, { key: '14395d110680c95303f45d567a4e6bace5a8d7fc' }, h(TagType, Object.assign({ key: 'd90d895005cdcc47c9f42bdda34abe4d6cfd571a' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: '901cd1e2e55bd95616c29284c0cbb4b97234d8e6' }, h("div", { key: '86dc71f0fcf1d85da4116cc39ead77a706d1ab47', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: '09aecba4cb28384ea3e8406a898b701e1676eb45', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '3c2dcb3185bc0c1779a0c6f6c9519cf1828a4561', class: "spw-tile__content" }, h("slot", { key: 'bf6693c2aefc9fcc0490e60d3848e3bcaeabe77c' }), this.href && this.variant === 'big' && (h("span", { key: '672d7155ea60472623db224cea93da79f9aa9679', class: "spw-tile__button" }, h("spw-icon", { key: '44e341d903da02185495c55bbb927189f60eaa5e', icon: "fa-chevron-right" })))))));
     }
     static get is() { return "spw-tile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,10 +55,10 @@ export class SpwTimelineItem {
     }
     render() {
         const showConnector = this.isLast === 'false';
-        return (h(Host, { key: '53dbbe5fa4b236b8cb5f65470008c0ecd579c770' }, h("div", { key: '71bb24a3e108320df0531e0aa8a4266cca248eef', class: this.elementClass }, h("div", { key: '086bf781e6ad6b162aaa5c561ac19b2990beed47', class: "spw-timeline-item__step" }, h("div", { key: '5d146d5bcb09d3276ffa5e56123f22d9293b1747', class: "spw-timeline-item__icon" }), showConnector && h("div", { key: '3452c57384ec4f338d967a5af04910f067417267', class: "spw-timeline-item__connector" })), h("div", { key: 'c36f2037548b5186c7b7eb8a69f8281066713202', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (h("div", { key: '7cd1fa2cef9c56b38f210b97a60552438172f772', class: "spw-timeline-item__description-wrapper" }, h("div", { key: '92bd48fb4a24b599499dec90046fa104173b7504', ref: el => (this.descriptionRef = el), class: {
+        return (h(Host, { key: '41fa618d9a5a29f4f1bf4148233bd99508b234c2' }, h("div", { key: '2fa81b51f997f52fccf92f906c1638e9cf232a69', class: this.elementClass }, h("div", { key: '7159236f4f5d6dc6eee908f00fae08ace4fcc34f', class: "spw-timeline-item__step" }, h("div", { key: 'c63d51222a85fecff245fbcb4a5f0ac5da89600e', class: "spw-timeline-item__icon" }), showConnector && h("div", { key: 'b26dadd6114ce0a770ddf14107215a418fdda4f8', class: "spw-timeline-item__connector" })), h("div", { key: 'c46f51f7a49b9715882b837b33236ea541be8e2e', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (h("div", { key: '6ad63db55014a9dbddbb716e258560ef99f2b857', class: "spw-timeline-item__description-wrapper" }, h("div", { key: 'eee20fb56f5393a65380aa3b30fa2c3c7b86872c', ref: el => (this.descriptionRef = el), class: {
                 'spw-timeline-item__description': true,
                 'spw-timeline-item__description--collapsed': !this.isDescriptionExpanded,
-            } }, this.description))), h("slot", { key: 'f5b72cbe99f59013f8f4c222cfd4145a263dbfc9' })))));
+            } }, this.description))), h("slot", { key: '02c17abcaaee39a0c7b95cb6c2fc852447ed5574' })))));
     }
     static get is() { return "spw-timeline-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,11 +53,11 @@ export class SpwTimeline {
         return this.visibleItems > 0 && items.length > this.visibleItems;
     }
     render() {
-        return (h(Host, { key: 'ea13c5ce5fa1e33f26a6e3de6b812f8088e4c9db' }, h("div", { key: '82eba85ca6700a791cf9b6ec25daaab8ccc2e9c7', class: this.elementClass }, h("slot", { key: '0f0353e7fcc8afdefd65ff19b8f541b723abc490' })), this.shouldShowToggleButton() && (h("div", { key: '9e4d3b2576e956bc27454cb37648da0ae3463f5b', class: {
+        return (h(Host, { key: 'ae1c442c820f302e5f2b8c0ad0fc3d59e51e684a' }, h("div", { key: '561420901855c016b08989f869845b31571785cd', class: this.elementClass }, h("slot", { key: '341be1651c979183d62ed11afac141c05c3222e5' })), this.shouldShowToggleButton() && (h("div", { key: 'd332e3b348e03bae97defc160fa2d2fc8e9201cb', class: {
                 'spw-timeline__toggle': true,
                 'spw-timeline__toggle--more': !this.showAll,
                 'spw-timeline__toggle--less': this.showAll,
-            } }, h("span", { key: '9a1d3851fc7f1ac0968964b828d39426f435f4fe', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
+            } }, h("span", { key: 'e5d9bbdb795a05f7b8985ecc92837b1657489140', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
     }
     static get is() { return "spw-timeline"; }
     static get encapsulation() { return "shadow"; }