@spw-ds/spw-stencil-library 1.14.1 → 1.15.0

package/dist/collection/components/spw-input-slider/spw-input-slider.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-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: 'aef06c3212830270a048c4120c29164338d2f824' }, h("div", { key: '23db6a6b31ef6c91e7212ec7f8eec1b227bbaf99', class: this.elementClass }, this.label && (h("spw-field-label", { key: '4cc30ee70d2be6e6458fdc222c6be7c052f9ecfe', 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: 'ce38a915c706d465474c1d8af14423a25ac2d7d2', class: "spw-input-slider__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'db4a33a1abe61a672b6077f0b4a5147ab9c53ef6', class: "spw-input-slider__container" }, h("div", { key: '67de28a92b62493a4cc517b1fd86b64f3386e7b7', 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: '16a1a7315a660132541c599f228381828d118355', 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: 'e0a1b9ba9e2a4c33e939eb44ad70d5b9474b7f98' }, h("div", { key: '8fa6be30d88c4ad0985b21699eca9b1733c95002', 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: '780cc51e40ecd7509c618a3610168f9742f274ef' }, h("img", { key: '230ce5be541a1bb669576f3fab40bda4332cb16f', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (h("div", { key: '7b02bc0d790df3f55a31ec9cb51cdd47241ba17f', class: "spw-lightbox-item__hover-overlay" }, h("spw-icon", { key: '8a3398b30350959fedc6babd7d36cf102e7c31be', 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: 'abc234b600e09d3d5e37779d35f23343df01c918' }, h("div", { key: '6657c6faae953f97c09e999f7a6036bfa0dbb0fd', inert: opened || undefined }, h("slot", { key: '061101ace7cecc154e617ab50a7d44a240436cc4' })), h("div", { key: '433ef70c4eb86951d0b3907d1cde807594acf40b', 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: '154248164e28fd9c726aa3a6582d0726f390aa62', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), h("div", { key: '4f70b9589c5e78685b667dbdda1d4581fd8dad11', class: "spw-lightbox__container" }, h("div", { key: 'ec59ccae09faaa9845ab65ad184645018442c215', class: "spw-lightbox__toolbar" }, h("span", { key: 'f0f135ef2c553256e741ad32b11da0257a5436a6', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), h("div", { key: '4e6d451fb01b36c5ae5b9efb6516dd856311c888', 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: '4817278c8bdade56a340bb4c18b60d194b2c99d7', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), h("div", { key: '613c3cb8e491e0112e2e9ac6bbf867c5f5d9c4b9', class: "spw-lightbox__stage" }, items.length > 1 && (h("spw-button", { key: '1a9765fa1c715f8aba10f23fd5c175e5c367db44', 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: 'ade43ad0a877fb87e089e7cb824c52a517833eb3', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (h("div", { key: '2e6e36b4eded34277c368d587226e031e4c87ec5', 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: 'b9a6e7249e8fe88233e48c7af83e0779911fca43', class: "spw-lightbox__caption", "aria-live": "polite" }, h("div", { key: '419860cb7b290233496aef849a783b673d87a7df', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && h("strong", { key: 'f862d8a5a98a8da511fbaf7b1fe4b30283df2ee1', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && h("span", { key: '7b5adb2375e9fe815fcf50a854b71f7f214f52d6', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (h("spw-tag", { key: 'f5206abefcaf73d1483f9cef173d8ee01c6b3ab5', 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: 'f9bf7db26386b749281b21c95af273ad210cada4', 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: '1ea2bb1c95e66f37bc53460823aece1fe8c7cfe0', 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: '32378b05b827025261ac14fabf52d5d03539f52a', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'e522dcbaecc16fb7c901bfd32587b19192148613', class: "spw-link__inner" }, h("slot", { key: '702b2c9d307fd53dd60dbf197c9cced7892455ba' })), 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: '1acb8335f45d7ffb0e2cb9fc8d1bbd44567511f1' }, h("div", { key: 'dd9fa74ca7ec1021de985fd064e7f8ae25ea0a03', class: this.elementClass }, h("slot", { key: 'eafa4bbebf071a426b72e6e675b2c9a3ac9538cc' }))));
+        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: 'f4137df597553595b7b7f37020c364bd4369d0d8' }, h("li", { key: '58305da3d69ef47f950c43a9b3baca3c501218f1', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: '1da1ec09cf986e3453ee64790528016e839f83d3', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '6d20a688a05a4de079bef689251dd61d0a40cf76', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: 'ad5cec4a272674c8735c802a9c420c3bb5b48191' }, attrs), h("slot", { key: 'fde395b5abb04a747d35c7f5e155250cf2102f9d' })), h("slot", { key: '1dd19acae38f423c7325aa6e350c87253ef13e66', 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: '5f4902a58a810d70afd1925d2aca0e854a34b69b' }, h("div", { key: 'cfd756e0515ddb1d2d45ad05848725a2f0db669f', class: this.elementClass }, this.icon && h("spw-icon", { key: '5d28205520fb71bcefb11d7b2bc4c444b36b8d2d', icon: this.icon }), h("div", { key: 'aa75745c5e013a19c7d21b2ab6f32e0c02bdd536', class: "spw-list-title__content" }, h("div", { key: '59fcba1d895676a9dc643ee500b270082ce29c1b', class: "spw-list-title__content-text" }, h("slot", { key: '5bd478c0bd0fb705217717b3c4480d4cd733ba01' }))))));
+        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: 'f0d761c29dcd8d941405051fe61ab5d34530a6ba' }, h("ul", { key: '5bc5e5b4a6698383f77925db8115d7706389e61a', role: "list", class: this.elementClass }, h("slot", { key: '47f63bb4ba132b5187c0c71456e83eea7e5f50f0' }))));
+        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: '3e4184324f5760fb373c047ff96b3ceb639b653e' }, h("div", { key: '79980d59ff58731f54276d77a2687914c96b4e92', class: this.loadingClasses }, h("div", { key: '0e8b3edc3682ff1b51a161e1a9d8a7913e10aeeb', class: "spw-loading__spinner" }), this.text && h("p", { key: '6fe0eb89d7727ecf6ad9d0cb4efed0b586904436', 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);
   }