@spw-ds/spw-stencil-library 1.14.2 → 1.15.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: '22a0e1692287a34e564d97a8e27509f6a86bafd7' }, h("div", { key: 'fcbfd1579b38ec300e2ca11b49f98e2a3346b162', class: this.elementClass }, this.label && (h("spw-field-label", { key: '6758cd34d30c3e096fc0fddc889c9157910f66e4', 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: '9a966a9a06af2b765cc7fd2c7a94b005bdea8e3f', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '3590d260462f1a82382b1344c3f6c86d1dc8f308', class: "spw-input-slider__container" }, h("div", { key: 'aa8b6c110fb20f3d554186680e733cc312f5b3ab', 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: '8b57394ab86e9f2e1b6b49636201d50035fb1c5b', 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: '89a0bcb824bd21448fb4691229a2f68f07ccf2fa' }, h("div", { key: '95d611953ec2eccbcbd63b0115997a579786618f', 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: 'd8d8727c00ad43a6193972f0f5d1d8e89259c5a8' }, h("img", { key: 'c850c570d78f0abf413c90765b6df397bc67b6ea', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (h("div", { key: 'd4ef9c04adf64f3ee96f3c0735f192a34f8988c1', class: "spw-lightbox-item__hover-overlay" }, h("spw-icon", { key: '275a5935182cbeb16967be460a0033fef553355b', 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: '561be0ea284ff951793e4f6ba07ce2ce6c98edde' }, h("div", { key: '503218268bbc118b255ec4be5ef70e7c354d37fb', inert: opened || undefined }, h("slot", { key: 'df33999604935088a57d5a8854e7f778a72ab0c5' })), h("div", { key: 'eaf1ff6da733bb519b0dee1edf625293f0dbe1bb', 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: 'aa03686c62577518058aec3beaf8870056974d12', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), h("div", { key: 'b4a72ccc3947efe2366f2a6fbb7349001b9d7a65', class: "spw-lightbox__container" }, h("div", { key: '042689588d2987c3618e5eb24e35f9bd85544530', class: "spw-lightbox__toolbar" }, h("span", { key: '652d0edb6586616de1149142a29c78b914de4df8', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), h("div", { key: '569f8aca71c7f0ad47e436250f9b2caee35e9189', 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: 'ef8dc91a7e8dc00cbc8546cfab844e7786a762c9', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), h("div", { key: 'c3b08392588e22191d361fb457dde247dd4c0545', class: "spw-lightbox__stage" }, items.length > 1 && (h("spw-button", { key: '8cc0928eea216d248b518255a6fd7be815004b5a', 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: '0515f506cae576dc67b58dea666bf142b5c2379d', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (h("div", { key: '5838fdbf8dcb548ad36dee1fef8460f203838526', 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: 'a02e11853ad7d8d7dee3f011693b395607098242', class: "spw-lightbox__caption", "aria-live": "polite" }, h("div", { key: 'c88b657634836829995f8fb1a0caa53d06e791cd', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && h("strong", { key: '46d543fdf5da39cf36c6d5939cdfe9243a8083b0', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && h("span", { key: 'f4dce878ddeb161ca17a41a8fa7e032e9063dbb3', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (h("spw-tag", { key: 'fba1f4efdaa2b5204a27eb4df3eb5fa5c4c38e24', 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: '8a5e5900d132b77975e4ec9958cb8dfab0a15eaa', 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: '45e7b53826574bfe5ca620562b27af8fd98d09fc', 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: '8577d449cef04789c624765ab367548f9b242876', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '45f182d7d2d1a952353a6e722f8dfe7f81cc2fe7', class: "spw-link__inner" }, h("slot", { key: 'fa23f5e2f43f0d3fc341c926a8a18cdcd4e88eaf' })), 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: 'fa3cbbf959f2f190e5208c769ad1c8be3a8b4163' }, h("div", { key: 'aae6329a49af74a32211e48971bbdd9f4ad8c2c5', class: this.elementClass }, h("slot", { key: '323b565184571cd7678a4bd12cf09e1fdeff9b32' }))));
     }
     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: 'cdea0ab40e73ac500c3bee0f55d1c84abac98e16' }, h("li", { key: 'c8549133e2796e9f9f091892a5f3785b19097183', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: '4a57fcf055055bae4093d18f6b557f774626cd04', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '9dc7b94d17f56179f6c0ed936312a134709f8553', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: '1354200a81ad1c862684d240d3258d9994478672' }, attrs), h("slot", { key: '0d5da5870089dfb94143d594c7e3ae86d91a6546' })), h("slot", { key: 'feda003011d1bf74bdc2b3d9488c0c0a08048a85', 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: 'bed30a33d4528eac85ebb9d43f7563a2fa8ae4fe' }, h("div", { key: '5723adcfda674ba2b6f1731c0264c621688f2b26', class: this.elementClass }, this.icon && h("spw-icon", { key: '8afa24b861b7893b64b2eac98fe2d17900a41ef4', icon: this.icon }), h("div", { key: 'd771b6adb849c1be699be4de0d5067a415948a0d', class: "spw-list-title__content" }, h("div", { key: '7b9f49122f57901c9849d04381f0e3e984b85234', class: "spw-list-title__content-text" }, h("slot", { key: '576dae11c41bfa7af5b7e7956bb8a054a14c5d92' }))))));
     }
     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: '050c2fe2551fe19b28a5e3ebf1b4f93429a14d8b' }, h("ul", { key: '97388e33ef1033401ae6615b08f0c99ef1f83b9a', role: "list", class: this.elementClass }, h("slot", { key: 'c051f48c94b4ed58075f088b76a85ce2a8f17347' }))));
     }
     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: 'a7a01534750901ed2ba5a638e58435336276f358' }, h("div", { key: '70020b08dd23bcb669fd5fc2a1f27662122ef012', class: this.loadingClasses }, h("div", { key: 'd3384c49c910b4eead13f6de21476b8cabb4d829', class: "spw-loading__spinner" }), this.text && h("p", { key: '95e0d8ac1ce9d47bd1049eb7e2743bd2de46914b', 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: '4d8b2a852d14fadd49059e1687d3d89e6fbed545' }, h("div", { key: 'f45893b6cfc0420c97e5f0edf52e7a102582523c', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '71122b0a2a0e6f7b9cfcde9f60031c27a91527d0', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '1ef1a1c737fbdc74829bab4569a1576ea9f36861', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '544c297e94fa0f774ac70287b3da2caf3198ecef', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: '97b268574a722a7c40ed6fbae5861d40240a9e81', class: "spw-modal__header" }, h("div", { key: 'c0b71b4a9f1cb2b6261832bf2c7fbefa4596bb97', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: 'ae93da613c0bb8127467ff7a46224e8901621e1d', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '71aa181645c3fd5b5a6a05461753706488a68eb9', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: 'e27523243deb94c5231fa9b562ca551fcbc97b96', 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: 'a29e03373ed1ff5cb3189892b6376bbc544ccfdf', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'c5dc79129a19705c253335df8da4ebaa09b4d4fc', class: "spw-modal__body" }, h("slot", { key: 'fa86aff282530c89ff2d15535a74d96ba96c3b41', name: "content" })), h("div", { key: 'bbba5a819fb00ef23a1ff041821293a07a7650bf', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: 'dc7a8b982b73c92ca3d37e51f02dc76019f22b60', 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: '3cf2bcab0da6003c7b5f11db93e359607e934f04', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     static get is() { return "spw-modal"; }
     static get encapsulation() { return "shadow"; }