@cloudscape-design/components 3.0.27 → 3.0.28

package/link/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_link_4c84z_1o5jy_93:not(#\9) {
+.awsui_link_4c84z_v8uku_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -137,31 +137,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93:not(#\9) {
+  .awsui_link_4c84z_v8uku_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93:not(#\9):active {
+.awsui_link_4c84z_v8uku_93:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93:not(#\9):active, .awsui_link_4c84z_1o5jy_93:not(#\9):focus, .awsui_link_4c84z_1o5jy_93:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93:not(#\9):active, .awsui_link_4c84z_v8uku_93:not(#\9):focus, .awsui_link_4c84z_v8uku_93:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -172,31 +172,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9) {
+  .awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9):active {
+.awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9):active, .awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9):focus, .awsui_link_4c84z_1o5jy_93.awsui_variant-secondary_4c84z_1o5jy_138:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9):active, .awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9):focus, .awsui_link_4c84z_v8uku_93.awsui_variant-secondary_4c84z_v8uku_138:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-link-primary-weight-91pybi, "inherit");
   letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
@@ -207,31 +207,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9) {
+  .awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9):active {
+.awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9):active, .awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9):focus, .awsui_link_4c84z_1o5jy_93.awsui_variant-primary_4c84z_1o5jy_173:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9):active, .awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9):focus, .awsui_link_4c84z_v8uku_93.awsui_variant-primary_4c84z_v8uku_173:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-button-weight-7rj5fx, 800);
   letter-spacing: 0.005em;
@@ -242,31 +242,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9) {
+  .awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9):active {
+.awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9):active, .awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9):focus, .awsui_link_4c84z_1o5jy_93.awsui_variant-info_4c84z_1o5jy_208:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9):active, .awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9):focus, .awsui_link_4c84z_v8uku_93.awsui_variant-info_4c84z_v8uku_208:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-box-value-large-weight-dyt1pj, 800);
   text-decoration: none;
@@ -276,31 +276,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9) {
+  .awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9):active {
+.awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9):active, .awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9):focus, .awsui_link_4c84z_1o5jy_93.awsui_variant-value-large_4c84z_1o5jy_243:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9):active, .awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9):focus, .awsui_link_4c84z_v8uku_93.awsui_variant-value-large_4c84z_v8uku_243:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9) {
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -311,31 +311,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9) {
+  .awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-v3lasm, #000716);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9):active {
+.awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9):active {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9):active, .awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9):focus, .awsui_link_4c84z_1o5jy_93.awsui_variant-top-navigation_4c84z_1o5jy_277:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9):active, .awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9):focus, .awsui_link_4c84z_v8uku_93.awsui_variant-top-navigation_4c84z_v8uku_277:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-link-button-weight-4f1hjr, 800);
   letter-spacing: var(--font-link-button-letter-spacing-58wset, 0.005em);
