npm - @spw-ds/spw-stencil-library - Versions diffs - 1.14.1 → 1.15.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (785) hide show

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.css CHANGED Viewed

@@ -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-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSidebarNavigationSeparator {
     render() {
-        return (h(Host, { key: 'ca09de8816dc4027c434439fd3f1d1810c7b0e71' }, h("spw-separator", { key: 'f88b2223b3db5ce2a71ad12d5ce98460f115a60c', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: 'b8d8d7381fb7db4dd914e1c6e457edeb4aad195f' }, h("spw-separator", { key: 'ff2c9ed4afc9ebf6c34fc4fbc2ac25feb85fee39', class: "spw-sidebar-navigation-separator" })));
     }
     static get is() { return "spw-sidebar-navigation-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar.css CHANGED Viewed

@@ -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-sidebar/spw-sidebar.js CHANGED Viewed

@@ -76,7 +76,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '85674117e60989814f7d7a37f3dd3b904379d110', class: this.hostClass }, h("div", { key: 'a7dc79b161de709d47cda189859f6fbddf816035', class: this.elementClass }, h("span", { key: 'ee66487ae37380cc48444f049bd9aaef8c597928', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '479cf95d769990758fd766ebed32554863cf7508', icon: "fa-chevron-right" })), h("div", { key: '3d96559cf723cd903a77fb943ba58cca0036b96a', class: "spw-sidebar__content" }, h("slot", { key: '62d878e457b129647df984e5b960b9fd61a9b0fa', name: "navigation-top" }), h("slot", { key: 'fca6deed9ea823420628c03078e53b7cdd502e49', name: "navigation-bottom" })), h("div", { key: '67d0697a069f050892328f652b4e6930deb7a3fa', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: '456b9b0e397244516036e59c6b03169ba17ced97', class: this.hostClass }, h("div", { key: '9643d85115caa0ea7386deac28cb1c19d604510c', class: this.elementClass }, h("span", { key: 'aae5aa3c1030c23644588a25adbe24ffb3626425', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'e035d61a09b971531bc713efc56beae2b0f3311b', icon: "fa-chevron-right" })), h("div", { key: '3c61038fb3bd04dd980a68a6e2dc99fa3fcdef4f', class: "spw-sidebar__content" }, h("slot", { key: 'fdcb6e86d19d893537a4c5d88abed96c7b3ae486', name: "navigation-top" }), h("slot", { key: '832fb90561e152e038248a2d7182e2daf5827a25', name: "navigation-bottom" })), h("div", { key: 'b03e48eadcde46bcf52a97b6ffeb0c67bf4b558a', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     static get is() { return "spw-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-skeleton/spw-skeleton.css CHANGED Viewed

@@ -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-skeleton/spw-skeleton.js CHANGED Viewed

@@ -44,7 +44,7 @@ export class SpwSkeleton {
         }
     }
     render() {
-        return (h(Host, { key: 'f51453d4c09ee19f5b6d8d770fc106a37f4c7e90' }, h("div", { key: '5c1f100999ec9466dac114f16c23ec4d6e7eaadf', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '5347334004f09f1584aa0384d3f65e1070e3c0c6' }))));
+        return (h(Host, { key: 'dc1d4fbea06557e09954e5006267dbd9e7e5b49f' }, h("div", { key: '0ebff5226d490759c099556f6f0f0bcc0d4e1746', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'be2621647c254e502452007f49d6d31566a4b2d9' }))));
     }
     static get is() { return "spw-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.css CHANGED Viewed

@@ -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-slider/spw-slider-item/spw-slider-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSliderItem {
     render() {
-        return (h(Host, { key: '3065e73cb4ab19f7680eefa90be5a880e3c10615' }, h("div", { key: '6cebacf00a6ea0f52a0cab1cfe42422ed37ab2e3', class: "spw-slider-item" }, h("slot", { key: '142200a3deb0169d888adb1e3e5c92a1fab07404' }))));
+        return (h(Host, { key: 'c938284ccf2f8a59ae9cc4eb5239611383d0200e' }, h("div", { key: '055adbd2aab6e5463be6b9bcf908d2dfa47f413d', class: "spw-slider-item" }, h("slot", { key: 'dd5e639fb9af8ed604ca931c7015530886516cad' }))));
     }
     static get is() { return "spw-slider-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider.css CHANGED Viewed

@@ -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-slider/spw-slider.js CHANGED Viewed

@@ -394,7 +394,7 @@ export class SpwSlider {
             }, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
     }
     render() {
-        return (h(Host, { key: '67c85fed7cc665da3cfa60082b5ac76b1f679c0d' }, h("div", { key: '1090245b2710939eb572d26c1ed23ade12c416e9', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: 'e810a8fe4154b2f793041cae72f889a001988b84', class: "spw-slider__track" }, h("slot", { key: '440367be7154291d1d18465fab6dedbd79271792' })), this.showArrows && (h("div", { key: '7e8da39ecafddd9e3967d7a15e9d1838bbb51074', class: "spw-slider__navigation" }, h("button", { key: '48a77dde510252161146311dbd7ee8d75f39abfa', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'e8d9234727245e28a6d12d1914420cac33689edf', icon: "fa-chevron-left" })), h("button", { key: '66dd413bb8817caba03b3ca6af41c896459a91cf', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: '8f545069639f403f8b4ef7843bf10d9d102609a1', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (h("div", { key: '95bc58b0e2de1dc60a1e8f5036b8aec4eaebf9b6', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (h("div", { key: 'e6e919ce3bbad911c74914bd19b3e920c028c4f9', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: 'c8583e3b3a2b47e9ce67c7d6aa448b54dea0a3ec', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+        return (h(Host, { key: '8dc34409f1e66313b2b34a8b1f09d136dabe0b16' }, h("div", { key: '7292a94ec194eda34acb54e4ca44f6b86c8edea8', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: '3da03e2be636e7f5bda5c0e6b9fbc3299e523b0e', class: "spw-slider__track" }, h("slot", { key: '58df3b1d27714e2c5aef081269dbd66d52f5f0ff' })), this.showArrows && (h("div", { key: '025ea96fce9080eb7fa7940bb491361393c09ca6', class: "spw-slider__navigation" }, h("button", { key: 'dcc9e6025100f79510581e5f3cf67b1598f3c8a8', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '29eaeda876748b69b333c58e512d388121b59693', icon: "fa-chevron-left" })), h("button", { key: 'd77142a22e369412632dfcc1c1af7d3e4bdd5999', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: '47c94e169d9c8b44725df1eb7c907914bbc554ec', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (h("div", { key: '49e8c665ee475e25c2cd2d41c93a6c34b0547b84', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (h("div", { key: 'd753476a4b1de6a0bb830563ec43e4be7c0503ec', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '51fd35c27c80d61def02c8f094e55a3fac5b78d1', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     static get is() { return "spw-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-socials/spw-socials.css CHANGED Viewed

@@ -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-socials/spw-socials.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SpwSocials {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: 'db6717f3f956e096ee63cd2664eb6b2421c295d1' }, h("div", { key: '4154f8ff374bb0eb88cc44a5537cf1199c14f10f', class: "spw-socials" }, h("div", { key: '3c22a4c8b30f15ad6cd14737b538a5430c0babeb', class: "spw-ds-container" }, h("h2", { key: 'f2d034530d90defe469185883d98c3a1ed8c364b', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'e569038b22f69448199c67aca4a8eb8844f5574c', class: "spw-socials__content" }, h("slot", { key: '930e33211f97eea0fee624d1bff512f7e24a4366' }))))));
+        return (h(Host, { key: '6ff94089395e7f04c18e6ef5a874d93f85756892' }, h("div", { key: 'c69878fbdf01d369993b8f78dc7acabb1dd93b33', class: "spw-socials" }, h("div", { key: '5ac6c685042d450dacb44dc6407147a291ab219e', class: "spw-ds-container" }, h("h2", { key: '4990f8ed609500bdc9e93e3ec484e5abb1a2caf9', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'f9d540af4a0c90a882a79cc0b53be1ae4d707015', class: "spw-socials__content" }, h("slot", { key: '9d35b25004b30bed178be0dea7de3e5afb335881' }))))));
     }
     static get is() { return "spw-socials"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-table/spw-table-body/spw-table-body.css CHANGED Viewed

@@ -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-table/spw-table-body/spw-table-body.js CHANGED Viewed

@@ -33,7 +33,7 @@ export class SpwTableBody {
         });
     }
     render() {
-        return (h("tbody", { key: 'c1ad96fdf8c9434261fdde389b622783007e412d', part: "tbody" }, h("slot", { key: 'd02437370fd0fce984282efdb12383dfe6af06b6' })));
+        return (h("tbody", { key: '8eca6f932be8e3f41d7f5ab71ec74f998c79ef7b', part: "tbody" }, h("slot", { key: 'c61936337141cce8f2cc73dffd117b6cf01e5bca' })));
     }
     static get is() { return "spw-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.css CHANGED Viewed

@@ -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-table/spw-table-cell/spw-table-cell.js CHANGED Viewed

@@ -87,7 +87,7 @@ export class SpwTableCell {
             }
             attrs.style = stickyStyles;
         }
-        return (h("td", Object.assign({ key: 'f9b278a91f81e51c4440065af95be6ebd4e9f53a' }, attrs), h("slot", { key: 'fc808a407475a1389437d9be17a5d6df20e931f8' })));
+        return (h("td", Object.assign({ key: 'b0d327adc0c9619af3a61343e229116d8f462c93' }, attrs), h("slot", { key: '06cb1436fea375aeded6ed127582976774661f68' })));
     }
     static get is() { return "spw-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-container/spw-table-container.css CHANGED Viewed

@@ -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-table/spw-table-container/spw-table-container.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwTableContainer {
     render() {
-        return (h(Host, { key: '747a8e38e481a29d2d88e1ab32fdf5fc1f86d620' }, h("div", { key: '9f1af8ce965cbe3dd274b95d0ec62b293c4ae003', class: "spw-table-container" }, h("slot", { key: '6d8a6f7c761af455f1471d01c2f7c6963e915b59' }))));
+        return (h(Host, { key: 'a5803eebb686b9e1c9468bd86fb8e5df8f19b1b8' }, h("div", { key: '416427397e66484228354f651dbd82e7c61f6269', class: "spw-table-container" }, h("slot", { key: 'fba054a19a3d613df8f439b7fb78febf2a178b6f' }))));
     }
     static get is() { return "spw-table-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.css CHANGED Viewed

@@ -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-table/spw-table-footer/spw-table-footer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableFooter {
     render() {
-        return (h("div", { key: '53c671c9fc75e04e9bae06039b129fd1f0c04902', class: "spw-table-footer" }, h("slot", { key: '366b793385c0d92aa8edbdf1e794a23e8bfd8934', name: "left" }), h("slot", { key: '02f20d1221f57ea8abb1d0aa66a90e67c5c2f928', name: "center" }), h("slot", { key: '19917ed07904b91f6bbd745c30c35f12a279cc90', name: "right" })));
+        return (h("div", { key: '92f118144c69b82db4ec2900c2249ea39c6dc19e', class: "spw-table-footer" }, h("slot", { key: '349546976cd454047bbaf008114c3b2d1f0ff251', name: "left" }), h("slot", { key: '0e47a990a5c9366354d30ebfbb80156fb2edff8e', name: "center" }), h("slot", { key: 'be21d0063070072a820c9ce061d75abb2cc99c0c', name: "right" })));
     }
     static get is() { return "spw-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-head/spw-table-head.css CHANGED Viewed

@@ -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-table/spw-table-head/spw-table-head.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableHead {
     render() {
-        return (h("thead", { key: 'bcf6e652ad90ca539067497316ce21faf5c9b97a', part: "thead" }, h("slot", { key: '809253308d029c5979b28c8b426a53483f2912ae' })));
+        return (h("thead", { key: 'f242ce7e1550c4a49580fa591b4a6c9b61a3193d', part: "thead" }, h("slot", { key: '25b91ffa697555d2f02a9211d81ef490572b2448' })));
     }
     static get is() { return "spw-table-head"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-header/spw-table-header.css CHANGED Viewed

@@ -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-table/spw-table-header/spw-table-header.js CHANGED Viewed

@@ -65,10 +65,10 @@ export class SpwTableHeader {
             }
             attrs.style = stickyStyles;
         }
-        return (h("th", Object.assign({ key: 'f9d040dd58d8739e60d70bb53a477d3f0da25c72' }, attrs), h("div", { key: 'b1e0ab131f026740b669cd37e493d79d8ef46ad1', class: {
+        return (h("th", Object.assign({ key: 'ce7cc74eed9c6938e861a8a0d655136d26a06aa7' }, attrs), h("div", { key: '083f10b3048ac936f2bb75880550093bd98c1155', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: 'eec3daf6a29e815971d4e82265e54bd2f966fbcb' }), h("div", { key: '0b3ee697ce5ab7d29aded245f3b879561e237bc6', class: "spw-table-header__icons" }, h("slot", { key: 'c5ac4935be906a8b6f52d2bf48d153e4ce91c2ad', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '27ec14c3d6853005a17e42a32e593cb4a19c978e', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '6998539763d4144d4e0275089f73ae734a2f04c3', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '31169ff6d560ca8ef0329b07ed9330d021c497be', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: '4613e31e43c8614664f44415ee08ac516dae162b' }), h("div", { key: '35472e4873913118019d977ce34f1712946b975d', class: "spw-table-header__icons" }, h("slot", { key: 'a7fba819781c4934f310957d4b45bef79b0f76ea', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '5f3fc7ac464ff405e7cc806e7e5f05caadda089c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'f5b37045e1747cad5a6ea2e7a1479959a67d7d37', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'ee41a3e217eea013939681a48def032d6aebac45', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
     static get is() { return "spw-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-row/spw-table-row.css CHANGED Viewed

@@ -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-table/spw-table-row/spw-table-row.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class SpwTableRow {
         };
     }
     render() {
-        return (h(Host, { key: '65672e550b60007a5a067207e5e98391b15e9a1d', part: "row" }, h("tr", { key: 'aa9563a8d33329fedefc97f49dd0fc3cbe54b1a4', class: this.elementClass, part: "row" }, h("slot", { key: '1647fc675ce503dd64551176e9719ed031131fcc' }))));
+        return (h(Host, { key: 'd63972338e3a369fcf4283785dcb0a6c9a951bca', part: "row" }, h("tr", { key: 'b0360654aff1fa225205e1d14559d4c870ee2d4b', class: this.elementClass, part: "row" }, h("slot", { key: '2a13f9383b5edf0ba26e6666cb81f5c7cc1d38bb' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.css CHANGED Viewed

@@ -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-table/spw-table-sidebar/spw-table-sidebar.js CHANGED Viewed

@@ -123,7 +123,7 @@ export class SpwTableSidebar {
     }
     render() {
         const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
-        return (h(Host, { key: 'b8b4b59f8ddff138601e3723ab3b96919807bb8c', style: style, class: this.hostClass }, h("nav", { key: '069e5baf3dce00f9c45c7943f8f6e588e79c3fe6', class: this.elementClass }, h("span", { key: '5229c33d65e6bc1c08e4d1e3b0f8afc6d24a7431', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'a50c05d8561210ef66026395e26e3cbaa506e77e', icon: "fa-chevron-left" })), h("div", { key: 'efb6cae5e348f52f026db07f6381d1f8785e85af', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '3cea2ba602cc1757f4abcbfc2628ad19f521d4dd', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '23dccad9d9cf67ad86580fa1b9cb1b52e004be20', class: "spw-table-sidebar__content" }, h("div", { key: 'aba8097d393fc7cefce1bcf1666403104a6b67c5', class: "spw-table-sidebar__header" }, h("span", { key: 'b5e89956cc8d101c938073d311ba2bd742b8dde8', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '3277432f0fac70bd812714423c880c43026c19fd', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '2244b989d733aa649d7d74d26fd548338c365d28', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'cac5fd1d25cc788ebb52997b2c244f554b8ed1aa', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'cad3dfe8b3fe8d41286d0891b7a8a3fe233def05' })), h("div", { key: 'ca8b941d16b2725f53dfb7099f40fda72a7901b6', class: "spw-table-sidebar__footer" }, h("slot", { key: 'd7dba20a95384af715ef218ceba8b77bd5f86d84', name: "sidebar-footer" }))))));
+        return (h(Host, { key: 'e4a9d1a354e32ef75efd8ef35f43c762b076e870', style: style, class: this.hostClass }, h("nav", { key: 'bb90239cc30b9eca49ebf0c894aa49e5b58c6aef', class: this.elementClass }, h("span", { key: '156cb5e97301822b609b589976cea3863fdb7b54', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '8fc362d585fbcc5a5665794fea821cbcb96caaa7', icon: "fa-chevron-left" })), h("div", { key: '7482227bda0933747f31f9b22619ed38a6a3079f', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '4a83771c96c9c27f23cb4b1679894875fd644530', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '60bad1c24dee5c603ac3ec6fbe853ecced481cc2', class: "spw-table-sidebar__content" }, h("div", { key: '1a638e4991e67185a86417792f4454da4a145451', class: "spw-table-sidebar__header" }, h("span", { key: 'fc0f7b5a002d3fd73bd1a5991048c90dece45398', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '86dae93102277fc63cc260f3d3d28fa538d07eb9', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '97f4c00f9c1ca32d01292261c661134c7e86ee5a', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '88281ad76c136273bde8e9ac8217503cfd10eaca', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'd37272c7272d51abe6c972882809bad6b4ffe7fd' })), h("div", { key: '65eb9775f2c0a53797ee59bda9a134e3551f6fd1', class: "spw-table-sidebar__footer" }, h("slot", { key: '62999f25d68bc356b3033c3bd4943d0a79611740', name: "sidebar-footer" }))))));
     }
     static get is() { return "spw-table-sidebar"; }
     static get encapsulation() { return "shadow"; }