@watermarkinsights/ripple 5.23.0-alpha.1 → 5.23.0-alpha.5

package/dist/collection/components/wm-navigation/wm-navigation.js

@@ -96,9 +96,9 @@ export class Navigation {
             } }));
     }
     render() {
-        return (h(Host, { key: '815117725f45f3fae04ee2ac4f573cf7ccb8885c', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '59416405b9566485d64ba1311e7f24dfca6d91a9', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '98eee20d96ed81347847d7af866d9d5f48010638', class: "tray" }, h("div", { key: 'c65e733eac1eb49b69254bb19330226679e407e3', class: "toggle-wrapper" }, h("wm-button", { key: '2b8b764b6250a88959e4b263f81d6676b419f04e', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
+        return (h(Host, { key: '40e8ea08dd4de4b325b8157563b2053448ca90f5', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '906975fbaad775dde78cf94e7ace20caa32027f6', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '29a269e61ef8ca8bcccf1d4bbfe7d3c6f8ba2758', class: "tray" }, h("div", { key: '38b207f710cc26163b7eff2ad3eca963f5bdab3c', class: "toggle-wrapper" }, h("wm-button", { key: 'f5bae797529433205ec8abd0f025db335277e3df', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
                 this.open = !this.open;
-            } })), h("ul", { key: 'ae95f619a097413291d70f930f0fc4e97f5a5e37', class: "navlist" }, h("slot", { key: '833f7502a28f7ff833f7bdac17ad62e3dca9d12b' }))), this.isCollapsible && (h("div", { key: 'fdb8e1288416191cebc3557c79c089359634d315', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: '956f80bb6f1f873186e9787836c0748fbd6de708', class: "navlist" }, h("slot", { key: '4846ab62c5a8cd2d76b3b74f6fa9370ea12ff7de' }))), this.isCollapsible && (h("div", { key: '9639e7b704cc88fd8227aa4a30cd88d21951c015', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
     }
     static get is() { return "wm-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js

@@ -9,7 +9,7 @@ export class PrivNavigatorButton {
     }
     render() {
         const { handleClick, altText } = this;
-        return (h("button", { key: '574e7f4c213bb38d21c4efb62b73d3179799cbba', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: 'b3055b43aaad031a91e8c10eed63e302e0dda804', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
     }
     static get is() { return "priv-navigator-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js

@@ -16,7 +16,7 @@ export class PrivNavigatorItem {
     render() {
         const selectedClass = this.selected ? "selected" : "";
         const focusedClass = this.focused ? "focused" : "";
-        return (h("div", { key: 'd4247a1db863b58ea1204298648b99b59ce02387', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '8e315a87aa1ab54c5a81e708c46194b59de6ee6b' })));
+        return (h("div", { key: 'd7c6a68612221b0207c84b48531c144b26d6393a', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'd36a383f3a6964954ab722d9fbc23accd6763622' })));
     }
     static get is() { return "priv-navigator-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-pagination/wm-pagination.css

@@ -862,15 +862,6 @@
 
 :host,
 wm-pagination {
-  --wmcolor-pagination-arrow-disabled: var(--wmcolor-interactive-disabled);
-  --wmcolor-pagination-arrow: var(--wmcolor-interactive);
-  --wmcolor-pagination-arrow: var(--wmcolor-interactive);
-  --wmcolor-pagination-button-text-disabled: var(--wmcolor-interactive-disabled);
-  --wmcolor-pagination-button-text: var(--wmcolor-interactive);
-  --wmcolor-pagination-current-background-hover: var(--wmcolor-interactive-hover);
-  --wmcolor-pagination-current-background: var(--wmcolor-interactive);
-  --wmcolor-pagination-current-text: var(--wmcolor-interactive-text);
-  --wmcolor-pagination-focus: var(--wmcolor-interactive-focus);
   display: block;
 }
 
@@ -903,7 +894,10 @@ nav .smallscreen .paginationbtn {
   -moz-transition: none;
   transition: none;
   border: none;
-  color: var(--wmcolor-pagination-button-text);
+  color: var(--wmcolor-link-text);
+  text-decoration: underline;
+  text-decoration-thickness: 0.0714285714em;
+  text-underline-offset: 0.1428571429em;
   background-color: transparent;
   margin: 0;
   padding: 0;
@@ -919,11 +913,12 @@ nav .smallscreen .paginationbtn {
 }
 nav .largescreen .paginationbtn svg *,
 nav .smallscreen .paginationbtn svg * {
-  fill: var(--wmcolor-pagination-arrow);
+  fill: var(--wmcolor-interactive);
 }
 nav .largescreen .paginationbtn:hover:not([aria-current=page]):not([disabled]),
 nav .smallscreen .paginationbtn:hover:not([aria-current=page]):not([disabled]) {
-  text-decoration: underline;
+  color: var(--wmcolor-link-text-hover);
+  text-decoration-thickness: 0.1428571429em;
 }
 nav .largescreen .paginationbtn:focus,
 nav .smallscreen .paginationbtn:focus {
@@ -936,12 +931,12 @@ nav .smallscreen .paginationbtn::-moz-focus-inner {
 }
 nav .largescreen .paginationbtn[disabled],
 nav .smallscreen .paginationbtn[disabled] {
-  color: var(--wmcolor-pagination-button-text-disabled);
+  color: var(--wmcolor-interactive-disabled);
   pointer-events: none;
 }
 nav .largescreen .paginationbtn[disabled] svg *,
 nav .smallscreen .paginationbtn[disabled] svg * {
-  fill: var(--wmcolor-pagination-arrow-disabled);
+  fill: var(--wmcolor-interactive-disabled);
 }
 nav .largescreen .previousbtn,
 nav .smallscreen .previousbtn {
@@ -1001,11 +996,11 @@ nav .largescreen .paginationbtn[aria-current=page] {
   -ms-border-radius: 50%;
   border-radius: 50%;
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
-  background: var(--wmcolor-pagination-current-background);
-  color: var(--wmcolor-pagination-current-text);
+  background: var(--wmcolor-interactive);
+  color: var(--wmcolor-interactive-text);
 }
 nav .largescreen .paginationbtn[aria-current=page]:hover {
-  background: var(--wmcolor-pagination-current-background-hover);
+  background: var(--wmcolor-interactive-hover);
 }
 
 .sr-only {

package/dist/collection/components/wm-pagination/wm-pagination.js

@@ -203,7 +203,7 @@ export class Pagination {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (h("nav", { key: '34ffd75c251b8044ceb255a113c71cd796ed3cc1', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '4d60c8ad94a519dc78f670c93a8d09f722861698', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: '0dd1e2de8fe412fcdb1e9dd55ae0aa50182bdc5f', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: 'a2b34da3b059df6b42522d19ee4841fc02553fcf', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
     }
     static get is() { return "wm-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-search/wm-search.css

@@ -865,17 +865,13 @@
 }
 
 :host {
-  --wmcolor-search-background: var(--wmcolor-background);
-  --wmcolor-search-border: var(--wmcolor-border-dark);
-  --wmcolor-search-jump-text-focus: var(--wmcolor-interactive-focus);
-  --wmcolor-search-jump-text: var(--wmcolor-interactive);
   width: 100%;
   font-size: 0.875rem;
 }
 :host .wm-search-wrapper {
   border-radius: 3px;
   position: relative;
-  border: 1px solid var(--wmcolor-search-border);
+  border: 1px solid var(--wmcolor-border-dark);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -889,7 +885,7 @@
   border: none;
   height: 40px;
   padding: 0 1.75rem;
-  background: var(--wmcolor-search-background);
+  background: var(--wmcolor-background);
   overflow: visible;
   width: 100%;
   flex: 1;
@@ -935,14 +931,18 @@
 }
 :host .jump-results {
   all: unset;
-  color: var(--wmcolor-search-jump-text);
-  text-decoration: none;
+  color: var(--wmcolor-link-text);
+  text-decoration: underline;
+  text-decoration-thickness: 0.0714285714em;
+  text-underline-offset: 0.1428571429em;
   font-weight: 500;
   font-size: 0.875rem;
   display: inline-block;
   margin: 8px 0;
 }
 :host .jump-results:focus-visible {
+  color: var(--wmcolor-link-text-hover);
+  text-decoration-thickness: 0.1428571429em;
   outline: 3px solid var(--wmcolor-interactive-focus);
   outline-offset: 2px;
 }

package/dist/collection/components/wm-search/wm-search.js

@@ -168,10 +168,10 @@ export class Search {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, { key: 'a3636bdd9326beaba25db7b470d27cdbeb8403f9' }, h("div", { key: '2f1f51709653b0c56d003b05562a0a874451c5c5', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '57671b412397741fe67d1fff8ca5795532ea6e22', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: '0badc426e30ae7a816fb78fd187060c615adf238' }, h("div", { key: '66fe953f705a2c90c628855c0864477e62b3ebf3', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '52c205e6873386f5cb270666eb0e6f86aa635549', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
                 id: "search.typeToFilterResults",
                 defaultMessage: "Type to filter the results",
-            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '6240e8b26fb69ee46e6942dc69cbdd4feca6b6a3', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: 'f7cc16ffc7a7b03850a9dca6ac2cc2ee53833c51', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
+            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '71dbaea311e49a6a576787232a10a66da287eb09', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '3e0ede8efc35452092bd42e684a4be6287118e44', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
     }
     static get is() { return "wm-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-snackbar/wm-snackbar.css

@@ -866,12 +866,6 @@
 }
 
 :host {
-  --wmcolor-snackbar-background: var(--wmcolor-background-dark);
-  --wmcolor-snackbar-close-background-hover: var(--wmcolor-interactive-ondark);
-  --wmcolor-snackbar-close-background: var(--wmcolor-background-transparent);
-  --wmcolor-snackbar-close-icon-hover: var(--wmcolor-interactive);
-  --wmcolor-snackbar-close-icon: var(--wmcolor-interactive-ondark);
-  --wmcolor-snackbar-text: var(--wmcolor-text-ondark);
   position: fixed;
   bottom: 0;
   z-index: 2001;
@@ -915,10 +909,10 @@
   -moz-transition: all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
   transition: all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
   font-size: 0.875rem;
-  color: var(--wmcolor-snackbar-text);
+  color: var(--wmcolor-text-ondark);
   padding: 1rem;
   min-block-size: 3.75rem;
-  background: var(--wmcolor-snackbar-background);
+  background: var(--wmcolor-background-dark);
   opacity: 0;
   left: 0;
   position: relative;
@@ -967,12 +961,15 @@
   text-decoration: none;
   font-weight: 600;
   cursor: pointer;
+  text-decoration: underline;
+  text-decoration-thickness: 0.0714285714em;
+  text-underline-offset: 0.1428571429em;
 }
 :host .wm-snack-wrapper .wm-snackbar .link .svg-open-in-new {
   margin-inline-start: 0.25rem;
 }
 :host .wm-snack-wrapper .wm-snackbar .link:hover {
-  text-decoration: underline;
+  text-decoration-thickness: 0.1428571429em;
 }
 :host .wm-snack-wrapper .wm-snackbar .link:focus {
   outline: none;
@@ -1033,8 +1030,8 @@
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
-  background-color: var(--wmcolor-snackbar-close-background);
-  color: var(--wmcolor-snackbar-close-icon);
+  background-color: var(--wmcolor-background-transparent);
+  color: var(--wmcolor-interactive-ondark);
   cursor: pointer;
   border: none;
   font-size: 1rem;
@@ -1050,8 +1047,8 @@
   --icon-size: 1.125rem;
 }
 :host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:hover {
-  background-color: var(--wmcolor-snackbar-close-background-hover);
-  color: var(--wmcolor-snackbar-close-icon-hover);
+  background-color: var(--wmcolor-interactive-ondark);
+  color: var(--wmcolor-interactive);
 }
 :host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus {
   outline: none;

package/dist/collection/components/wm-snackbar/wm-snackbar.js

@@ -145,11 +145,11 @@ export class Snackbar {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link), notification.newWindow && h("div", { class: "svg-icon svg-open-in-new" })))), h("button", { id: `close-button-${notification.id}`, "aria-label": this.closeSnackMessage, class: "closesnack", tabindex: notification.link ? 0 : -1, onClick: () => this.snackDismissed(notification), onMouseEnter: (ev) => showTooltip("bottom", ev.target, globalMessages.close), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.isTabbing && showTooltip("bottom", ev.target, globalMessages.close), onBlur: () => hideTooltip() }, h("div", { class: "svg-icon svg-close" }))), h("div", { class: "sr-only", tabindex: notification.link ? 0 : -1, onFocus: () => notification.link && this.snackDismissed(notification) })))));
     }
     render() {
-        return (h(Host, { key: '94ada273fd2638ee9e4ccec7915a8011628d0009' }, h("div", { key: '28d0856fbaf88e90aee407d6b3524ea19dfd42c0', ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: '84273f446de24a6f61ae4e057e49d3da182149ce' }, h("div", { key: '7adcbc01ac51d68ccdc6e5c1e6876adb9fdb956d', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { key: '43445193d9a2eaef7492bbc63bf60a5cc44216cf', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+            } }, this.renderSnackbars()), h("div", { key: '3314ee4b261b884600ff98ae8e9a1087f66b7d12', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get is() { return "wm-snackbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -891,7 +891,7 @@
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0;
-  color: var(--wmcolor-tab-text);
+  color: var(--wmcolor-link-text);
   text-decoration: none;
   font-size: 0.875rem;
   font-weight: 600;
@@ -909,6 +909,7 @@
   font-weight: 700;
 }
 .tab-item .tab:hover, .tab-item .tab:active, .tab-item .tab:focus {
+  color: var(--wmcolor-link-text-hover);
   outline: none;
 }
 .tab-item.dark .tab {
@@ -919,7 +920,7 @@
   opacity: 1;
 }
 .tab-item:has(.tab[aria-selected=true]) {
-  box-shadow: inset 0 -4px 0 0 var(--wmcolor-interactive);
+  box-shadow: inset 0 -4px 0 0 var(--wmcolor-link-text);
 }
 .tab-item:has(.tab[aria-selected=true]).dark {
   box-shadow: inset 0 -4px 0 0 var(--wmcolor-interactive-ondark);

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

@@ -27,9 +27,9 @@ export class TabItem {
     }
     render() {
         const isDark = this.parentTabList && this.parentTabList.customBackground == "dark";
-        return (h(Host, { key: '0be5770e4b97845cae75e961888707fa0424cf51', role: "presentation" }, h("li", { key: '8dc34fc09ad87c512c0fde04b4ac615030c1441e', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'd8441f0971202b13685c5ce1183aafbcc20233e2', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
+        return (h(Host, { key: 'a3428f7215247e174dd989f31df553ec7c2e76bf', role: "presentation" }, h("li", { key: '351d39f9a6fe217ca4d43d7421d20979e5c6a5df', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'b0934afc00da6283016f2245840f7c98eba023e0', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
                 this.wmIntTabFocused.emit({ tabItem: this.el });
-            } }, h("slot", { key: '439a5046d729d0a6a82c1edb6def57c8fbf2e761' })))));
+            } }, h("slot", { key: 'b1f7659a3f4d34d3ba80acaf04bd7403765c120f' })))));
     }
     static get is() { return "wm-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -257,15 +257,15 @@ export class TabList {
         this.announcement = message;
     }
     render() {
-        return (h(Host, { key: '3e844b43073845226e927d8ef8635b629b3078c6' }, h("div", { key: '4cdc200ade5f6d9ae92b4132086ddd24997422d5', class: "component-wrapper" }, h("wm-button", { key: 'f9291d8039bbcf4164bff13b7874a05e82c34d8b', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
+        return (h(Host, { key: '4d96241689596a458d8d51e03e4c68c503fbde32' }, h("div", { key: '97c6656543c22d7970403f3dc4233a78ef63b74d', class: "component-wrapper" }, h("wm-button", { key: '713d8219abec2f3743d95022302ae6083c538446', 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: 'e2e62316b668212193e4d8d6309a774970af94c6', 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: '444cbb46870cc96072430fdd7f85deea1e6f3375' })), h("wm-button", { key: '8a84f4d13a0b25cb6c1a3ccc9fe18a4a55ac067a', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
+            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: 'fe8e2e2ae3d7b13f0f55167da243a60c35df3144', 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: 'ec32591d2a5668df5088be59b13846f5fd356b42' })), h("wm-button", { key: '3918f7e86164e23294c48b209fea2ce91103f76f', 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: '0cde8bc3411cba96074d0389ce5ea93b06f61855', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '96fb1196fcddd7b3454bce22f4febe0d57e9a40a', "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/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js

@@ -12,7 +12,7 @@ export class TabPanel {
         this.tabPanelLoaded.emit({ tabId: this.tabId });
     }
     render() {
-        return h(Host, { key: '3258381fdf315b45be5bad6ee1a21420c3fe22f5', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
+        return h(Host, { key: '385e332f10a9fc6221353fb83be59b0037ffefc2', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
     }
     static get is() { return "wm-tab-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-tag-input/wm-tag-input.js

@@ -927,10 +927,10 @@ export class TagInput {
         }
     }
     render() {
-        return (h("div", { key: '5b248aedb7263d9980f4af6d0763741e9562a707', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '48494c601e624476c500a3bf32c13c8b58d1e487', class: "label-wrapper" }, h("label", { key: 'f7d1d542f51a4898ac6fe6fc321e95a5446d190c', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: '5be180e4c932103ee24912b86853ce297d6ea8bc', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '66ccdfd87612cffdca65f4c0c3fdb9f8b6f50f66', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '3c7c91d6673811a7b5ac54611a5c3db9a5ba3fa4', class: "upper-row" }, h("div", { key: 'b209dd69743057be72a1b4fd8ee71bce0dda3e1e', class: "svg-icon svg-search" }), h("div", { key: '1bb2e1873e45f7e2cfba59c97d96e16e24797976', class: `tags-and-input-wrapper` }, h("ul", { key: '329924434065ec18b590434b9a3504e5e709540b', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
+        return (h("div", { key: 'bc7ceb341af4255f65128f6a525a3e20e12167c5', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f6fdfac85220dfd3b631243fca8cadb4597d6bc8', class: "label-wrapper" }, h("label", { key: 'f9e85609dd7073deed0387a7a067d3d5d4a758ee', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: '43019cbc3f96e62f9777747ef549453cad428b84', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'be53d57e66fafb2c8d6e8df43a37f494a35083d4', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'a61a1bd233e6fcc89aaa0487931c2c451ebaf98b', class: "upper-row" }, h("div", { key: 'fb86580cf7cbaf89d7cad4410d619ef1e73aa9b0', class: "svg-icon svg-search" }), h("div", { key: 'b4e1479be2e46d37be3fddbc165a48730beabaad', class: `tags-and-input-wrapper` }, h("ul", { key: 'a650280f8c311c0b8ce2e5fca09fd943583eabec', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
                 this.focusedTagIndex = undefined;
                 this.handleBlur(ev);
-            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '54a6ebcc34496f2eb510631739955caf4d5da467', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '39d887a94835cff9f18e2534a709a06c882959f7', id: "info", class: "info-text" }, this.info)), h("div", { key: '4ff8006f313cd5caa9a3fbd6991bd78d3c5180e6', id: "error" }, this.errorMessage), h("div", { key: 'b592c8b5dac99392607b46ea26d47995d28f7050', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: 'c76ccb17e08ff237a00fc56e592cd8453582f654', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '329efa16d0e5cbb0d7d9c527675340493baf2bca', id: "info", class: "info-text" }, this.info)), h("div", { key: '650c06b1b0380ef7cc5fd32eb91159754ac7da38', id: "error" }, this.errorMessage), h("div", { key: 'd4dcdd58f76c5a81e7480973a366e80fb6be51cd', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get is() { return "wm-tag-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-textarea/wm-textarea.js

@@ -71,7 +71,7 @@ export class Textarea {
         this.announcement = message;
     }
     render() {
-        return (h("div", { key: '74ce1775cef448b2f48729d0adf522f742b93594', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f5c3a71608d00e886adb1ba46bf2d47284d9f948', class: "label-wrapper" }, h("label", { key: '952f29910b017b9d39ee0397a903d7904499e1ab', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '90abb8fdf937f9972128fc5d9b37662eff4fc082', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("span", { key: 'd13ca26a2c58f5be069299a1e9359bc723a0ef72', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'ba9c3724f5becfbc62ed7e18310a41dfd82740e4', class: "inner-wrapper" }, h("div", { key: '3961695bbd77d01d70b81f6457943a11e504a925', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: 'b988435aae6274ca12527280f3d2d23cb7287380', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: '316d16bf981d25bf81838166adf3b762a8cdd029', id: "info", class: "info" }, this.info)), h("div", { key: '17cce3c54e284a9348a1270541b84f076d88998c', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '08451b1914a7629d7d16d99e3e78712f10b9f627', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '98a1bc4a7b2d670703dda7312b3f54e243a42ca4', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'cd0bb8321d1986dc0c0289fed28b6edca0106a9b', class: "label-wrapper" }, h("label", { key: '26ea0c3c4f0d337ce17a94994bc9c84e7260a931', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '3771ee7ef88d6a067fd27e7ab19d946ab5284044', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("span", { key: 'a7d6d49787677a5adbf3280ade5a40b5480c26a1', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '73318c22acbc096af93935b9ffd4907ccd978e3f', class: "inner-wrapper" }, h("div", { key: 'dc51d20aa1ac358c7c4b4b75f007a37e7f557bab', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '4515ea10856ef034f4aca1d71ec82a11b3db75c5', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: 'c7fe059676f069e8fcdfe9cb3140261857da96c7', id: "info", class: "info" }, this.info)), h("div", { key: 'ef21da1faba7f0f7441baa2023c9de9a63c91d22', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'c4cbc2ffd6efa2456618d97974ca14a51a970223', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-timepicker/wm-timepicker.js

@@ -281,13 +281,13 @@ export class Timepicker {
         return this.times.map((time, index) => (h("li", { id: `option${index + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
     }
     render() {
-        return (h(Host, { key: 'da0fd0b1de084487ba4e32bbd53dcd514ed112bc', onBlur: () => this.close(false) }, h("div", { key: '2837930a62ea26bdca45bb69b45a94153104d791', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '1db04c5e13d756802e2dc2edaeefd494e1499044', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '38c1b82f7191dbf174aa4779f63fc4efac24a328', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '7d6148e99816e4cb49165f9cc0876c617f9c9d0e', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'ecc849f353c72d8809e497f514fc1efffa3bc00e' }, h("div", { key: 'ad87235c16f4fc6135a8e91d7e35a81d80bc5a3c', class: "inner-wrapper" }, h("input", { key: '3af501242d00b1ced5ba7ee3405a08c9d11126bc', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { key: '947d9b23d656482ecc38faa792cd387f15566c1f', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
+        return (h(Host, { key: 'f98804829acffe149895961cd4886b3474f6faf5', onBlur: () => this.close(false) }, h("div", { key: '8cf42648463b6a583a80a1aea2c0557d05b212bb', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: 'e95387c48dfaa41cfae939a34a491ab2f6068252', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: 'b2320f7692e4f53ef8650496b4ace2c0f895133e', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'f203eda85f04e464b6ebbf4d083ab2a57c38e552', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'e111ce9e656608013a06e35d03c2a94b0a131c20' }, h("div", { key: '5247aef8ff1ea9b8852d7a5f37e279832bc97396', class: "inner-wrapper" }, h("input", { key: 'bd9d8ed36234a3e27fdc4e13a52e94a9939f6327', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { key: 'a9b02c4853528bb5175f6002ac2f5acf6f7b132e', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
             // This addresses an issue in Safari, where clicking buttons does not focus them
             // if the button does not receive focus when clicked, Timepicker incorrectly emits a blur event
             onMouseDown: (ev) => {
                 ev.preventDefault();
                 this.buttonEl.focus();
-            } }, h("span", { key: 'ca1897c49182b7a78d78bc3920cee38a3b43baab', class: "svg-icon svg-time" })), h("ul", { key: 'c2b449f07c3b5dba20b4f9ffc825216398532752', class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: 'fe8a9b32c74d40068500979a5af7fd3e4486428a', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '3e1e3afd35c19dc2dc7a5635445ec3c5722f2f13', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, h("span", { key: '5a056cfb78d1cbe04dcb406a193ef4805ad307da', class: "svg-icon svg-time" })), h("ul", { key: '5dea217b8288309b4928f5ac796770f35980c57a', class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: 'aef93e8dab933cdfa73fa63fd223c76f8b739285', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '03be6148df4a4b474c91b03dbd1764b01b841e18', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
     }
     static get is() { return "wm-timepicker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-toggletip/wm-toggletip.js

@@ -229,11 +229,11 @@ export class Toggletip {
         }
     }
     render() {
-        return (h(Host, { key: '4ef06e1cd3a72fe9b8234aa549116d2e4f7f266c', class: `size-${this.targetSize}` }, h("button", { key: '727cec9a9da8fd7377f9ec09aef1da2f0901d6ae', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
+        return (h(Host, { key: '56260e54c520a577c7aea91ab8bc96f17c289a31', class: `size-${this.targetSize}` }, h("button", { key: '6607e14bc37144ca2fe0e8d2625772510faa9ea0', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
             // In order to position the tooltip identically to the toggletip, its presence is determined by these four events
-            onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: 'bbdfe9919e65a2fbd6876376f23496feb4adf5e1', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
+            onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: '8771bfc3780775227334f2fb23df98fe8df6f191', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
             // @ts-ignore - despite what Typescript says, this is a valid event for popover elements
-            onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: '57aedc6a3d1d383d1a2f1143a1ce3ea29fd7ee5d', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+            onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: 'cc3081f4a2446a79f05a057cb42bf4057c1a3047', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-uploader/wm-uploader.css

@@ -161,7 +161,7 @@
 :host .wm-button.nowrap {
   display: inline-block;
   width: 100%;
-  overflow: hidden;
+  overflow-x: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
@@ -233,7 +233,10 @@
   border-color: transparent;
 }
 :host .wm-button.-textonly {
-  color: var(--wmcolor-button-text-textonly);
+  color: var(--wmcolor-link-text);
+  text-decoration: underline;
+  text-decoration-thickness: 0.0714285714em;
+  text-underline-offset: 0.1428571429em;
   box-shadow: none;
   display: inline-block;
   letter-spacing: 0;
@@ -245,31 +248,27 @@
   padding: 0;
   height: auto;
   min-height: unset;
-  line-height: 1;
   overflow-wrap: anywhere;
   border-radius: 2px;
 }
 :host .wm-button.-textonly.small {
   font-size: 0.625rem;
 }
-:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete) {
-  text-decoration: underline;
+:host .wm-button.-textonly:hover:not(:disabled):not(.disabled) {
+  text-decoration-thickness: 0.1428571429em;
 }
-:host .wm-button.-textonly.dark {
-  color: var(--wmcolor-button-text-textonly-ondark);
+:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete):not(.ai) {
+  color: var(--wmcolor-link-text-hover);
 }
-:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled) {
-  text-decoration: underline;
+:host .wm-button.-textonly.dark:not(:disabled):not(.disabled):not(.-permanentlydelete):not(.ai) {
+  color: var(--wmcolor-link-text-ondark);
+}
+:host .wm-button.-textonly.dark:not(:disabled):not(.disabled):not(.-permanentlydelete):not(.ai):hover {
+  color: var(--wmcolor-link-text-hover-ondark);
 }
 :host .wm-button.-textonly.-permanentlydelete {
   color: var(--wmcolor-button-background-delete);
 }
-:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark) {
-  text-decoration: underline;
-}
-:host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled) {
-  color: var(--wmcolor-button-text-textonly-ondark);
-}
 :host .wm-button.-icononly, :host .wm-button.-navigational {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
@@ -1832,9 +1831,17 @@
 .requirements summary {
   list-style-type: none;
   font-weight: 700;
-  color: var(--wmcolor-interactive);
   padding-inline-end: 0.5rem;
   width: fit-content;
+  color: var(--wmcolor-link-text);
+  cursor: default;
+  text-decoration: underline;
+  text-decoration-thickness: 0.0714285714em;
+  text-underline-offset: 0.1428571429em;
+}
+.requirements summary:hover {
+  color: var(--wmcolor-link-text-hover);
+  text-decoration-thickness: 0.1428571429em;
 }
 .requirements summary .title-text {
   margin-inline-start: 1.5rem;

package/dist/collection/components/wm-uploader/wm-uploader.js

@@ -316,9 +316,9 @@ export class Uploader {
         return (h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, h("span", { class: "upload-arrow" }), h("span", null, "Drop to Upload")))));
     }
     render() {
-        return (h(Host, { key: '59756938b72985042da259a2a5fe24a88cbdb67d', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '34a9ec3ff46f4bb24a8e5aae14aa59b1e8c8f5ae', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
+        return (h(Host, { key: '2845280b1c6de75ac92b5ca4c331c5ab7d783e66', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '23f86b3cd9edf9123c5c0f8a625cf04649a863bc', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
             ,
-            "aria-atomic": "true" }), h("div", { key: '6c3ff3066826855a6fa062fecfa6c01f37e9640e', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), h("div", { key: '7f42eefcc7e94e67ec3821d6b2c2db61e901b571', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-uploader"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/{app-globals-2d0df1cb.js → app-globals-e00b1feb.js}

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