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

package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css

@@ -860,12 +860,6 @@
   mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A");
 }
 
-priv-chart-popover {
-  --wmcolor-chart-popover-link-background: var(--wmcolor-background-transparent);
-  --wmcolor-chart-popover-link-text-focus: var(--wmcolor-interactive-focus);
-  --wmcolor-chart-popover-link-text: var(--wmcolor-interactive);
-  --wmcolor-chart-popover-background: var(--wmcolor-background);
-}
 priv-chart-popover.user-is-keying .button-text {
   outline: 3px solid var(--wmcolor-interactive-focus);
   outline-offset: 2px;
@@ -893,7 +887,7 @@ priv-chart-popover.user-is-keying .button-text {
   -webkit-box-shadow: 0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);
-  background-color: var(--wmcolor-chart-popover-background);
+  background-color: var(--wmcolor-background);
   font-size: 0.875rem;
   text-align: left;
   width: 10.5rem;
@@ -929,7 +923,7 @@ priv-chart-popover.user-is-keying .button-text {
   padding-right: 0;
   height: auto;
   border: none;
-  background: var(--wmcolor-chart-popover-link-background);
+  background: var(--wmcolor-background-transparent);
   cursor: pointer;
   text-decoration: none;
   letter-spacing: 0;
@@ -937,7 +931,7 @@ priv-chart-popover.user-is-keying .button-text {
   text-align: initial;
   font-size: 0.875rem;
   font-weight: 700;
-  color: var(--wmcolor-chart-popover-link-text);
+  color: var(--wmcolor-link-text);
   line-height: normal;
 }
 .popover .popover-button .button-text {
@@ -948,6 +942,11 @@ priv-chart-popover.user-is-keying .button-text {
   top: 0.1875rem;
   left: -1rem;
 }
+.popover .popover-button span {
+  text-decoration: underline;
+  text-decoration-thickness: 0.0714285714em;
+  text-underline-offset: 0.1428571429em;
+}
 .popover .popover-button:focus {
   outline: none;
 }
@@ -959,5 +958,6 @@ priv-chart-popover.user-is-keying .button-text {
   text-decoration: none;
 }
 .popover .popover-button:hover span {
-  text-decoration: underline;
+  color: var(--wmcolor-link-text-hover);
+  text-decoration-thickness: 0.1428571429em;
 }

package/dist/collection/components/wm-button/wm-button.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%;

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-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-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-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-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/esm/{app-globals-fc98aff2.js → app-globals-e00b1feb.js}

@@ -1,6 +1,6 @@
 import './index-130e07bb.js';
 
-const version = "5.23.0-alpha.4";
+const version = "5.23.0-alpha.5";
 
 // 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-fc98aff2.js';
+import { g as globalScripts } from './app-globals-e00b1feb.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;