@cloudscape-design/components-themeable 3.0.974 → 3.0.976

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

@@ -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_1x9wg_145:not(#\9) {
+.awsui_link_4c84z_ula7o_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -188,30 +188,30 @@ 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_1x9wg_145:not(#\9) {
+  .awsui_link_4c84z_ula7o_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145:not(#\9):active {
+.awsui_link_4c84z_ula7o_145:not(#\9):active {
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145:not(#\9):active, .awsui_link_4c84z_1x9wg_145:not(#\9):focus, .awsui_link_4c84z_1x9wg_145:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145:not(#\9):active, .awsui_link_4c84z_ula7o_145:not(#\9):focus, .awsui_link_4c84z_ula7o_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-kjmmv0, #0073bb);
@@ -225,30 +225,30 @@ 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_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9) {
+  .awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):active {
+.awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9):active {
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-secondary_4c84z_1x9wg_211:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9):active, .awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9):focus, .awsui_link_4c84z_ula7o_145.awsui_variant-secondary_4c84z_ula7o_211:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9) {
   color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -260,30 +260,30 @@ 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_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9) {
+  .awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):active {
+.awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9):active {
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-primary_4c84z_1x9wg_246:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9):active, .awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9):focus, .awsui_link_4c84z_ula7o_145.awsui_variant-primary_4c84z_ula7o_246:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--color-text-link-default-kjmmv0, #0073bb);
@@ -297,30 +297,30 @@ 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_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9) {
+  .awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):active {
+.awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9):active {
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-info_4c84z_1x9wg_279:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9):active, .awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9):focus, .awsui_link_4c84z_ula7o_145.awsui_variant-info_4c84z_ula7o_279:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9) {
   color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: var(--font-box-value-large-weight-zc1blz, 300);
   text-decoration-line: underline;
@@ -331,30 +331,32 @@ 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_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9) {
+  .awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):active {
+.awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9):active {
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-value-large_4c84z_1x9wg_314:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9):active, .awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9):focus, .awsui_link_4c84z_ula7o_145.awsui_variant-value-large_4c84z_ula7o_314:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9) {
+  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--color-text-interactive-default-mf3cev, #545b64);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -366,30 +368,30 @@ 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_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9) {
+  .awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-kceoak, #16191f);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):active {
+.awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9):active {
   color: var(--color-text-interactive-active-8tdg02, #16191f);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-top-navigation_4c84z_1x9wg_346:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9):active, .awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9):focus, .awsui_link_4c84z_ula7o_145.awsui_variant-top-navigation_4c84z_ula7o_346:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9) {
   color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
@@ -401,30 +403,30 @@ 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_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9) {
+  .awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):active {
+.awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9):active {
   color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_variant-recovery_4c84z_1x9wg_379:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9):active, .awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9):focus, .awsui_link_4c84z_ula7o_145.awsui_variant-recovery_4c84z_ula7o_381:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--color-text-link-button-normal-default-7njzn7, #545b64);
