@spw-ds/spw-stencil-library 1.14.2 → 1.16.0

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

@@ -35,6 +35,8 @@ export class SpwInputSlider {
         this.showSuccessIcon = true;
         /** Afficher l'icône d'avertissement */
         this.showWarningIcon = true;
+        /** Active le panneau dépliable sur les messages (error, hint, success, warning) */
+        this.isExpandable = false;
         /** Champ requis */
         this.required = false;
         /** Positionnement du tooltip */
@@ -227,22 +229,22 @@ export class SpwInputSlider {
     }
     renderErrorMessage() {
         if (this.error) {
-            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon }, this.error));
+            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { name: "details", slot: "details" })));
         }
     }
     renderHintMessage() {
         if (this.hint) {
-            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon }, this.hint));
+            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { name: "details", slot: "details" })));
         }
     }
     renderSuccessMessage() {
         if (this.success) {
-            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon }, this.success));
+            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { name: "details", slot: "details" })));
         }
     }
     renderWarningMessage() {
         if (this.warning) {
-            return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon }, this.warning));
+            return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { name: "details", slot: "details" })));
         }
     }
     get elementClass() {
@@ -256,7 +258,7 @@ export class SpwInputSlider {
     }
     render() {
         const rangeStyle = this.getRangeStyle();
-        return (h(Host, { key: '6fb3d10ac8da314b73bea1f8341ddc8a3ef9a76d' }, h("div", { key: 'd86f1f5fa0ef620f1ab1841ce65b9408ea53b2ca', class: this.elementClass }, this.label && (h("spw-field-label", { key: '1e52038c2640d7042644f97f45edc5c22bb75106', 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: 'c4eeab30eb31d29c6f5441f9182c8a26baf92571', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'cd18f34c4e25bcbfceb5c55ebe53f740c15a990b', class: "spw-input-slider__container" }, h("div", { key: 'dea2cd9bf7acf9609dac4ea2430ec8f1751c8765', 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: 'ba238e417bfc2ffe06581f17a17efef8341d0e83', class: "spw-input-slider__range", style: rangeStyle }), this.range && Array.isArray(this.internalValue) ? ([
+        return (h(Host, { key: '1d837c9651c0e0ce71fd974844f56282cf9aca65' }, h("div", { key: '57536b2b792b7e2ef6086fad7fe109a89f5f5843', class: this.elementClass }, this.label && (h("spw-field-label", { key: '919d2a351658c629f3abeedd37f00d983773b3c6', 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: '0eb020907d05d5ff272502767e2db6dadb9902e6', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '238d3461ecf8f31d61c89893e4b7d376fcede061', class: "spw-input-slider__container" }, h("div", { key: '105c355768d79085e8fad4cafe3d426ad59a1005', 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: '672e6043832b3e0870885c5e06292e1fe9e3f517', 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])),
@@ -660,6 +662,64 @@ export class SpwInputSlider {
                 "attribute": "show-warning-icon",
                 "defaultValue": "true"
             },
+            "isExpandable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Active le panneau d\u00E9pliable sur les messages (error, hint, success, warning)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-expandable",
+                "defaultValue": "false"
+            },
+            "expandLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Texte du lien pour d\u00E9plier le message"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "expand-label"
+            },
+            "collapseLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Texte du lien pour replier le message"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "collapse-label"
+            },
             "required": {
                 "type": "boolean",
                 "mutable": false,

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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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

@@ -39,7 +39,7 @@ export class SpwLightboxItem {
         }
     }
     render() {
-        return (h(Host, { key: '7b22d1a8267bb573acb88e47126d309dd7318980' }, h("div", { key: '1dcc34b3b4f2df8a9a30b15014a4d7e6ccd6eceb', class: { 'spw-lightbox-item__wrapper': true, 'spw-lightbox-item__wrapper--hoverable': this.isHover }, role: "button", tabindex: "0", "aria-label": this.alt || this.textOpenImage, onClick: () => this.handleClick(), onKeyDown: (e) => this.handleKeydown(e) }, h("slot", { key: '4fb7e435a2d756e66c50d6a94ae776d2e535164c' }, h("img", { key: '92cce4df14b23daa8c0c55fb605e8008f7535fdb', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (h("div", { key: '7e6f082a9508dbd5c0d6ab4c0c7760177b3922b5', class: "spw-lightbox-item__hover-overlay" }, h("spw-icon", { key: 'c1043a1de5636083accbba423f6a5931e3a84041', icon: this.hoverIcon }))))));
+        return (h(Host, { key: 'abbd5d95a5630f6e8cff22582567da059b3831dd' }, h("div", { key: '751d3d6831ba4e684e5563d6abe51afb0cf069ae', class: { 'spw-lightbox-item__wrapper': true, 'spw-lightbox-item__wrapper--hoverable': this.isHover }, role: "button", tabindex: "0", "aria-label": this.alt || this.textOpenImage, onClick: () => this.handleClick(), onKeyDown: (e) => this.handleKeydown(e) }, h("slot", { key: '17b794ccbcf9c816b0631d7f9bbdd338b16cd5a2' }, h("img", { key: '44aebcd11c71b1c91738cb6a5ffd77a803fbe612', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (h("div", { key: '5bf79e4ffb9389964168260e257c8487a41156f4', class: "spw-lightbox-item__hover-overlay" }, h("spw-icon", { key: 'b441065aa180cbf91556c1766f586c974f3af9e3', icon: this.hoverIcon }))))));
     }
     static get is() { return "spw-lightbox-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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

@@ -221,10 +221,10 @@ export class SpwLightbox {
     }
     render() {
         const { opened, activeItem, items, activeIndex } = this;
-        return (h(Host, { key: '73eaf8e70c338f96d0af4df7362f64f9a8c0c39c' }, h("div", { key: '13f7a50a8dd33cee0b7f9ac6e3a2a41d5592bdd5', inert: opened || undefined }, h("slot", { key: 'b7f990b5375b7e26a9eb984aaf6dbef90fe93882' })), h("div", { key: '79dfda1cf02f05cca9b5c821d2b22dee931a2cbc', ref: el => (this.lightboxContainer = el), class: { 'spw-lightbox': true, 'spw-lightbox--opened': opened }, role: "dialog", "aria-modal": "true", "aria-label": this.textDialogLabel }, h("div", { key: '33ad2bea4e6034b3788b20bb85e6b479aec80a16', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), h("div", { key: '42ec1cc9d498a71b24c18b18968d6662d33021c9', class: "spw-lightbox__container" }, h("div", { key: '490c9e016f02d8ac224c15ba55d33e8374be82b8', class: "spw-lightbox__toolbar" }, h("span", { key: 'b57f82883bbf4ea195e46d0d097eb2dd599d3ebe', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), h("div", { key: 'e22ee77a875bce35183de45bb9ac3fb25ee1693b', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
+        return (h(Host, { key: 'f91f7399b84f48439a8c1a44cfd563d975caa290' }, h("div", { key: 'cda5578dd9eb03b3711497db419f06b6c5157e9b', inert: opened || undefined }, h("slot", { key: 'a9050a333a1d96bae0f9127fdd5a7789c61fdbeb' })), h("div", { key: 'cc14c24cb7c279e5bd4e0ec439b9fcefb9050e81', ref: el => (this.lightboxContainer = el), class: { 'spw-lightbox': true, 'spw-lightbox--opened': opened }, role: "dialog", "aria-modal": "true", "aria-label": this.textDialogLabel }, h("div", { key: '0135d79855522937fba4b3362a9a4b840c052fd2', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), h("div", { key: 'a3532338c80b0c7ac53cc8802ca9fa9dbb8d21c8', class: "spw-lightbox__container" }, h("div", { key: '70d3f8f4e365a642f3c7c7c3dbbfb32c5b01b364', class: "spw-lightbox__toolbar" }, h("span", { key: '01c3ace83c40124b4e851dda1ed68c9b6db61e9e', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), h("div", { key: 'be518fdd7e4c0496575f61d36a652af0a0655837', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
                 if (e.key === 'Enter' || e.key === ' ')
                     this.doClose();
-            } }, h("spw-link", { key: '67f0080c119fb04955402f8539586e73497cd0e1', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), h("div", { key: '741f4b9d7e10f76b857e60cb3807d085fd1b3e51', class: "spw-lightbox__stage" }, items.length > 1 && (h("spw-button", { key: '7b1137bb5800744fb3b3cb28ad90757ab61f0a31', class: "spw-lightbox__nav spw-lightbox__nav--prev", "is-icon-only": true, icon: "fa-chevron-left", "acc-aria-label": this.textPrevious, variant: "secondary", onClick: () => this.navigate(-1) })), h("div", { key: '2a0df86526b17ba2dce975873a256a27fbeba414', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (h("div", { key: '4f7f8aa5d91681f6aca08074335f4151bd0ad411', class: "spw-lightbox__image-frame" }, h("img", { class: "spw-lightbox__image", src: activeItem.src, alt: activeItem.alt || '', key: activeItem.src }), ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionTitle) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionText) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.copyrightText)) && (h("div", { key: '03520fed0d3722b233bbcf4efa8fe1dcd3411918', class: "spw-lightbox__caption", "aria-live": "polite" }, h("div", { key: 'e524e43020dd059b2eedbf78f4854529e5f3a24b', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && h("strong", { key: '51c8b93e12df0777a13ad87928335ab269524578', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && h("span", { key: '56c1608cd037f6d790f4eabba8a9dd638da1b69d', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (h("spw-tag", { key: '2f22ac13137f11af4c1889832a91858d94aa7b2c', size: "small", "icon-variant": activeItem.copyrightIconVariant, class: "spw-lightbox__copyright", icon: activeItem.copyrightIcon, href: activeItem.copyrightHref || undefined, target: activeItem.copyrightHref ? activeItem.copyrightTarget : undefined }, activeItem.copyrightText))))))), items.length > 1 && (h("spw-button", { key: '8895769c3ab3b0328fa223ac01e9810edc31ec53', class: "spw-lightbox__nav spw-lightbox__nav--next", "is-icon-only": true, icon: "fa-chevron-right", "acc-aria-label": this.textNext, variant: "secondary", onClick: () => this.navigate(1) }))), this.showThumbnails && items.length > 1 && (h("div", { key: '3f660c3a570c018684482b94a7d76152967d2c41', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel, ref: el => (this.thumbnailsEl = el) }, items.map((item, index) => (h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index === activeIndex }, onClick: () => (this.activeIndex = index), "aria-selected": String(index === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index + 1)) }, h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
+            } }, h("spw-link", { key: 'aa8ca2cf867f8e93507d6721a0461fb743a57153', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), h("div", { key: 'c437a677f93751948219c8be2c2229ac62467361', class: "spw-lightbox__stage" }, items.length > 1 && (h("spw-button", { key: '9fee34688fd25d4244a4114514cfe754bb4a758e', class: "spw-lightbox__nav spw-lightbox__nav--prev", "is-icon-only": true, icon: "fa-chevron-left", "acc-aria-label": this.textPrevious, variant: "secondary", onClick: () => this.navigate(-1) })), h("div", { key: 'ba745daf29c962b7fce899d64f0d0bc4379f2644', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (h("div", { key: 'cd5ca9bdcb5568dbdf042e2c313292cb79c4589c', class: "spw-lightbox__image-frame" }, h("img", { class: "spw-lightbox__image", src: activeItem.src, alt: activeItem.alt || '', key: activeItem.src }), ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionTitle) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionText) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.copyrightText)) && (h("div", { key: '91977639d7501aecf6e42b66c3da412d3d58dae2', class: "spw-lightbox__caption", "aria-live": "polite" }, h("div", { key: '47b78488e9d56443d828b09d06a40c042045a766', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && h("strong", { key: 'ad5e6a24b4bbb9d7dde5f4763767a091dc156917', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && h("span", { key: '33375606800e783b284c073ebd5d06639a77f3e1', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (h("spw-tag", { key: '80d3a6157ac381782166f44bfaecc8f15c3750d7', size: "small", "icon-variant": activeItem.copyrightIconVariant, class: "spw-lightbox__copyright", icon: activeItem.copyrightIcon, href: activeItem.copyrightHref || undefined, target: activeItem.copyrightHref ? activeItem.copyrightTarget : undefined }, activeItem.copyrightText))))))), items.length > 1 && (h("spw-button", { key: '9f0530e953a3e243a1086d1539f31a87a8860a55', class: "spw-lightbox__nav spw-lightbox__nav--next", "is-icon-only": true, icon: "fa-chevron-right", "acc-aria-label": this.textNext, variant: "secondary", onClick: () => this.navigate(1) }))), this.showThumbnails && items.length > 1 && (h("div", { key: 'ff7f986017215c32d254626eabf151d1e4fbe548', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel, ref: el => (this.thumbnailsEl = el) }, items.map((item, index) => (h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index === activeIndex }, onClick: () => (this.activeIndex = index), "aria-selected": String(index === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index + 1)) }, h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
     }
     static get is() { return "spw-lightbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,6 +40,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -326,7 +327,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -339,7 +340,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -354,7 +355,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }
@@ -365,6 +366,8 @@ template {
   --spw-link-display: inline;
   /** @prop --spw-link-wrap: Passage à la ligne */
   --spw-link-wrap: wrap;
+  /** @prop --spw-link-white-space: Gestion des espaces et retours à la ligne */
+  --spw-link-white-space: normal;
   /** @prop --spw-link-color: Couleur du lien */
   --spw-link-color: var(--spw-ds-primary);
   /** @prop --spw-link-hover-color: Couleur du lien au survol */
@@ -373,6 +376,8 @@ template {
   --spw-link-active-color: var(--spw-ds-active);
   /** @prop --spw-link-font-weight: Graisse de la police du lien */
   --spw-link-font-weight: 700;
+  /** @prop --spw-link-text-decoration: Décoration du texte du lien */
+  --spw-link-text-decoration: underline;
   /** @prop --spw-link-padding: Espacement autour de l'icône */
   --spw-link-padding: 6px;
 }
@@ -381,6 +386,7 @@ template {
   display: var(--spw-link-display);
   text-decoration: none;
   text-wrap: var(--spw-link-wrap);
+  white-space: var(--spw-link-white-space);
   cursor: pointer;
   color: var(--spw-link-color);
   border-radius: 4px;
@@ -392,7 +398,7 @@ template {
 .spw-link__inner {
   display: inline;
   overflow-wrap: break-word;
-  text-decoration: underline;
+  text-decoration: var(--spw-link-text-decoration);
   text-underline-offset: 2px;
 }
 .spw-link:focus-visible {

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: '6523f4f1fedcf607cf98af45df089f85008dc921', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '95ca5a79ef46ddde4241cad5edd85d678e2e36c0', class: "spw-link__inner" }, h("slot", { key: 'eb042482228f68225abc06de191002d1e7605af1' })), iconPosition === 'right' && iconElement));
+        return (h("a", Object.assign({ key: 'f6f5e296a99640156dc7204b042fd8c1a8984f0f', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '7eba164c5de00f7feeedd4722247330ad9a2d2d3', class: "spw-link__inner" }, h("slot", { key: '6e1784314b450ccb7e9d301d3514941950164cc8' })), 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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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: 'ff816fb8c9e2d3c2b142b6a6a1ac987b8ef2fa2e' }, h("div", { key: '9bfccab1e21ae9b96fa7e5dda798a98abe1198a8', class: this.elementClass }, h("slot", { key: 'c411456977e7877b579d05ae4a361e395dcf6a15' }))));
+        return (h(Host, { key: '5a1256083fa6c6a7132eeed4aa39bbb898f076e2' }, h("div", { key: '1157dd96156d939ccb5b5f98640378871b2b7fb4', class: this.elementClass }, h("slot", { key: '0dc084f8f20306a923b08cc0d317f796d0dfd63c' }))));
     }
     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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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: '8c8359a860ac9c78d3d8726444921a37ec983531' }, h("li", { key: 'f4ad2018e3e5bc6a7840f0a7bfd0a8a0415b6792', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: '40c58204b114880379d1adaec59cc95f3074954b', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '0a087946d359e6f61617de503b13b69a08f933ba', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: '16f2a637f19716cae277dfdf6cfa1be7b692e7cc' }, attrs), h("slot", { key: '4b485812ef338d9443804c37f20621480fcec6fa' })), h("slot", { key: '913d667cedf3d14423eaa0b964686231129da258', name: "buttons" }))));
+        return (h(Host, { key: 'eafe7d1f2f7b5ca93c0595ee20543227ce90767a' }, h("li", { key: '2585e4fe332a30e42daf8e60b12045ab7b013e01', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: '54b3abbb818a131076d3ed0b557dbc75d845f1e5', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: 'e5ba5fb5f8b12bafe193270dff8f3a77b2065469', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: 'fb7056013967ee1907f3829522267226794c0191' }, attrs), h("slot", { key: '6bf7fe68f774778cb072da948f866d6d3db868b0' })), h("slot", { key: 'c3a18479a9cea632e0ce0c10490afa6b04dc767d', name: "buttons" }))));
     }
     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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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: '57285252ed4ea9c17b57714e999d380ca24d5b47' }, h("div", { key: '6cab51df6b6d02c386cacd140e4412ade9c6431a', class: this.elementClass }, this.icon && h("spw-icon", { key: '10691312bb8f473ff60db867d78a9f8e8bbcf362', icon: this.icon }), h("div", { key: '4446236fa09225652b27416413edbce8fe416f73', class: "spw-list-title__content" }, h("div", { key: 'ebc48659c692d9a6cc8d304e5452777b114dbae0', class: "spw-list-title__content-text" }, h("slot", { key: '1eed80c60e917c123e7c8b6fe25bcf446898ad46' }))))));
+        return (h(Host, { key: '62edfa8d6cb5e0726b3144f885180bec1b82074d' }, h("div", { key: 'c679f987917fad33a890b6d838322d8ac38dfe0d', class: this.elementClass }, this.icon && h("spw-icon", { key: '5d745235f5c673f37ffcd2bd061f304840b206a5', icon: this.icon }), h("div", { key: '327e421fcb169435f22264d10c20b530de571436', class: "spw-list-title__content" }, h("div", { key: '4eb8fc3129bc4e38a77c7b3be6efce5d26a97737', class: "spw-list-title__content-text" }, h("slot", { key: 'd2227e5d0d8d99718be51cdcef8d90156c70613d' }))))));
     }
     static get is() { return "spw-list-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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

@@ -29,7 +29,7 @@ export class SpwList {
         };
     }
     render() {
-        return (h(Host, { key: '992024c6ca78d7f38708e5426f1198199b86c601' }, h("ul", { key: '04fd25e8d19ac97f873addb43645b61f75db30c1', role: "list", class: this.elementClass }, h("slot", { key: '5cec328be00df1e17d9e9fc82d620b9214ce1413' }))));
+        return (h(Host, { key: '1a107dea16f5ee6b129755b52622578ea3a50b23' }, h("ul", { key: 'c2f6ef31491980ccbc154dcd31856e4958fd5abb', role: "list", class: this.elementClass }, h("slot", { key: '5dc1c74ffbfed588245592f893acdcc5e6d1d08f' }))));
     }
     static get is() { return "spw-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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

@@ -19,7 +19,7 @@ export class SpwLoading {
         };
     }
     render() {
-        return (h(Host, { key: 'f38c5d9270f250fb62ebdadeec12b98ccac46e21' }, h("div", { key: '7dbb6c3120bf29a9e534ef3e4f4b6cd466c6f833', class: this.loadingClasses }, h("div", { key: '686547c83be4456bf6e04974f43083de6fa1571f', class: "spw-loading__spinner" }), this.text && h("p", { key: 'f447a805fddb3513f478185ab25848cff5c434ca', class: "spw-loading__text" }, this.text))));
+        return (h(Host, { key: '1cc27da35a115c199e6b660621dd0062b69f1570' }, h("div", { key: '93f97a9413e59f845285c75079d3e7953e7d9449', class: this.loadingClasses }, h("div", { key: '95ac4ac5a560f123b0bceb6c4485cef9324eb81f', class: "spw-loading__spinner" }), this.text && h("p", { key: '077ee7c1ca63850bf688cff7872cfcfef02dc517', class: "spw-loading__text" }, this.text))));
     }
     static get is() { return "spw-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,6 +40,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -326,7 +327,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -339,7 +340,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -354,7 +355,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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

@@ -39,6 +39,7 @@ ul {
 :host *::after {
   box-sizing: inherit;
   font-family: var(--spw-ds-font-main);
+  letter-spacing: -0.18px;
 }
 
 /* Sections
@@ -325,7 +326,7 @@ template {
 }
 
 :root {
-  --spw-ds-container-xl: 1232px;
+  --spw-ds-container-xl: 1200px;
   --spw-ds-container-lg: 1024px;
   --spw-ds-container-md: 768px;
   --spw-ds-container-sm: 640px;
@@ -338,7 +339,7 @@ template {
   margin-left: auto;
   margin-right: auto;
 }
-@media (min-width: 460px) {
+@media (min-width: 360px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-sm);
   }
@@ -353,7 +354,7 @@ template {
     max-width: var(--spw-ds-container-lg);
   }
 }
-@media (min-width: 1350px) {
+@media (min-width: 1200px) {
   .spw-ds-container {
     max-width: var(--spw-ds-container-xl);
   }

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

@@ -172,13 +172,13 @@ export class SpwModal {
         };
     }
     render() {
-        return (h(Host, { key: '5783546cabdc29859fc8857a8b6584307dea8034' }, h("div", { key: 'e049c201224981bd8ca6c0ea569ac366151a2069', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '8eeae2bb07aa4692af17f04ce6c2d853bca1eeb0', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '0b02ef0ce04c90102422107167bcdaef674a7da6', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '4c27d5849b164346edac080764e4b984f9f9d394', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: 'e525b84075a0a44c33a1c31ede49ff987332f5b6', class: "spw-modal__header" }, h("div", { key: '239abf670b350d012deed52efb83e69f22ee6faa', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '610be34361e6a313ed771adf6517fa7208b0cfb9', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: 'fa6f9c9b3b1c01a3e75baf45337555347a8d1d18', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: '3dcee8e7206b47acc0ff0b81ea89908bff451055', class: {
+        return (h(Host, { key: '16c9b95bb4d4a7c8a30d7cf8c8f1180a57b9758d' }, h("div", { key: 'ed4ce3b9a690af363deb23fda38b581af43acbff', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '1faf5cbdf2a7dda9e5a018d8740beef1b04cd1df', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '4a720df2b34cb7ac297afcdd63fe358d6cf68e0d', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '66c3c2a37d445e83e98caefdf00070b695ea169a', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: '36b51115b608dee56e59991a81b7a9f52e37b7e7', class: "spw-modal__header" }, h("div", { key: '9eb6eeb344cd249b7d01c121867074df02df0262', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '9ad8e3db4e79c57bf3a1fcec88cb4a3878e7b356', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '0abb86eb218f53cab5a3d4d74d85a759054cff9b', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: '66b2ec5a6e8407d2683b55d184e96b1c9b815823', 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: '526f1492505ac141c11132670c35cd51e0f6d032', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: '7f6f03207f61a7037093ba35f730c4cf125e29e3', class: "spw-modal__body" }, h("slot", { key: 'e6987b3bcd9c09f439d1221db2be0c7826fa71b9', name: "content" })), h("div", { key: 'f23b0b1e37232965601f9d24a5b470fa74ce657f', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: '30343011e92756c308f37580c01640438f925fe9', name: "buttons", onSlotchange: (e) => {
+            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '8c6467ef94fbc24697ffc031a516140e46d6c14a', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'd49b5c986d12f58fb4a83122cdd5e281a30726a8', class: "spw-modal__body" }, h("slot", { key: '02775e3c735f422f0c737c93515970610886f071', name: "content" })), h("div", { key: '32defb07798503b9cb6d42d9ec83aa2daef5f58e', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: 'f6fa36952b3d73cd02014d5b3059d4feeed24435', name: "buttons", onSlotchange: (e) => {
                 const slot = e.target;
                 this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
-            } })))), h("div", { key: 'de3f003aac5e85fcacb15f4a3c8976f776ca2bed', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            } })))), h("div", { key: '4e5a643019b2a7b989922d1ca47eca659804c585', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     static get is() { return "spw-modal"; }
     static get encapsulation() { return "shadow"; }