@watermarkinsights/ripple 5.20.0-alpha.6 → 5.20.0-alpha.8

package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css

@@ -903,6 +903,7 @@
   white-space: normal;
   word-break: break-word;
   width: 100%;
+  text-align: center;
 }
 .tab-item .tab[aria-selected=true] {
   font-weight: 700;

package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css

@@ -911,6 +911,7 @@
 }
 :host wm-button.left-arrow,
 :host wm-button.right-arrow {
+  --icon-size: 1.25rem;
   display: none;
   flex-shrink: 0;
 }
@@ -919,10 +920,10 @@
   display: block;
 }
 :host wm-button.left-arrow {
-  margin-inline-start: 0.5rem;
+  margin-inline: 0.125rem 0.5rem;
 }
 :host wm-button.right-arrow {
-  margin-inline-end: 0.5rem;
+  margin-inline: 0.5rem 0.125rem;
 }
 :host .sr-only {
   position: absolute !important;

package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js

@@ -258,18 +258,18 @@ export class TabList {
         let margins = {};
         if (this.customPadding) {
             margins = {
-                "margin-left": "-" + this.customPadding,
+                "margin-inline": "-" + this.customPadding,
             };
         }
-        return (h(Host, { key: 'da126d4b71c6bf5951d67907a2e863d65ffe585d' }, h("div", { key: 'f2d35536b2f8d3ad13d5a27a130c6fa2073808e4', class: "component-wrapper" }, h("wm-button", { key: '303e3c62f6d890421e47a79b631fcac29bf5f042', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "chevron-left", tooltip: intl.formatMessage({
+        return (h(Host, { key: '951f6dcf457201034adca055366df0107df6a116' }, h("div", { key: '489cf5f1acf3c985c6208e9b5b6f507422251c6c', class: "component-wrapper", style: margins }, h("wm-button", { key: 'c83f686c864b91ef3ac2530a47196e3a767b8609', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
                 id: "tabs.showPreviousTabs",
                 defaultMessage: "Show previous tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: 'bf9a4e5235a19c5bbe03aca70b6121ab55949c26', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, style: margins, role: "tablist", tabIndex: -1 }, h("slot", { key: 'fd01f87de0c8c442c2dbcdece1cc64a19d4c1d3e' })), h("wm-button", { key: '4dd0e3ccdb092858bcfc42c3bc9f6e44647cabca', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "chevron-right", tooltip: intl.formatMessage({
+            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: 'ed524296e4c43f0602c54dc7345cb9403f491e82', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: '072e8fdff4e4831df0f89002475acd29ef2633d3' })), h("wm-button", { key: '4364a7c4d9ffde71307573bf08c48e8cbba06372', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
                 id: "tabs.showNextTabs",
                 defaultMessage: "Show next tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '2749bc3b86e31eedb79f7752a7488f8bf3085fb8', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: 'c347bc2cb5002812bc4c14ef442ae7d820138ac8', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-tab-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/{app-globals-55aeda4c.js → app-globals-cc0448d5.js}

@@ -1,6 +1,6 @@
 import './index-130e07bb.js';
 
-const version = "5.20.0-alpha.6";
+const version = "5.20.0-alpha.8";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { b as bootstrapLazy } from './index-130e07bb.js';
 export { s as setNonce } from './index-130e07bb.js';
-import { g as globalScripts } from './app-globals-55aeda4c.js';
+import { g as globalScripts } from './app-globals-cc0448d5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/ripple.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-130e07bb.js';
 export { s as setNonce } from './index-130e07bb.js';
-import { g as globalScripts } from './app-globals-55aeda4c.js';
+import { g as globalScripts } from './app-globals-cc0448d5.js';
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com