@cloudscape-design/components-themeable 3.0.344 → 3.0.346

package/lib/internal/template/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_kbqfg_93:not(#\9) {
+.awsui_link_4c84z_1t0gu_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
   color: var(--color-text-body-default-4colr5, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -141,31 +141,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93:not(#\9):active {
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93:not(#\9):active, .awsui_link_4c84z_kbqfg_93:not(#\9):focus, .awsui_link_4c84z_kbqfg_93:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93:not(#\9):active, .awsui_link_4c84z_1t0gu_93:not(#\9):focus, .awsui_link_4c84z_1t0gu_93:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-0jy39k, #0073bb);
@@ -180,31 +180,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9):active {
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9):active, .awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9):focus, .awsui_link_4c84z_kbqfg_93.awsui_variant-secondary_4c84z_kbqfg_140:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9):active, .awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9):focus, .awsui_link_4c84z_1t0gu_93.awsui_variant-secondary_4c84z_1t0gu_140:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9) {
   color: var(--color-text-link-default-0jy39k, #0073bb);
   font-weight: var(--font-link-primary-weight-cpyp2f, 700);
   letter-spacing: var(--font-link-primary-letter-spacing-wsaj96, 0.005em);
@@ -218,31 +218,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9):active {
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9):active, .awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9):focus, .awsui_link_4c84z_kbqfg_93.awsui_variant-primary_4c84z_kbqfg_177:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9):active, .awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9):focus, .awsui_link_4c84z_1t0gu_93.awsui_variant-primary_4c84z_1t0gu_177:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
   color: var(--color-text-link-default-0jy39k, #0073bb);
@@ -257,31 +257,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9):active {
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9):active, .awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9):focus, .awsui_link_4c84z_kbqfg_93.awsui_variant-info_4c84z_kbqfg_212:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9):active, .awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212:not(#\9):focus, .awsui_link_4c84z_1t0gu_93.awsui_variant-info_4c84z_1t0gu_212: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-ezyh57, currentColor);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9) {
   color: var(--color-text-link-default-0jy39k, #0073bb);
   font-weight: var(--font-box-value-large-weight-nt4rcf, 300);
   text-decoration: none;
@@ -293,31 +293,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9):active {
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9):active, .awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9):focus, .awsui_link_4c84z_kbqfg_93.awsui_variant-value-large_4c84z_kbqfg_249:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9):active, .awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9):focus, .awsui_link_4c84z_1t0gu_93.awsui_variant-value-large_4c84z_1t0gu_249:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9) {
   color: var(--color-text-interactive-default-9x433a, #545b64);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -330,31 +330,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-6fw5y8, #16191f);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9):active {
   color: var(--color-text-interactive-active-2cnt2n, #16191f);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9):active, .awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9):focus, .awsui_link_4c84z_kbqfg_93.awsui_variant-top-navigation_4c84z_kbqfg_283:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9):active, .awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9):focus, .awsui_link_4c84z_1t0gu_93.awsui_variant-top-navigation_4c84z_1t0gu_283:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9) {
   color: var(--color-text-link-default-0jy39k, #0073bb);
   font-weight: var(--font-link-button-weight-2omqnn, 400);
   letter-spacing: var(--font-link-button-letter-spacing-zntxrt, normal);
@@ -367,31 +367,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9):active {
   color: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9):active, .awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9):focus, .awsui_link_4c84z_kbqfg_93.awsui_variant-recovery_4c84z_kbqfg_318:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9):active, .awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318:not(#\9):focus, .awsui_link_4c84z_1t0gu_93.awsui_variant-recovery_4c84z_1t0gu_318: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-ezyh57, currentColor);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
   color: var(--color-text-link-button-normal-default-dlq865, #545b64);
@@ -406,42 +406,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9) {
+  .awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-nprmu3, #16191f);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9):focus {
+.awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9):active {
+.awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9):active {
   color: var(--color-text-link-button-normal-active-wxaaoj, #16191f);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9):active, .awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9):focus, .awsui_link_4c84z_kbqfg_93.awsui_button_4c84z_kbqfg_353:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9):active, .awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9):focus, .awsui_link_4c84z_1t0gu_93.awsui_button_4c84z_1t0gu_353:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_color-inverted_4c84z_kbqfg_390:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_color-inverted_4c84z_1t0gu_390:not(#\9) {
   color: var(--color-text-notification-default-1d4z49, #fafafa);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_color-inverted_4c84z_kbqfg_390:not(#\9):not(.awsui_button_4c84z_kbqfg_353) {
+.awsui_link_4c84z_1t0gu_93.awsui_color-inverted_4c84z_1t0gu_390:not(#\9):not(.awsui_button_4c84z_1t0gu_353) {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_kbqfg_93.awsui_color-inverted_4c84z_kbqfg_390:not(#\9):hover {
+.awsui_link_4c84z_1t0gu_93.awsui_color-inverted_4c84z_1t0gu_390:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-qulh2k, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_kbqfg_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1t0gu_93:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-e033ba, 5px auto Highlight);
   outline-offset: 2px;
@@ -449,54 +449,54 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_kbqfg_93:not(#\9):focus {
   border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-3gfzjd, 0px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-body-s_4c84z_kbqfg_409:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-body-s_4c84z_1t0gu_409:not(#\9) {
   font-size: var(--font-body-s-size-v1w8ey, 12px);
   line-height: var(--font-body-s-line-height-jfgg5d, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-bzrysr, normal);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-body-m_4c84z_kbqfg_414:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-body-m_4c84z_1t0gu_414:not(#\9) {
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-heading-xs_4c84z_kbqfg_418:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-heading-xs_4c84z_1t0gu_418:not(#\9) {
   font-size: var(--font-heading-xs-size-zxjy53, 16px);
   line-height: var(--font-heading-xs-line-height-61ulqg, 20px);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-heading-s_4c84z_kbqfg_422:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-heading-s_4c84z_1t0gu_422:not(#\9) {
   font-size: var(--font-heading-s-size-dnu1l1, 16px);
   line-height: var(--font-heading-s-line-height-m71f3f, 20px);
   letter-spacing: var(--font-heading-s-letter-spacing-jp7jyt, normal);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-heading-m_4c84z_kbqfg_427:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-heading-m_4c84z_1t0gu_427:not(#\9) {
   font-size: var(--font-heading-m-size-bwdbnx, 18px);
   line-height: var(--font-heading-m-line-height-ahaded, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-t3csz2, normal);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-heading-l_4c84z_kbqfg_432:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-heading-l_4c84z_1t0gu_432:not(#\9) {
   font-size: var(--font-heading-l-size-s5huxt, 18px);
   line-height: var(--font-heading-l-line-height-b1ar04, 22px);
   letter-spacing: var(--font-heading-l-letter-spacing-898wn9, normal);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-heading-xl_4c84z_kbqfg_437:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-heading-xl_4c84z_1t0gu_437:not(#\9) {
   font-size: var(--font-heading-xl-size-is7x8e, 28px);
   line-height: var(--font-heading-xl-line-height-vkzpnf, 36px);
   letter-spacing: var(--font-heading-xl-letter-spacing-gwr2it, normal);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-display-l_4c84z_kbqfg_442:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-display-l_4c84z_1t0gu_442:not(#\9) {
   font-size: var(--font-display-l-size-2vcm2f, 44px);
   line-height: var(--font-display-l-line-height-qysxq1, 56px);
   letter-spacing: var(--font-display-l-letter-spacing-4z7f9n, normal);
 }
-.awsui_link_4c84z_kbqfg_93.awsui_font-size-inherit_4c84z_kbqfg_447:not(#\9) {
+.awsui_link_4c84z_1t0gu_93.awsui_font-size-inherit_4c84z_1t0gu_447:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
 }
 
-.awsui_icon-wrapper_4c84z_kbqfg_453:not(#\9) {
+.awsui_icon-wrapper_4c84z_1t0gu_453:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_kbqfg_453:not(#\9) {
+.awsui_icon_4c84z_1t0gu_453: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_kbqfg_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_kbqfg_140",
-  "variant-primary": "awsui_variant-primary_4c84z_kbqfg_177",
-  "variant-info": "awsui_variant-info_4c84z_kbqfg_212",
-  "variant-value-large": "awsui_variant-value-large_4c84z_kbqfg_249",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_kbqfg_283",
-  "variant-recovery": "awsui_variant-recovery_4c84z_kbqfg_318",
-  "button": "awsui_button_4c84z_kbqfg_353",
-  "color-inverted": "awsui_color-inverted_4c84z_kbqfg_390",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_kbqfg_409",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_kbqfg_414",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_kbqfg_418",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_kbqfg_422",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_kbqfg_427",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_kbqfg_432",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_kbqfg_437",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_kbqfg_442",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_kbqfg_447",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_kbqfg_453",
-  "icon": "awsui_icon_4c84z_kbqfg_453"
+  "link": "awsui_link_4c84z_1t0gu_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1t0gu_140",
+  "variant-primary": "awsui_variant-primary_4c84z_1t0gu_177",
+  "variant-info": "awsui_variant-info_4c84z_1t0gu_212",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1t0gu_249",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1t0gu_283",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1t0gu_318",
+  "button": "awsui_button_4c84z_1t0gu_353",
+  "color-inverted": "awsui_color-inverted_4c84z_1t0gu_390",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1t0gu_409",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1t0gu_414",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1t0gu_418",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1t0gu_422",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1t0gu_427",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1t0gu_432",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1t0gu_437",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1t0gu_442",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1t0gu_447",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1t0gu_453",
+  "icon": "awsui_icon_4c84z_1t0gu_453"
 };
   

package/lib/internal/template/modal/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,0BAA0B,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,eAM/E"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,0BAA0B,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,eAM/E"}

package/lib/internal/template/modal/internal.js

@@ -11,7 +11,7 @@ import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { InternalButton } from '../button/internal';
 import InternalHeader from '../header/internal';
 import Portal from '../internal/components/portal';
-import { useContainerBreakpoints, useContainerQuery } from '../internal/hooks/container-queries';
+import { useContainerBreakpoints } from '../internal/hooks/container-queries';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { FormFieldContext } from '../internal/context/form-field-context';
 import { disableBodyScrolling, enableBodyScrolling } from './body-scroll';
@@ -19,6 +19,7 @@ import styles from './styles.css.js';
 import FocusLock from '../internal/components/focus-lock';
 import { useInternalI18n } from '../internal/i18n/context';
 import { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';
+import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 export default function InternalModal(_a) {
     var { modalRoot } = _a, rest = __rest(_a, ["modalRoot"]);
     return (React.createElement(Portal, { container: modalRoot },

package/lib/internal/template/modal/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["modal/internal.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, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints, useContainerQuery } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport FocusLock from '../internal/components/focus-lock';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> & InternalBaseComponentProps;\n\nexport default function InternalModal({ modalRoot, ...rest }: InternalModalProps) {\n  return (\n    <Portal container={modalRoot}>\n      <InnerModal {...rest} />\n    </Portal>\n  );\n}\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction InnerModal({\n  size,\n  visible,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onDismiss,\n  __internalRootRef = null,\n  ...rest\n}: InternalModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const i18n = useInternalI18n('modal');\n  const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  // enable / disable body scroll\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n    } else {\n      enableBodyScrolling();\n    }\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  // We use an empty div element at the end of the content slot as a sentinel\n  // to detect when the user has scrolled to the bottom.\n  const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n  // Add extra scroll padding to account for the height of the sticky footer,\n  // to prevent it from covering focused elements.\n  const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n\n  return (\n    <FormFieldContext.Provider value={{}}>\n      <div\n        {...baseProps}\n        className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n        role=\"dialog\"\n        aria-modal={true}\n        aria-labelledby={headerId}\n        onMouseDown={onOverlayMouseDown}\n        onClick={onOverlayClick}\n        ref={mergedRef}\n        style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n      >\n        <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n          <div\n            className={clsx(\n              styles.dialog,\n              styles[size],\n              styles[`breakpoint-${breakpoint}`],\n              isRefresh && styles.refresh\n            )}\n            onKeyDown={escKeyHandler}\n          >\n            <div className={styles.container}>\n              <div className={styles.header}>\n                <InternalHeader\n                  variant=\"h2\"\n                  __disableActionsWrapping={true}\n                  actions={\n                    <InternalButton\n                      ariaLabel={closeAriaLabel}\n                      className={styles['dismiss-control']}\n                      variant=\"modal-dismiss\"\n                      iconName=\"close\"\n                      formAction=\"none\"\n                      onClick={onCloseButtonClick}\n                    />\n                  }\n                >\n                  <span id={headerId} className={styles['header--text']}>\n                    {header}\n                  </span>\n                </InternalHeader>\n              </div>\n              <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n                {children}\n                <div ref={stickySentinelRef} />\n              </div>\n              {footer && (\n                <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </FocusLock>\n      </div>\n    </FormFieldContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["modal/internal.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, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport FocusLock from '../internal/components/focus-lock';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> & InternalBaseComponentProps;\n\nexport default function InternalModal({ modalRoot, ...rest }: InternalModalProps) {\n  return (\n    <Portal container={modalRoot}>\n      <InnerModal {...rest} />\n    </Portal>\n  );\n}\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction InnerModal({\n  size,\n  visible,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onDismiss,\n  __internalRootRef = null,\n  ...rest\n}: InternalModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const i18n = useInternalI18n('modal');\n  const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  // enable / disable body scroll\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n    } else {\n      enableBodyScrolling();\n    }\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  // We use an empty div element at the end of the content slot as a sentinel\n  // to detect when the user has scrolled to the bottom.\n  const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n  // Add extra scroll padding to account for the height of the sticky footer,\n  // to prevent it from covering focused elements.\n  const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n\n  return (\n    <FormFieldContext.Provider value={{}}>\n      <div\n        {...baseProps}\n        className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n        role=\"dialog\"\n        aria-modal={true}\n        aria-labelledby={headerId}\n        onMouseDown={onOverlayMouseDown}\n        onClick={onOverlayClick}\n        ref={mergedRef}\n        style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n      >\n        <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n          <div\n            className={clsx(\n              styles.dialog,\n              styles[size],\n              styles[`breakpoint-${breakpoint}`],\n              isRefresh && styles.refresh\n            )}\n            onKeyDown={escKeyHandler}\n          >\n            <div className={styles.container}>\n              <div className={styles.header}>\n                <InternalHeader\n                  variant=\"h2\"\n                  __disableActionsWrapping={true}\n                  actions={\n                    <InternalButton\n                      ariaLabel={closeAriaLabel}\n                      className={styles['dismiss-control']}\n                      variant=\"modal-dismiss\"\n                      iconName=\"close\"\n                      formAction=\"none\"\n                      onClick={onCloseButtonClick}\n                    />\n                  }\n                >\n                  <span id={headerId} className={styles['header--text']}>\n                    {header}\n                  </span>\n                </InternalHeader>\n              </div>\n              <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n                {children}\n                <div ref={stickySentinelRef} />\n              </div>\n              {footer && (\n                <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </FocusLock>\n      </div>\n    </FormFieldContext.Provider>\n  );\n}\n"]}

package/lib/internal/template/modal/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_1yi5s_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1yi5s_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1yi5s_1",
-  "refresh": "awsui_refresh_1d2i7_1yi5s_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1yi5s_1",
-  "root": "awsui_root_1d2i7_1yi5s_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1yi5s_1",
-  "hidden": "awsui_hidden_1d2i7_1yi5s_226",
-  "focus-lock": "awsui_focus-lock_1d2i7_1yi5s_230",
-  "small": "awsui_small_1d2i7_1yi5s_248",
-  "medium": "awsui_medium_1d2i7_1yi5s_251",
-  "large": "awsui_large_1d2i7_1yi5s_254",
-  "max": "awsui_max_1d2i7_1yi5s_257",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1yi5s_257",
-  "container": "awsui_container_1d2i7_1yi5s_262",
-  "content": "awsui_content_1d2i7_1yi5s_281",
-  "no-paddings": "awsui_no-paddings_1d2i7_1yi5s_284",
-  "header": "awsui_header_1d2i7_1yi5s_288",
-  "header--text": "awsui_header--text_1d2i7_1yi5s_295",
-  "footer": "awsui_footer_1d2i7_1yi5s_299",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_1yi5s_307",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1yi5s_316",
-  "modal-open": "awsui_modal-open_1d2i7_1yi5s_320"
+  "dialog": "awsui_dialog_1d2i7_1mex3_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1mex3_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1mex3_1",
+  "refresh": "awsui_refresh_1d2i7_1mex3_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1mex3_1",
+  "root": "awsui_root_1d2i7_1mex3_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1mex3_1",
+  "hidden": "awsui_hidden_1d2i7_1mex3_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_1mex3_230",
+  "small": "awsui_small_1d2i7_1mex3_248",
+  "medium": "awsui_medium_1d2i7_1mex3_251",
+  "large": "awsui_large_1d2i7_1mex3_254",
+  "max": "awsui_max_1d2i7_1mex3_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1mex3_257",
+  "container": "awsui_container_1d2i7_1mex3_262",
+  "content": "awsui_content_1d2i7_1mex3_281",
+  "no-paddings": "awsui_no-paddings_1d2i7_1mex3_284",
+  "header": "awsui_header_1d2i7_1mex3_288",
+  "header--text": "awsui_header--text_1d2i7_1mex3_295",
+  "footer": "awsui_footer_1d2i7_1mex3_299",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_1mex3_307",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_1mex3_316",
+  "modal-open": "awsui_modal-open_1d2i7_1mex3_320"
 };