npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1255 → 3.0.1257 - Mend

@cloudscape-design/components-themeable 3.0.1255 → 3.0.1257

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 (139) hide show

package/lib/internal/template/link/styles.scoped.css CHANGED Viewed

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_link_4c84z_1js89_145:not(#\9) {
+.awsui_link_4c84z_1ecx0_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,10 +174,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: inline;
   white-space: inherit;
-  --awsui-style-focus-ring-box-shadow-n6lfw8: 0 0 0 var(--awsui-style-focus-ring-border-width-n6lfw8, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-n6lfw8, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-style-focus-ring-box-shadow-hzjhvz: 0 0 0 var(--awsui-style-focus-ring-border-width-hzjhvz, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-hzjhvz, var(--color-border-item-focused-r5f6xl, #0073bb));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -188,33 +188,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1ecx0_145:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145:not(#\9):active, .awsui_link_4c84z_1js89_145:not(#\9):focus, .awsui_link_4c84z_1js89_145:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145:not(#\9):active, .awsui_link_4c84z_1ecx0_145:not(#\9):focus, .awsui_link_4c84z_1ecx0_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -225,31 +225,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9):active, .awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9):focus, .awsui_link_4c84z_1ecx0_145.awsui_variant-secondary_4c84z_1ecx0_212:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9) {
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9) {
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -260,33 +260,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9):active, .awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9):focus, .awsui_link_4c84z_1ecx0_145.awsui_variant-primary_4c84z_1ecx0_247:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -297,31 +297,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9):active, .awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9):focus, .awsui_link_4c84z_1ecx0_145.awsui_variant-info_4c84z_1ecx0_280:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9) {
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9) {
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-box-value-large-weight-zc1blz, 300);
   text-decoration-line: underline;
   text-decoration-color: currentColor;
@@ -331,33 +331,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9):active, .awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9):focus, .awsui_link_4c84z_1ecx0_145.awsui_variant-value-large_4c84z_1ecx0_315:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-interactive-default-qwoe3g, #545b64));
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-interactive-default-qwoe3g, #545b64));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -368,31 +368,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-interactive-hover-bu4gls, #16191f));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-interactive-hover-bu4gls, #16191f));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-interactive-active-c44vdq, #16191f));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-interactive-active-c44vdq, #16191f));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9):active, .awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9):focus, .awsui_link_4c84z_1ecx0_145.awsui_variant-top-navigation_4c84z_1ecx0_347:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9) {
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9) {
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
   text-decoration-line: underline;
@@ -403,33 +403,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9):active, .awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9):focus, .awsui_link_4c84z_1ecx0_145.awsui_variant-recovery_4c84z_1ecx0_382:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-button-normal-default-dm02c2, #545b64));
+  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-button-normal-default-dm02c2, #545b64));
   font-weight: 700;
   letter-spacing: var(--font-button-letter-spacing-9h7rbb, 0.25px);
   text-decoration-line: none;
@@ -440,106 +440,106 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9) {
+  .awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
+  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
 }
-.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):focus {
+.awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):active {
-  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-button-normal-active-q28r86, #16191f));
+.awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9):active {
+  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-button-normal-active-q28r86, #16191f));
 }