@@ -346,31 +346,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9) {
+  .awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9):active {
+.awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9):active, .awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9):focus, .awsui_link_4c84z_1o5jy_93.awsui_variant-recovery_4c84z_1o5jy_312:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9):active, .awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9):focus, .awsui_link_4c84z_v8uku_93.awsui_variant-recovery_4c84z_v8uku_312:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: var(--color-text-link-button-underline-hover-ei09le, transparent);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9) {
   color: var(--color-text-link-button-normal-default-2yrp9u, #0972d3);
   font-weight: var(--font-button-weight-7rj5fx, 800);
   letter-spacing: var(--font-button-letter-spacing-8y5poz, 0.005em);
@@ -381,42 +381,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9) {
+  .awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-gz8y5b, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9):active {
+.awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9):active {
   color: var(--color-text-link-button-normal-active-8lhs8f, #033160);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9):active, .awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9):focus, .awsui_link_4c84z_1o5jy_93.awsui_button_4c84z_1o5jy_347:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9):active, .awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9):focus, .awsui_link_4c84z_v8uku_93.awsui_button_4c84z_v8uku_347:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_color-inverted_4c84z_1o5jy_382:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_color-inverted_4c84z_v8uku_382:not(#\9) {
   color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_color-inverted_4c84z_1o5jy_382:not(#\9):not(.awsui_button_4c84z_1o5jy_347) {
+.awsui_link_4c84z_v8uku_93.awsui_color-inverted_4c84z_v8uku_382:not(#\9):not(.awsui_button_4c84z_v8uku_347) {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1o5jy_93.awsui_color-inverted_4c84z_1o5jy_382:not(#\9):hover {
+.awsui_link_4c84z_v8uku_93.awsui_color-inverted_4c84z_v8uku_382:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-5tnsdi, #ffffff);
 }
-.awsui_link_4c84z_1o5jy_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_link_4c84z_v8uku_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -424,45 +424,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-body-s_4c84z_1o5jy_401:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-body-s_4c84z_v8uku_401:not(#\9) {
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-body-m_4c84z_1o5jy_406:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-body-m_4c84z_v8uku_406:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-heading-xs_4c84z_1o5jy_410:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-heading-xs_4c84z_v8uku_410:not(#\9) {
   font-size: var(--font-heading-xs-size-fryxro, 14px);
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-heading-s_4c84z_1o5jy_414:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-heading-s_4c84z_v8uku_414:not(#\9) {
   font-size: var(--font-heading-s-size-9clg8y, 16px);
   line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
   letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-heading-m_4c84z_1o5jy_419:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-heading-m_4c84z_v8uku_419:not(#\9) {
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
   line-height: var(--font-heading-m-line-height-u3t54f, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-heading-l_4c84z_1o5jy_424:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-heading-l_4c84z_v8uku_424:not(#\9) {
   font-size: var(--font-heading-l-size-otmxys, 24px);
   line-height: var(--font-heading-l-line-height-gev4n1, 30px);
   letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-heading-xl_4c84z_1o5jy_429:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-heading-xl_4c84z_v8uku_429:not(#\9) {
   font-size: var(--font-heading-xl-size-d0vjbk, 32px);
   line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
   letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
 }
-.awsui_link_4c84z_1o5jy_93.awsui_font-size-display-l_4c84z_1o5jy_434:not(#\9) {
+.awsui_link_4c84z_v8uku_93.awsui_font-size-display-l_4c84z_v8uku_434:not(#\9) {
   font-size: var(--font-display-l-size-03lgcb, 48px);
   line-height: var(--font-display-l-line-height-71tnj3, 54px);
   letter-spacing: var(--font-display-l-letter-spacing-4ff418, -0.03em);
 }
 
-.awsui_icon_4c84z_1o5jy_440:not(#\9) {
+.awsui_icon-wrapper_4c84z_v8uku_440:not(#\9) {
+  white-space: nowrap;
+}
+
+.awsui_icon_4c84z_v8uku_440:not(#\9) {
   display: inline-block;
 }

package/link/styles.selectors.js

@@ -2,23 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1o5jy_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1o5jy_138",
-  "variant-primary": "awsui_variant-primary_4c84z_1o5jy_173",
-  "variant-info": "awsui_variant-info_4c84z_1o5jy_208",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1o5jy_243",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1o5jy_277",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1o5jy_312",
-  "button": "awsui_button_4c84z_1o5jy_347",
-  "color-inverted": "awsui_color-inverted_4c84z_1o5jy_382",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1o5jy_401",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1o5jy_406",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1o5jy_410",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1o5jy_414",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1o5jy_419",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1o5jy_424",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1o5jy_429",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1o5jy_434",
-  "icon": "awsui_icon_4c84z_1o5jy_440"
+  "link": "awsui_link_4c84z_v8uku_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_v8uku_138",
+  "variant-primary": "awsui_variant-primary_4c84z_v8uku_173",
+  "variant-info": "awsui_variant-info_4c84z_v8uku_208",
+  "variant-value-large": "awsui_variant-value-large_4c84z_v8uku_243",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_v8uku_277",
+  "variant-recovery": "awsui_variant-recovery_4c84z_v8uku_312",
+  "button": "awsui_button_4c84z_v8uku_347",
+  "color-inverted": "awsui_color-inverted_4c84z_v8uku_382",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_v8uku_401",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_v8uku_406",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_v8uku_410",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_v8uku_414",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_v8uku_419",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_v8uku_424",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_v8uku_429",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_v8uku_434",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_v8uku_440",
+  "icon": "awsui_icon_4c84z_v8uku_440"
 };
   

package/mixed-line-bar-chart/bar-series.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,MAAM,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAEhD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAGrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,eAuFnB"}
+{"version":3,"file":"bar-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,MAAM,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAEhD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAGrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,eAqFnB"}

package/mixed-line-bar-chart/bar-series.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useMemo, useRef } from 'react';
+import React, { useMemo } from 'react';
 import clsx from 'clsx';
 import { matchesX, getKeyValue } from './utils';
 import styles from './styles.css.js';
@@ -8,8 +8,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 export default function BarSeries(_a) {
     var _b;
     var axis = _a.axis, series = _a.series, color = _a.color, xScale = _a.xScale, yScale = _a.yScale, highlighted = _a.highlighted, dimmed = _a.dimmed, highlightedGroupIndex = _a.highlightedGroupIndex, stackedBarOffsets = _a.stackedBarOffsets, totalSeriesCount = _a.totalSeriesCount, seriesIndex = _a.seriesIndex, plotSize = _a.plotSize, chartAreaClipPath = _a.chartAreaClipPath;
-    var seriesRef = useRef(null);
-    var isRefresh = useVisualRefresh(seriesRef);
+    var isRefresh = useVisualRefresh();
     var xCoordinates = useMemo(function () {
         var _a;
         if (series.type !== 'bar' || !xScale.isCategorical()) {
@@ -58,7 +57,7 @@ export default function BarSeries(_a) {
     return (React.createElement("g", { "aria-label": series.title, clipPath: "url(#".concat(chartAreaClipPath, ")"), className: clsx(styles.series, styles['series--bar'], (_b = {},
             _b[styles['series--highlighted']] = highlighted,
             _b[styles['series--dimmed']] = dimmed,
-            _b)), ref: seriesRef }, xCoordinates.map(function (_a, i) {
+            _b)) }, xCoordinates.map(function (_a, i) {
         var _b;
         var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
         return isFinite(x) &&

package/mixed-line-bar-chart/bar-series.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAKxB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAkB,MAAM,SAAS,CAAC;AAChE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAwBrE,MAAM,CAAC,OAAO,UAAU,SAAS,CAA2B,EAcxC;;QAblB,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,qBAAqB,2BAAA,EACrB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,iBAAiB,uBAAA;IAEjB,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAE9C,IAAM,YAAY,GAAG,OAAO,CAAC;;QAC3B,IAAI,MAAM,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE;YACpD,OAAO,EAAE,CAAC;SACX;QAED,IAAM,eAAe,GAAuE,MAAM,CAAC,OAAO,CAAC;QAC3G,IAAM,OAAO,GAAI,MAAM,CAAC,IAAoE,CAAC,GAAG,CAC9F,UAAC,EAAK;gBAAH,CAAC,OAAA;YAAO,OAAA,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG;QAAxB,CAAwB,CACpC,CAAC;QAEF,IAAM,KAAK,GAAG,MAAA,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,GAAG,CAAC;QACvC,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErE,IAAI,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAE1C,IAAM,OAAO,GAAG,CAAC,CAAC;QAClB,IAAM,QAAQ,GAAG,CAAC,CAAC;QAEnB,IAAI,CAAC,iBAAiB,IAAI,gBAAgB,GAAG,CAAC,EAAE;YAC9C,uBAAuB;YACvB,QAAQ,GAAG,CAAC,QAAQ,GAAG,CAAC,gBAAgB,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,gBAAgB,CAAC;YAC5E,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACzC;QAED,OAAO,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC;;YACtB,IAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,IAAI,GAAG,CAAC,CAAC;YACb,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YAEjB,IAAI,iBAAiB,EAAE;gBACrB,eAAe;gBACf,IAAM,SAAS,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC;gBAClG,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;aACnD;iBAAM,IAAI,gBAAgB,GAAG,CAAC,EAAE;gBAC/B,uBAAuB;gBACvB,IAAI,IAAI,WAAW,GAAG,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC;aAC5C;YAED,6DAA6D;YAC7D,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YAE5C,OAAO;gBACL,CAAC,EAAE,IAAI;gBACP,CAAC,EAAE,MAAA,eAAe,CAAC,MAAM,CAAC,mCAAI,GAAG;gBACjC,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,MAAA,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,CAAC,GAAG,KAAK,CAAC;aACxD,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzF,IAAM,iBAAiB,GAAG,qBAAqB,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvG,OAAO,CACL,yCACc,MAAM,CAAC,KAAK,EACxB,QAAQ,EAAE,eAAQ,iBAAiB,MAAG,EACtC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;YAClD,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,WAAW;YAC5C,GAAC,MAAM,CAAC,gBAAgB,CAAC,IAAG,MAAM;gBAClC,EACF,GAAG,EAAE,SAAS,IAEb,YAAY,CAAC,GAAG,CACf,UAAC,EAAuB,EAAE,CAAC;;YAAxB,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;QACpB,OAAA,QAAQ,CAAC,CAAC,CAAC;YACX,QAAQ,CAAC,MAAM,CAAC,IAAI,CAClB,8BACE,GAAG,EAAE,cAAO,CAAC,CAAE,EACf,IAAI,EAAE,KAAK,EACX,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAChC,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvB,KAAK,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EACpC,MAAM,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACrC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAC7B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY;gBACjC,GAAC,MAAM,CAAC,gBAAgB,CAAC,IACvB,iBAAiB,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC9E,GACF,CACH;IAfD,CAeC,CACJ,CACC,CACL,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useRef } from 'react';\nimport clsx from 'clsx';\nimport { ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\n\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport { ChartDataTypes, MixedLineBarChartProps } from './interfaces';\nimport { matchesX, getKeyValue, StackedOffsets } from './utils';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nexport interface BarSeriesProps<T> {\n  axis: 'x' | 'y';\n\n  series: MixedLineBarChartProps.BarDataSeries<T>;\n\n  color: string;\n  totalSeriesCount: number;\n  seriesIndex: number;\n\n  xScale: ChartScale;\n  yScale: NumericChartScale;\n\n  plotSize: number;\n  chartAreaClipPath: string;\n\n  highlighted: boolean;\n  dimmed: boolean;\n  highlightedGroupIndex: number | null;\n\n  // Contains the cumulative offset for each x value in a stacked bar chart\n  stackedBarOffsets?: StackedOffsets;\n}\n\nexport default function BarSeries<T extends ChartDataTypes>({\n  axis,\n  series,\n  color,\n  xScale,\n  yScale,\n  highlighted,\n  dimmed,\n  highlightedGroupIndex,\n  stackedBarOffsets,\n  totalSeriesCount,\n  seriesIndex,\n  plotSize,\n  chartAreaClipPath,\n}: BarSeriesProps<T>) {\n  const seriesRef = useRef(null);\n  const isRefresh = useVisualRefresh(seriesRef);\n\n  const xCoordinates = useMemo(() => {\n    if (series.type !== 'bar' || !xScale.isCategorical()) {\n      return [];\n    }\n\n    const yContinuosScale: ScaleContinuousNumeric<number, number> | ScaleTime<number, number> = yScale.d3Scale;\n    const xPoints = (series.data as ReadonlyArray<MixedLineBarChartProps.Datum<ChartDataTypes>>).map(\n      ({ x }) => xScale.d3Scale(x) || NaN\n    );\n\n    const zeroY = yScale.d3Scale(0) ?? NaN;\n    const baseY = isFinite(zeroY) ? Math.min(plotSize, zeroY) : plotSize;\n\n    let barWidth = xScale.d3Scale.bandwidth();\n\n    const PADDING = 4;\n    const MINWIDTH = 4;\n\n    if (!stackedBarOffsets && totalSeriesCount > 1) {\n      // Regular grouped bars\n      barWidth = (barWidth - (totalSeriesCount - 1) * PADDING) / totalSeriesCount;\n      barWidth = Math.max(barWidth, MINWIDTH);\n    }\n\n    return xPoints.map((x, i) => {\n      const d = series.data[i];\n      let barX = x;\n      let yValue = d.y;\n\n      if (stackedBarOffsets) {\n        // Stacked bars\n        const offsetMap = d.y < 0 ? stackedBarOffsets.negativeOffsets : stackedBarOffsets.positiveOffsets;\n        yValue = d.y + (offsetMap[getKeyValue(d.x)] || 0);\n      } else if (totalSeriesCount > 1) {\n        // Regular grouped bars\n        barX += seriesIndex * (barWidth + PADDING);\n      }\n\n      // Account for negative values growing \"down\" instead of \"up\"\n      yValue = yValue < 0 ? yValue - d.y : yValue;\n\n      return {\n        x: barX,\n        y: yContinuosScale(yValue) ?? NaN,\n        width: barWidth,\n        height: Math.abs((yContinuosScale(d.y) ?? NaN) - baseY),\n      };\n    });\n  }, [series, xScale, yScale, plotSize, stackedBarOffsets, totalSeriesCount, seriesIndex]);\n\n  const highlightedXValue = highlightedGroupIndex !== null ? xScale.domain[highlightedGroupIndex] : null;\n\n  return (\n    <g\n      aria-label={series.title}\n      clipPath={`url(#${chartAreaClipPath})`}\n      className={clsx(styles.series, styles['series--bar'], {\n        [styles['series--highlighted']]: highlighted,\n        [styles['series--dimmed']]: dimmed,\n      })}\n      ref={seriesRef}\n    >\n      {xCoordinates.map(\n        ({ x, y, width, height }, i) =>\n          isFinite(x) &&\n          isFinite(height) && (\n            <rect\n              key={`bar-${i}`}\n              fill={color}\n              x={axis === 'x' ? x : y - height}\n              y={axis === 'x' ? y : x}\n              width={axis === 'x' ? width : height}\n              height={axis === 'x' ? height : width}\n              rx={isRefresh ? '4px' : '0px'}\n              className={clsx(styles.series__rect, {\n                [styles['series--dimmed']]:\n                  highlightedXValue !== null && !matchesX(highlightedXValue, series.data[i].x),\n              })}\n            />\n          )\n      )}\n    </g>\n  );\n}\n"]}
+{"version":3,"file":"bar-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"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 React, { useMemo } from 'react';\nimport clsx from 'clsx';\nimport { ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\n\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport { ChartDataTypes, MixedLineBarChartProps } from './interfaces';\nimport { matchesX, getKeyValue, StackedOffsets } from './utils';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nexport interface BarSeriesProps<T> {\n  axis: 'x' | 'y';\n\n  series: MixedLineBarChartProps.BarDataSeries<T>;\n\n  color: string;\n  totalSeriesCount: number;\n  seriesIndex: number;\n\n  xScale: ChartScale;\n  yScale: NumericChartScale;\n\n  plotSize: number;\n  chartAreaClipPath: string;\n\n  highlighted: boolean;\n  dimmed: boolean;\n  highlightedGroupIndex: number | null;\n\n  // Contains the cumulative offset for each x value in a stacked bar chart\n  stackedBarOffsets?: StackedOffsets;\n}\n\nexport default function BarSeries<T extends ChartDataTypes>({\n  axis,\n  series,\n  color,\n  xScale,\n  yScale,\n  highlighted,\n  dimmed,\n  highlightedGroupIndex,\n  stackedBarOffsets,\n  totalSeriesCount,\n  seriesIndex,\n  plotSize,\n  chartAreaClipPath,\n}: BarSeriesProps<T>) {\n  const isRefresh = useVisualRefresh();\n\n  const xCoordinates = useMemo(() => {\n    if (series.type !== 'bar' || !xScale.isCategorical()) {\n      return [];\n    }\n\n    const yContinuosScale: ScaleContinuousNumeric<number, number> | ScaleTime<number, number> = yScale.d3Scale;\n    const xPoints = (series.data as ReadonlyArray<MixedLineBarChartProps.Datum<ChartDataTypes>>).map(\n      ({ x }) => xScale.d3Scale(x) || NaN\n    );\n\n    const zeroY = yScale.d3Scale(0) ?? NaN;\n    const baseY = isFinite(zeroY) ? Math.min(plotSize, zeroY) : plotSize;\n\n    let barWidth = xScale.d3Scale.bandwidth();\n\n    const PADDING = 4;\n    const MINWIDTH = 4;\n\n    if (!stackedBarOffsets && totalSeriesCount > 1) {\n      // Regular grouped bars\n      barWidth = (barWidth - (totalSeriesCount - 1) * PADDING) / totalSeriesCount;\n      barWidth = Math.max(barWidth, MINWIDTH);\n    }\n\n    return xPoints.map((x, i) => {\n      const d = series.data[i];\n      let barX = x;\n      let yValue = d.y;\n\n      if (stackedBarOffsets) {\n        // Stacked bars\n        const offsetMap = d.y < 0 ? stackedBarOffsets.negativeOffsets : stackedBarOffsets.positiveOffsets;\n        yValue = d.y + (offsetMap[getKeyValue(d.x)] || 0);\n      } else if (totalSeriesCount > 1) {\n        // Regular grouped bars\n        barX += seriesIndex * (barWidth + PADDING);\n      }\n\n      // Account for negative values growing \"down\" instead of \"up\"\n      yValue = yValue < 0 ? yValue - d.y : yValue;\n\n      return {\n        x: barX,\n        y: yContinuosScale(yValue) ?? NaN,\n        width: barWidth,\n        height: Math.abs((yContinuosScale(d.y) ?? NaN) - baseY),\n      };\n    });\n  }, [series, xScale, yScale, plotSize, stackedBarOffsets, totalSeriesCount, seriesIndex]);\n\n  const highlightedXValue = highlightedGroupIndex !== null ? xScale.domain[highlightedGroupIndex] : null;\n\n  return (\n    <g\n      aria-label={series.title}\n      clipPath={`url(#${chartAreaClipPath})`}\n      className={clsx(styles.series, styles['series--bar'], {\n        [styles['series--highlighted']]: highlighted,\n        [styles['series--dimmed']]: dimmed,\n      })}\n    >\n      {xCoordinates.map(\n        ({ x, y, width, height }, i) =>\n          isFinite(x) &&\n          isFinite(height) && (\n            <rect\n              key={`bar-${i}`}\n              fill={color}\n              x={axis === 'x' ? x : y - height}\n              y={axis === 'x' ? y : x}\n              width={axis === 'x' ? width : height}\n              height={axis === 'x' ? height : width}\n              rx={isRefresh ? '4px' : '0px'}\n              className={clsx(styles.series__rect, {\n                [styles['series--dimmed']]:\n                  highlightedXValue !== null && !matchesX(highlightedXValue, series.data[i].x),\n              })}\n            />\n          )\n      )}\n    </g>\n  );\n}\n"]}

package/mixed-line-bar-chart/chart-container.js

@@ -42,7 +42,7 @@ export default function ChartContainer(_a) {
     var plotWidth = containerWidth ? containerWidth - leftLabelsWidth - LEFT_LABELS_MARGIN : 500;
     var containerRefObject = useRef(null);
     var containerRef = useMergeRefs(containerMeasureRef, containerRefObject);
-    var isRefresh = useVisualRefresh(containerRefObject);
+    var isRefresh = useVisualRefresh();
     var linesOnly = series.every(function (_a) {
         var series = _a.series;
         return series.type === 'line' || series.type === 'threshold';