@@ -438,40 +440,40 @@ 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_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9) {
+  .awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9), .awsui-mode-entering .awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-1v61nm, #16191f);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):focus {
+.awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):active {
+.awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9):active {
   color: var(--color-text-link-button-normal-active-4k7lx5, #16191f);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):active, .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):focus, .awsui_link_4c84z_1x9wg_145.awsui_button_4c84z_1x9wg_412:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9):active, .awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9):focus, .awsui_link_4c84z_ula7o_145.awsui_button_4c84z_ula7o_414:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_color-inverted_4c84z_1x9wg_447:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_color-inverted_4c84z_ula7o_449:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_color-inverted_4c84z_1x9wg_447:not(#\9):not(.awsui_button_4c84z_1x9wg_412) {
+.awsui_link_4c84z_ula7o_145.awsui_color-inverted_4c84z_ula7o_449:not(#\9):not(.awsui_button_4c84z_ula7o_414) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_color-inverted_4c84z_1x9wg_447:not(#\9):hover {
+.awsui_link_4c84z_ula7o_145.awsui_color-inverted_4c84z_ula7o_449:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1x9wg_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_ula7o_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -482,61 +484,61 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1x9wg_145:not(#\9):focus {
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-vx5mpq, #0073bb);
 }
-.awsui_link_4c84z_1x9wg_145.awsui_font-size-body-s_4c84z_1x9wg_468:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-body-s_4c84z_ula7o_470: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_1x9wg_145.awsui_font-size-body-m_4c84z_1x9wg_475:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-body-m_4c84z_ula7o_477: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_1x9wg_145.awsui_font-size-heading-xs_4c84z_1x9wg_481:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-heading-xs_4c84z_ula7o_483:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1x9wg_145.awsui_font-size-heading-s_4c84z_1x9wg_487:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-heading-s_4c84z_ula7o_489: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_1x9wg_145.awsui_font-size-heading-m_4c84z_1x9wg_494:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-heading-m_4c84z_ula7o_496: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_1x9wg_145.awsui_font-size-heading-l_4c84z_1x9wg_501:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-heading-l_4c84z_ula7o_503: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_1x9wg_145.awsui_font-size-heading-xl_4c84z_1x9wg_508:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-heading-xl_4c84z_ula7o_510: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_1x9wg_145.awsui_font-size-display-l_4c84z_1x9wg_515:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-display-l_4c84z_ula7o_517: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_1x9wg_145.awsui_font-size-inherit_4c84z_1x9wg_522:not(#\9) {
+.awsui_link_4c84z_ula7o_145.awsui_font-size-inherit_4c84z_ula7o_524:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -544,10 +546,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1x9wg_145:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
 
-.awsui_icon-wrapper_4c84z_1x9wg_530:not(#\9) {
+.awsui_icon-wrapper_4c84z_ula7o_532:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1x9wg_530:not(#\9) {
+.awsui_icon_4c84z_ula7o_532:not(#\9) {
   display: inline-block;
 }

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

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1x9wg_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1x9wg_211",
-  "variant-primary": "awsui_variant-primary_4c84z_1x9wg_246",
-  "variant-info": "awsui_variant-info_4c84z_1x9wg_279",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1x9wg_314",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1x9wg_346",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1x9wg_379",
-  "button": "awsui_button_4c84z_1x9wg_412",
-  "color-inverted": "awsui_color-inverted_4c84z_1x9wg_447",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1x9wg_468",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1x9wg_475",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1x9wg_481",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1x9wg_487",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1x9wg_494",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1x9wg_501",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1x9wg_508",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1x9wg_515",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1x9wg_522",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1x9wg_530",
-  "icon": "awsui_icon_4c84z_1x9wg_530"
+  "link": "awsui_link_4c84z_ula7o_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_ula7o_211",
+  "variant-primary": "awsui_variant-primary_4c84z_ula7o_246",
+  "variant-info": "awsui_variant-info_4c84z_ula7o_279",
+  "variant-value-large": "awsui_variant-value-large_4c84z_ula7o_314",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_ula7o_346",
+  "variant-recovery": "awsui_variant-recovery_4c84z_ula7o_381",
+  "button": "awsui_button_4c84z_ula7o_414",
+  "color-inverted": "awsui_color-inverted_4c84z_ula7o_449",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_ula7o_470",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_ula7o_477",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_ula7o_483",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_ula7o_489",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_ula7o_496",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_ula7o_503",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_ula7o_510",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_ula7o_517",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_ula7o_524",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_ula7o_532",
+  "icon": "awsui_icon_4c84z_ula7o_532"
 };
   

package/lib/internal/template/popover/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAOvD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAK9D,UAAU,qBAAqB;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IACjD;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EACR,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,sBAkHvB"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAOvD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAK9D,UAAU,qBAAqB;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IACjD;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EACR,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,sBAiIvB"}

package/lib/internal/template/popover/container.js

@@ -1,3 +1,4 @@
+import { __awaiter } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useLayoutEffect, useRef } from 'react';
@@ -50,10 +51,9 @@ export default function PopoverContainer({ position, trackRef, getTrack: externa
         /*
         This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),
         and by tracking the click event we can adapt the popover's position to the new layout.
-    
-        TODO: extend this to Enter and Spacebar?
         */
-        const onClick = (event) => {
+        const controller = new AbortController();
+        const onClick = (event) => __awaiter(this, void 0, void 0, function* () {
             if (
             // Do not update position if keepPosition is true.
             keepPosition ||
@@ -62,13 +62,26 @@ export default function PopoverContainer({ position, trackRef, getTrack: externa
                 nodeContains(getTrack.current(), event.target)) {
                 return;
             }
-            requestAnimationFrame(() => {
+            // Continuously update the popover position for one second to account for any layout changes
+            // and animations. On browsers where `requestIdleCallback` is supported,
+            // this runs only while the CPU is otherwise idle. In other browsers (mainly Safari), we call it
+            // with a low frequency.
+            const targetTime = performance.now() + 1000;
+            while (performance.now() < targetTime) {
+                if (controller.signal.aborted) {
+                    break;
+                }
                 updatePositionHandler();
-            });
-        };
+                if (typeof requestIdleCallback !== 'undefined') {
+                    yield new Promise(r => requestIdleCallback(r));
+                }
+                else {
+                    yield new Promise(r => setTimeout(r, 50));
+                }
+            }
+        });
         const updatePositionOnResize = () => requestAnimationFrame(() => updatePositionHandler());
         const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());
-        const controller = new AbortController();
         window.addEventListener('click', onClick, { signal: controller.signal });
         window.addEventListener('resize', updatePositionOnResize, { signal: controller.signal });
         window.addEventListener('scroll', refreshPosition, { capture: true, signal: controller.signal });

package/lib/internal/template/popover/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,kBAAkB,MAAM,2BAA2B,CAAC;AAE3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqCrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EACR,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,SAAS,GACa;IACtB,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAErD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,EAAE;QAC3B,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC,OAAO,CAAC;SACzB;QACD,IAAI,gBAAgB,EAAE;YACpB,OAAO,gBAAgB,EAAE,CAAC;SAC3B;QACD,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;IAEH,gCAAgC;IAChC,MAAM,EAAE,qBAAqB,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAClG,kBAAkB,CAAC;QACjB,UAAU;QACV,OAAO;QACP,QAAQ;QACR,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,UAAU;QACV,gBAAgB;QAChB,qBAAqB;QACrB,iBAAiB,EAAE,QAAQ;QAC3B,gBAAgB;QAChB,YAAY;QACZ,gBAAgB;QAChB,mBAAmB;KACpB,CAAC,CAAC;IAEL,+CAA+C;IAC/C,eAAe,CAAC,GAAG,EAAE;QACnB,qBAAqB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,kDAAkD;IAClD,iBAAiB,CAAC,UAAU,EAAE,GAAG,EAAE;QACjC,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,sCAAsC;IACtC,eAAe,CAAC,GAAG,EAAE;QACnB;;;;;UAKE;QAEF,MAAM,OAAO,GAAG,CAAC,KAA8B,EAAE,EAAE;YACjD;YACE,kDAAkD;YAClD,YAAY;gBACZ,mFAAmF;gBACnF,yDAAyD;gBACzD,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAC9C;gBACA,OAAO;aACR;YAED,qBAAqB,CAAC,GAAG,EAAE;gBACzB,qBAAqB,EAAE,CAAC;YAC1B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAC1F,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,CAAC;QACxF,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QAEzC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;QACzE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,sBAAsB,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;QACzF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;QAEjG,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE1F,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9B,6BACE,GAAG,EAAE,UAAU,EACf,KAAK,kCAAO,YAAY,KAAE,MAAM,KAChC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;QAEzE,6BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,4BAA4B,gBAAgB,EAAE,CAAC,CAAC,iBACrF,IAAI,IAEhB,KAAK,CAAC,gBAAgB,CAAC,CACpB;QAEN,6BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,uBAAuB,IAAI,EAAE,CAAC,EAAE;gBAC/E,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;gBACnC,CAAC,MAAM,CAAC,0BAA0B,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO;aACvD,CAAC,IAED,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;YAClC,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CAClC,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACvC,CACG,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition, PopoverProps } from './interfaces';\nimport usePopoverPosition from './use-popover-position.js';\n\nimport styles from './styles.css.js';\n\ninterface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef?: React.RefObject<HTMLElement | SVGElement>;\n  getTrack?: () => null | HTMLElement | SVGElement;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  minVisibleBlockSize?: number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size | 'content';\n  fixedWidth: boolean;\n  variant?: 'annotation';\n  // When keepPosition is true, the popover will not recalculate its position when it resizes nor when it receives clicks.\n  keepPosition?: boolean;\n  // When allowScrollToFit is true, we will scroll to the the popover if it overflows the viewport even when choosing the best possible position for it.\n  // Do not use this if the popover is open on hover, in order to avoid unexpected movement.\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n  // Whether the popover should be hidden when the trigger is scrolled away.\n  hideOnOverscroll?: boolean;\n  hoverArea?: boolean;\n  className?: string;\n}\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  getTrack: externalGetTrack,\n  trackKey,\n  minVisibleBlockSize,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n  keepPosition,\n  allowScrollToFit,\n  allowVerticalOverflow,\n  hideOnOverscroll,\n  hoverArea,\n  className,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const isRefresh = useVisualRefresh();\n\n  const getTrack = useRef(() => {\n    if (trackRef) {\n      return trackRef.current;\n    }\n    if (externalGetTrack) {\n      return externalGetTrack();\n    }\n    throw new Error('Invariant violation: must provide either trackRef or getTrack.');\n  });\n\n  // Updates the position handler.\n  const { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef, isOverscrolling } =\n    usePopoverPosition({\n      popoverRef,\n      bodyRef,\n      arrowRef,\n      getTrack: getTrack.current,\n      contentRef,\n      allowScrollToFit,\n      allowVerticalOverflow,\n      preferredPosition: position,\n      renderWithPortal,\n      keepPosition,\n      hideOnOverscroll,\n      minVisibleBlockSize,\n    });\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => {\n    updatePositionHandler(true);\n  });\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n    This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n    and by tracking the click event we can adapt the popover's position to the new layout.\n\n    TODO: extend this to Enter and Spacebar?\n    */\n\n    const onClick = (event: UIEvent | KeyboardEvent) => {\n      if (\n        // Do not update position if keepPosition is true.\n        keepPosition ||\n        // If the click was on the trigger, this will make the popover appear or disappear,\n        // so no need to update its position either in this case.\n        nodeContains(getTrack.current(), event.target)\n      ) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        updatePositionHandler();\n      });\n    };\n\n    const updatePositionOnResize = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n    const controller = new AbortController();\n\n    window.addEventListener('click', onClick, { signal: controller.signal });\n    window.addEventListener('resize', updatePositionOnResize, { signal: controller.signal });\n    window.addEventListener('scroll', refreshPosition, { capture: true, signal: controller.signal });\n\n    return () => {\n      controller.abort();\n    };\n  }, [hideOnOverscroll, keepPosition, positionHandlerRef, trackRef, updatePositionHandler]);\n\n  return isOverscrolling ? null : (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh, className)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        {hoverArea ? (\n          <div className={styles['hover-area']}>\n            <div ref={contentRef}>{children}</div>\n          </div>\n        ) : (\n          <div ref={contentRef}>{children}</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/popover/container.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, { useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition, PopoverProps } from './interfaces';\nimport usePopoverPosition from './use-popover-position.js';\n\nimport styles from './styles.css.js';\n\ninterface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef?: React.RefObject<HTMLElement | SVGElement>;\n  getTrack?: () => null | HTMLElement | SVGElement;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  minVisibleBlockSize?: number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size | 'content';\n  fixedWidth: boolean;\n  variant?: 'annotation';\n  // When keepPosition is true, the popover will not recalculate its position when it resizes nor when it receives clicks.\n  keepPosition?: boolean;\n  // When allowScrollToFit is true, we will scroll to the the popover if it overflows the viewport even when choosing the best possible position for it.\n  // Do not use this if the popover is open on hover, in order to avoid unexpected movement.\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n  // Whether the popover should be hidden when the trigger is scrolled away.\n  hideOnOverscroll?: boolean;\n  hoverArea?: boolean;\n  className?: string;\n}\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  getTrack: externalGetTrack,\n  trackKey,\n  minVisibleBlockSize,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n  keepPosition,\n  allowScrollToFit,\n  allowVerticalOverflow,\n  hideOnOverscroll,\n  hoverArea,\n  className,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const isRefresh = useVisualRefresh();\n\n  const getTrack = useRef(() => {\n    if (trackRef) {\n      return trackRef.current;\n    }\n    if (externalGetTrack) {\n      return externalGetTrack();\n    }\n    throw new Error('Invariant violation: must provide either trackRef or getTrack.');\n  });\n\n  // Updates the position handler.\n  const { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef, isOverscrolling } =\n    usePopoverPosition({\n      popoverRef,\n      bodyRef,\n      arrowRef,\n      getTrack: getTrack.current,\n      contentRef,\n      allowScrollToFit,\n      allowVerticalOverflow,\n      preferredPosition: position,\n      renderWithPortal,\n      keepPosition,\n      hideOnOverscroll,\n      minVisibleBlockSize,\n    });\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => {\n    updatePositionHandler(true);\n  });\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n    This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n    and by tracking the click event we can adapt the popover's position to the new layout.\n    */\n\n    const controller = new AbortController();\n\n    const onClick = async (event: UIEvent | KeyboardEvent) => {\n      if (\n        // Do not update position if keepPosition is true.\n        keepPosition ||\n        // If the click was on the trigger, this will make the popover appear or disappear,\n        // so no need to update its position either in this case.\n        nodeContains(getTrack.current(), event.target)\n      ) {\n        return;\n      }\n\n      // Continuously update the popover position for one second to account for any layout changes\n      // and animations. On browsers where `requestIdleCallback` is supported,\n      // this runs only while the CPU is otherwise idle. In other browsers (mainly Safari), we call it\n      // with a low frequency.\n      const targetTime = performance.now() + 1_000;\n\n      while (performance.now() < targetTime) {\n        if (controller.signal.aborted) {\n          break;\n        }\n\n        updatePositionHandler();\n\n        if (typeof requestIdleCallback !== 'undefined') {\n          await new Promise(r => requestIdleCallback(r));\n        } else {\n          await new Promise(r => setTimeout(r, 50));\n        }\n      }\n    };\n\n    const updatePositionOnResize = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', onClick, { signal: controller.signal });\n    window.addEventListener('resize', updatePositionOnResize, { signal: controller.signal });\n    window.addEventListener('scroll', refreshPosition, { capture: true, signal: controller.signal });\n\n    return () => {\n      controller.abort();\n    };\n  }, [hideOnOverscroll, keepPosition, positionHandlerRef, trackRef, updatePositionHandler]);\n\n  return isOverscrolling ? null : (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh, className)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        {hoverArea ? (\n          <div className={styles['hover-area']}>\n            <div ref={contentRef}>{children}</div>\n          </div>\n        ) : (\n          <div ref={contentRef}>{children}</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/table/body-cell/inline-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,eA0H7B"}
+{"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,eA2H7B"}

package/lib/internal/template/table/body-cell/inline-editor.js

@@ -31,7 +31,8 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
     function onSubmitClick(evt) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            evt.preventDefault();
+            evt.preventDefault(); // Prevents the form from navigating away
+            evt.stopPropagation(); // Prevents any outer form elements from submitting
             if (currentEditValue === undefined) {
                 finishEdit();
                 return;