-.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9):active, .awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9):focus, .awsui_link_4c84z_1ecx0_145.awsui_button_4c84z_1ecx0_415:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1js89_145.awsui_color-inverted_4c84z_1js89_450:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_color-inverted_4c84z_1ecx0_450:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_1js89_145.awsui_color-inverted_4c84z_1js89_450:not(#\9):not(.awsui_button_4c84z_1js89_415) {
+.awsui_link_4c84z_1ecx0_145.awsui_color-inverted_4c84z_1ecx0_450:not(#\9):not(.awsui_button_4c84z_1ecx0_415) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1js89_145.awsui_color-inverted_4c84z_1js89_450:not(#\9):hover {
+.awsui_link_4c84z_1ecx0_145.awsui_color-inverted_4c84z_1ecx0_450:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1js89_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1ecx0_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--awsui-style-focus-ring-border-color-n6lfw8, var(--color-border-item-focused-r5f6xl, #0073bb));
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-n6lfw8);
-}
-.awsui_link_4c84z_1js89_145.awsui_font-size-body-s_4c84z_1js89_471:not(#\9) {
+  outline-color: var(--awsui-style-focus-ring-border-color-hzjhvz, var(--color-border-item-focused-r5f6xl, #0073bb));
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-hzjhvz);
+}
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-body-s_4c84z_1ecx0_471:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-body-m_4c84z_1js89_478:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-body-m_4c84z_1ecx0_478:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-heading-xs_4c84z_1js89_484:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-heading-xs_4c84z_1ecx0_484:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   letter-spacing: var(--letter-spacing-heading-xs-tefhgo, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-heading-s_4c84z_1js89_491:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-heading-s_4c84z_1ecx0_491:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-heading-m_4c84z_1js89_498:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-heading-m_4c84z_1ecx0_498:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-heading-l_4c84z_1js89_505:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-heading-l_4c84z_1ecx0_505:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-heading-xl_4c84z_1js89_512:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-heading-xl_4c84z_1ecx0_512:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-display-l_4c84z_1js89_519:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-display-l_4c84z_1ecx0_519:not(#\9) {
   font-size: var(--font-size-display-l-h1h1h9, 44px);
   line-height: var(--line-height-display-l-3zghmm, 56px);
   letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 2px;
 }
-.awsui_link_4c84z_1js89_145.awsui_font-size-inherit_4c84z_1js89_526:not(#\9) {
+.awsui_link_4c84z_1ecx0_145.awsui_font-size-inherit_4c84z_1ecx0_526:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -547,10 +547,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1js89_145:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
-.awsui_icon-wrapper_4c84z_1js89_534:not(#\9) {
+.awsui_icon-wrapper_4c84z_1ecx0_534:not(#\9) {
   white-space: nowrap;
 }
-.awsui_icon_4c84z_1js89_534:not(#\9) {
+.awsui_icon_4c84z_1ecx0_534:not(#\9) {
   display: inline-block;
 }

package/lib/internal/template/link/styles.selectors.js CHANGED Viewed

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1js89_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1js89_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1js89_247",
-  "variant-info": "awsui_variant-info_4c84z_1js89_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1js89_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1js89_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1js89_382",
-  "button": "awsui_button_4c84z_1js89_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1js89_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1js89_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1js89_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1js89_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1js89_491",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1js89_498",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1js89_505",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1js89_512",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1js89_519",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1js89_526",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1js89_534",
-  "icon": "awsui_icon_4c84z_1js89_534"
+  "link": "awsui_link_4c84z_1ecx0_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1ecx0_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1ecx0_247",
+  "variant-info": "awsui_variant-info_4c84z_1ecx0_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1ecx0_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1ecx0_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1ecx0_382",
+  "button": "awsui_button_4c84z_1ecx0_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1ecx0_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1ecx0_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1ecx0_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1ecx0_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1ecx0_491",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1ecx0_498",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1ecx0_505",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1ecx0_512",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1ecx0_519",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1ecx0_526",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1ecx0_534",
+  "icon": "awsui_icon_4c84z_1ecx0_534"
 };

package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts CHANGED Viewed

@@ -17,6 +17,6 @@ export interface UseMouseHoverProps<T> {
 export declare function useMouseHover<T>({ plotRef, popoverRef, scaledSeries, barGroups, highlightPoint, highlightGroup, clearHighlightedSeries, isGroupNavigation, isHandlersDisabled, highlightX, }: UseMouseHoverProps<T>): {
     onSVGMouseMove: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
     onSVGMouseOut: (event: React.MouseEvent<SVGElement, MouseEvent>) => void;
-    onPopoverLeave: (event: React.MouseEvent) => void;
+    onPopoverLeave: () => void;
 };
 //# sourceMappingURL=use-mouse-hover.d.ts.map

package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-mouse-hover.d.ts","sourceRoot":"","sources":["../../../../src/mixed-line-bar-chart/hooks/use-mouse-hover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQpD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACvC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,YAAY,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CACjE;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,GACX,EAAE,kBAAkB,CAAC,CAAC,CAAC;4BAyES,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC;2BAUzC,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC~~;4BAavC,KAAK,CAAC,UAAU;EAQhD~~"}
1	+ {"version":3,"file":"use-mouse-hover.d.ts","sourceRoot":"","sources":["../../../../src/mixed-line-bar-chart/hooks/use-mouse-hover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAQpD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACvC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,YAAY,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CACjE;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,GACX,EAAE,kBAAkB,CAAC,CAAC,CAAC;4BAyES,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC;2BAUzC,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC;;EA8BvE"}

package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.js CHANGED Viewed

@@ -76,7 +76,14 @@ export function useMouseHover({ plotRef, popoverRef, scaledSeries, barGroups, hi
         }
     };
     const onSVGMouseOut = (event) => {
-        if (isHandlersDisabled || isMouseOverPopover(event)) {
+        var _a;
+        if (isHandlersDisabled) {
+            return;
+        }
+        // If the mouse is moving into the popover or its container (transition wrapper),
+        // let onPopoverLeave handle cleanup.
+        const popoverContainer = (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (event.relatedTarget && popoverContainer && nodeContains(popoverContainer, event.relatedTarget)) {
             return;
         }
         if (!nodeContains(plotRef.current.svg, event.relatedTarget) ||
@@ -85,11 +92,12 @@ export function useMouseHover({ plotRef, popoverRef, scaledSeries, barGroups, hi
             clearHighlightedSeries();
         }
     };
-    const onPopoverLeave = (event) => {
-        if (!isHandlersDisabled && nodeContains(plotRef.current.svg, event.relatedTarget)) {
-            highlightX(null);
-            clearHighlightedSeries();
+    const onPopoverLeave = () => {
+        if (isHandlersDisabled) {
+            return;
         }
+        highlightX(null);
+        clearHighlightedSeries();
     };
     return { onSVGMouseMove, onSVGMouseOut, onPopoverLeave };
 }

package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-mouse-hover.js","sourceRoot":"","sources":["../../../../src/mixed-line-bar-chart/hooks/use-mouse-hover.ts"],"names":[],"mappings":"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~~kBAAkB~~,CAAC,KAAK,CAAC,EAAE,CAAC;~~YACpD~~,OAAO;QACT,CAAC;~~QACD~~,IACE,CAAC,YAAY,CAAC,OAAO,CAAC,OAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC;YACxD,CAAC,KAAK,CAAC,aAAa,IAAK,KAAK,CAAC,aAAyB,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAC3F,CAAC;YACD,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,sBAAsB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,~~CAAC~~,~~KAAuB,~~EAAE~~,EAAE~~;~~QACjD~~,IAAI,~~CAAC,~~kBAAkB,~~IAAI~~,~~YAAY,~~CAAC,OAAO,CAAC~~,OAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC~~;~~YACnF~~,UAAU,CAAC,IAAI,CAAC,CAAC;~~YACjB~~,sBAAsB,EAAE,CAAC;~~QAC3B~~,CAAC~~;IACH~~,CAAC~~,CAAC~~;IAEF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AAC3D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\nimport { VerticalMarkerX } from '../interfaces';\nimport { ScaledBarGroup } from '../make-scaled-bar-groups';\nimport { ScaledPoint } from '../make-scaled-series';\nimport { isYThreshold } from '../utils';\n\nimport styles from '../styles.css.js';\n\nconst MAX_HOVER_MARGIN = 6;\nconst POPOVER_DEADZONE = 12;\n\nexport interface UseMouseHoverProps<T> {\n plotRef: React.RefObject<ChartPlotRef>;\n popoverRef: React.RefObject<HTMLElement>;\n scaledSeries: ReadonlyArray<ScaledPoint<T>>;\n barGroups: ScaledBarGroup<T>[];\n highlightPoint: (point: ScaledPoint<T> \| null) => void;\n highlightGroup: (groupIndex: number) => void;\n clearHighlightedSeries: () => void;\n isGroupNavigation: boolean;\n isHandlersDisabled: boolean;\n highlightX: (verticalMarker: VerticalMarkerX<T> \| null) => void;\n}\n\nexport function useMouseHover<T>({\n plotRef,\n popoverRef,\n scaledSeries,\n barGroups,\n highlightPoint,\n highlightGroup,\n clearHighlightedSeries,\n isGroupNavigation,\n isHandlersDisabled,\n highlightX,\n}: UseMouseHoverProps<T>) {\n const isMouseOverPopover = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n if (popoverRef.current?.firstChild) {\n const popoverPosition = (popoverRef.current.firstChild as HTMLElement).getBoundingClientRect();\n if (\n event.clientX > popoverPosition.x - POPOVER_DEADZONE &&\n event.clientX < popoverPosition.x + popoverPosition.width + POPOVER_DEADZONE &&\n event.clientY > popoverPosition.y - POPOVER_DEADZONE &&\n event.clientY < popoverPosition.y + popoverPosition.height + POPOVER_DEADZONE\n ) {\n return true;\n }\n }\n return false;\n };\n\n const onSeriesMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n const svgRect = (event.target as SVGElement).getBoundingClientRect();\n const offsetX = event.clientX - svgRect.left;\n\n const closestX = scaledSeries\n .map(v => v.x)\n .reduce((prev, curr) => (Math.abs(curr - offsetX) < Math.abs(prev - offsetX) ? curr : prev), -Infinity);\n\n if (isFinite(closestX)) {\n const offsetY = event.clientY - svgRect.top;\n const closestY = scaledSeries\n .filter(v => v.x === closestX \|\| isYThreshold(v.series))\n .map(v => v.y)\n .reduce((prev, curr) => (Math.abs(curr - offsetY) < Math.abs(prev - offsetY) ? curr : prev), -Infinity);\n\n if (\n isFinite(closestY) &&\n Math.abs(offsetX - closestX) < MAX_HOVER_MARGIN &&\n Math.abs(offsetY - closestY) < MAX_HOVER_MARGIN\n ) {\n const [{ color, datum, series }] = scaledSeries.filter(\n s => (s.x === closestX \|\| isYThreshold(s.series)) && s.y === closestY\n );\n highlightPoint({ x: closestX, y: closestY, color, datum, series });\n } else {\n let datumX = null;\n for (const point of scaledSeries) {\n if (point.x === closestX) {\n datumX = point.datum?.x ?? null;\n break;\n }\n }\n highlightX({ scaledX: closestX, label: datumX });\n }\n }\n };\n\n const onGroupMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n const svgRect = (event.target as SVGElement).getBoundingClientRect();\n const offsetX = event.clientX - svgRect.left;\n const offsetY = event.clientY - svgRect.top;\n\n // If hovering over some group - highlight it.\n for (let groupIndex = 0; groupIndex < barGroups.length; groupIndex++) {\n const {\n position: { x, y, width, height },\n } = barGroups[groupIndex];\n\n if (x <= offsetX && offsetX <= x + width && y <= offsetY && offsetY <= y + height) {\n highlightGroup(groupIndex);\n return;\n }\n }\n // Otherwise - clear the highlight.\n clearHighlightedSeries();\n };\n\n const onSVGMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n if (event.target === plotRef.current!.svg && !isHandlersDisabled && !isMouseOverPopover(event)) {\n if (isGroupNavigation) {\n onGroupMouseMove(event);\n } else if (scaledSeries.length > 0) {\n onSeriesMouseMove(event);\n }\n }\n };\n\n const onSVGMouseOut = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n if (isHandlersDisabled \|\| ~~isMouseOverPopover~~(event)) {\n return;\n }\n if (\n !nodeContains(plotRef.current!.svg, event.relatedTarget) \|\|\n (event.relatedTarget && (event.relatedTarget as Element).classList.contains(styles.series))\n ) {\n highlightX(null);\n clearHighlightedSeries();\n }\n };\n\n const onPopoverLeave = (~~event: React.MouseEvent~~) => {\n if (!isHandlersDisabled ~~&& nodeContains(plotRef.current!.svg, event.relatedTarget~~)) {\n highlightX(null);\n clearHighlightedSeries();\n ~~}\n~~ };\n\n return { onSVGMouseMove, onSVGMouseOut, onPopoverLeave };\n}\n"]}
1	+ {"version":3,"file":"use-mouse-hover.js","sourceRoot":"","sources":["../../../../src/mixed-line-bar-chart/hooks/use-mouse-hover.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\nimport { VerticalMarkerX } from '../interfaces';\nimport { ScaledBarGroup } from '../make-scaled-bar-groups';\nimport { ScaledPoint } from '../make-scaled-series';\nimport { isYThreshold } from '../utils';\n\nimport styles from '../styles.css.js';\n\nconst MAX_HOVER_MARGIN = 6;\nconst POPOVER_DEADZONE = 12;\n\nexport interface UseMouseHoverProps<T> {\n plotRef: React.RefObject<ChartPlotRef>;\n popoverRef: React.RefObject<HTMLElement>;\n scaledSeries: ReadonlyArray<ScaledPoint<T>>;\n barGroups: ScaledBarGroup<T>[];\n highlightPoint: (point: ScaledPoint<T> \| null) => void;\n highlightGroup: (groupIndex: number) => void;\n clearHighlightedSeries: () => void;\n isGroupNavigation: boolean;\n isHandlersDisabled: boolean;\n highlightX: (verticalMarker: VerticalMarkerX<T> \| null) => void;\n}\n\nexport function useMouseHover<T>({\n plotRef,\n popoverRef,\n scaledSeries,\n barGroups,\n highlightPoint,\n highlightGroup,\n clearHighlightedSeries,\n isGroupNavigation,\n isHandlersDisabled,\n highlightX,\n}: UseMouseHoverProps<T>) {\n const isMouseOverPopover = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n if (popoverRef.current?.firstChild) {\n const popoverPosition = (popoverRef.current.firstChild as HTMLElement).getBoundingClientRect();\n if (\n event.clientX > popoverPosition.x - POPOVER_DEADZONE &&\n event.clientX < popoverPosition.x + popoverPosition.width + POPOVER_DEADZONE &&\n event.clientY > popoverPosition.y - POPOVER_DEADZONE &&\n event.clientY < popoverPosition.y + popoverPosition.height + POPOVER_DEADZONE\n ) {\n return true;\n }\n }\n return false;\n };\n\n const onSeriesMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n const svgRect = (event.target as SVGElement).getBoundingClientRect();\n const offsetX = event.clientX - svgRect.left;\n\n const closestX = scaledSeries\n .map(v => v.x)\n .reduce((prev, curr) => (Math.abs(curr - offsetX) < Math.abs(prev - offsetX) ? curr : prev), -Infinity);\n\n if (isFinite(closestX)) {\n const offsetY = event.clientY - svgRect.top;\n const closestY = scaledSeries\n .filter(v => v.x === closestX \|\| isYThreshold(v.series))\n .map(v => v.y)\n .reduce((prev, curr) => (Math.abs(curr - offsetY) < Math.abs(prev - offsetY) ? curr : prev), -Infinity);\n\n if (\n isFinite(closestY) &&\n Math.abs(offsetX - closestX) < MAX_HOVER_MARGIN &&\n Math.abs(offsetY - closestY) < MAX_HOVER_MARGIN\n ) {\n const [{ color, datum, series }] = scaledSeries.filter(\n s => (s.x === closestX \|\| isYThreshold(s.series)) && s.y === closestY\n );\n highlightPoint({ x: closestX, y: closestY, color, datum, series });\n } else {\n let datumX = null;\n for (const point of scaledSeries) {\n if (point.x === closestX) {\n datumX = point.datum?.x ?? null;\n break;\n }\n }\n highlightX({ scaledX: closestX, label: datumX });\n }\n }\n };\n\n const onGroupMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n const svgRect = (event.target as SVGElement).getBoundingClientRect();\n const offsetX = event.clientX - svgRect.left;\n const offsetY = event.clientY - svgRect.top;\n\n // If hovering over some group - highlight it.\n for (let groupIndex = 0; groupIndex < barGroups.length; groupIndex++) {\n const {\n position: { x, y, width, height },\n } = barGroups[groupIndex];\n\n if (x <= offsetX && offsetX <= x + width && y <= offsetY && offsetY <= y + height) {\n highlightGroup(groupIndex);\n return;\n }\n }\n // Otherwise - clear the highlight.\n clearHighlightedSeries();\n };\n\n const onSVGMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n if (event.target === plotRef.current!.svg && !isHandlersDisabled && !isMouseOverPopover(event)) {\n if (isGroupNavigation) {\n onGroupMouseMove(event);\n } else if (scaledSeries.length > 0) {\n onSeriesMouseMove(event);\n }\n }\n };\n\n const onSVGMouseOut = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n if (isHandlersDisabled) {\n return;\n }\n\n // If the mouse is moving into the popover or its container (transition wrapper),\n // let onPopoverLeave handle cleanup.\n const popoverContainer = popoverRef.current?.parentElement;\n if (event.relatedTarget && popoverContainer && nodeContains(popoverContainer, event.relatedTarget)) {\n return;\n }\n\n if (\n !nodeContains(plotRef.current!.svg, event.relatedTarget) \|\|\n (event.relatedTarget && (event.relatedTarget as Element).classList.contains(styles.series))\n ) {\n highlightX(null);\n clearHighlightedSeries();\n }\n };\n\n const onPopoverLeave = () => {\n if (isHandlersDisabled) {\n return;\n }\n highlightX(null);\n clearHighlightedSeries();\n };\n\n return { onSVGMouseMove, onSVGMouseOut, onPopoverLeave };\n}\n"]}