@cloudscape-design/components-themeable 3.0.589 → 3.0.591

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

@@ -100,7 +100,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_root_14iqq_prxlf_103:not(#\9) {
+.awsui_root_14iqq_1l2x7_103:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -137,15 +137,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_prxlf_103.awsui_fit-height_14iqq_prxlf_139:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_fit-height_14iqq_1l2x7_139:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_prxlf_103.awsui_fit-height_14iqq_prxlf_139.awsui_with-side-media_14iqq_prxlf_144:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_fit-height_14iqq_1l2x7_139.awsui_with-side-media_14iqq_1l2x7_144:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147:not(#\9), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147:not(#\9), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9) {
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
@@ -153,11 +153,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147.awsui_refresh_14iqq_prxlf_155:not(#\9), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147.awsui_refresh_14iqq_prxlf_155:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147.awsui_refresh_14iqq_1l2x7_155:not(#\9), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147.awsui_refresh_14iqq_1l2x7_155:not(#\9) {
   border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
   border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -175,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::after, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::after {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::after, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -191,139 +191,141 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: var(--shadow-container-5104ec, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(:last-child), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(:last-child)::before, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(:last-child), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9)::before, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9)::after {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9)::before, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_prxlf_103.awsui_sticky-enabled_14iqq_prxlf_205:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_root_14iqq_1l2x7_103.awsui_sticky-enabled_14iqq_1l2x7_205:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-s1x6t0, 1px));
 }
-.awsui_root_14iqq_prxlf_103.awsui_sticky-enabled_14iqq_prxlf_205:not(#\9):not(.awsui_refresh_14iqq_prxlf_155).awsui_variant-stacked_14iqq_prxlf_147::before {
+.awsui_root_14iqq_1l2x7_103.awsui_sticky-enabled_14iqq_1l2x7_205:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155).awsui_variant-stacked_14iqq_1l2x7_147::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
 }
 
-.awsui_with-side-media_14iqq_prxlf_144:not(#\9) {
+.awsui_with-side-media_14iqq_1l2x7_144:not(#\9) {
   display: flex;
   flex-direction: row;
 }
 
-.awsui_with-top-media_14iqq_prxlf_217:not(#\9) {
+.awsui_with-top-media_14iqq_1l2x7_217:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-wrapper_14iqq_prxlf_222:not(#\9) {
+.awsui_content-wrapper_14iqq_1l2x7_222:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_prxlf_227:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1l2x7_227:not(#\9) {
   block-size: 100%;
   overflow: hidden;
+  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
 
-.awsui_media_14iqq_prxlf_232:not(#\9) {
+.awsui_media_14iqq_1l2x7_234:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_prxlf_232 img:not(#\9),
-.awsui_media_14iqq_prxlf_232 video:not(#\9),
-.awsui_media_14iqq_prxlf_232 picture:not(#\9) {
+.awsui_media_14iqq_1l2x7_234 img:not(#\9),
+.awsui_media_14iqq_1l2x7_234 video:not(#\9),
+.awsui_media_14iqq_1l2x7_234 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_prxlf_232 iframe:not(#\9) {
+.awsui_media_14iqq_1l2x7_234 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_prxlf_250:not(#\9) {
+.awsui_media-top_14iqq_1l2x7_252:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
 }
-.awsui_media-side_14iqq_prxlf_255:not(#\9) {
+.awsui_media-side_14iqq_1l2x7_257:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
 }
 
-.awsui_header_14iqq_prxlf_261:not(#\9) {
+.awsui_header_14iqq_1l2x7_263:not(#\9) {
   background-color: var(--color-background-container-header-ni4jv3, #fafafa);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header_14iqq_prxlf_261.awsui_header-with-media_14iqq_prxlf_266:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_header-with-media_14iqq_1l2x7_268:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_prxlf_261.awsui_header-with-media_14iqq_prxlf_266:not(#\9):not(:empty) {
+.awsui_header_14iqq_1l2x7_263.awsui_header-with-media_14iqq_1l2x7_268:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_prxlf_272:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1l2x7_274:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_prxlf_276:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1l2x7_278:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_prxlf_282:not(#\9) {
+.awsui_header-stuck_14iqq_1l2x7_284:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::before {
+.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_prxlf_282:not(#\9):not(.awsui_header-variant-cards_14iqq_prxlf_292) {
+.awsui_header-stuck_14iqq_1l2x7_284:not(#\9):not(.awsui_header-variant-cards_14iqq_1l2x7_294) {
   box-shadow: var(--shadow-sticky-embedded-f9wivk, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_prxlf_295.awsui_header-stuck_14iqq_prxlf_282:not(#\9) {
+.awsui_header-dynamic-height_14iqq_1l2x7_297.awsui_header-stuck_14iqq_1l2x7_284:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-v9hsvt, 36px) - var(--line-height-heading-l-vog8w7, 22px));
 }
-.awsui_header_14iqq_prxlf_261:not(#\9):not(:empty) {
+.awsui_header_14iqq_1l2x7_263:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-xo3q2l, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
 }
-.awsui_header_14iqq_prxlf_261.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block-start: var(--space-container-header-top-bomjbu, 12px);
   padding-block-end: var(--space-container-header-bottom-qqnwwz, 12px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_prxlf_261.awsui_with-paddings_14iqq_prxlf_301.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_with-paddings_14iqq_1l2x7_303.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9) {
   padding-block: var(--space-container-header-top-bomjbu, 12px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_prxlf_261.awsui_with-hidden-content_14iqq_prxlf_310:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_with-hidden-content_14iqq_1l2x7_312:not(#\9) {
   border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9) {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9) {
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_prxlf_292.awsui_refresh_14iqq_prxlf_155:not(#\9) {
+.awsui_header-variant-cards_14iqq_1l2x7_294.awsui_refresh_14iqq_1l2x7_155:not(#\9) {
   border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
   border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -341,7 +343,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::after {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -357,19 +359,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: var(--shadow-container-5104ec, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9):not(.awsui_header-sticky-enabled_14iqq_prxlf_276) {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1l2x7_278) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_prxlf_292.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::after, .awsui_header-variant-cards_14iqq_prxlf_292.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1l2x7_294.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::after, .awsui_header-variant-cards_14iqq_1l2x7_294.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -379,14 +381,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
   box-shadow: var(--shadow-sticky-hxu2pv, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_prxlf_388)::before {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_1l2x7_390)::before {
   content: "";
   border-block-end: none;
 }
@@ -395,32 +397,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_prxlf_397:not(#\9) {
+.awsui_dark-header_14iqq_1l2x7_399:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
 
-.awsui_content_14iqq_prxlf_222:not(#\9) {
+.awsui_content_14iqq_1l2x7_222:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_prxlf_405:not(#\9) {
+.awsui_content-fit-height_14iqq_1l2x7_407:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_prxlf_222.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_content_14iqq_1l2x7_222.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block: var(--space-scaled-l-08jb88, 20px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_prxlf_261 + .awsui_content_14iqq_prxlf_222.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_header_14iqq_1l2x7_263 + .awsui_content_14iqq_1l2x7_222.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block-start: var(--space-container-content-top-dkluz9, 16px);
 }
-.awsui_header_14iqq_prxlf_261 + .awsui_content_14iqq_prxlf_222.awsui_with-paddings_14iqq_prxlf_301.awsui_content-with-media_14iqq_prxlf_415:not(#\9) {
+.awsui_header_14iqq_1l2x7_263 + .awsui_content_14iqq_1l2x7_222.awsui_with-paddings_14iqq_1l2x7_303.awsui_content-with-media_14iqq_1l2x7_417:not(#\9) {
   padding-block-start: 0;
 }
 
-.awsui_footer_14iqq_prxlf_419.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_footer_14iqq_1l2x7_421.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block: var(--space-scaled-s-9q8n2q, 12px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_footer_14iqq_prxlf_419.awsui_with-divider_14iqq_prxlf_423:not(#\9) {
+.awsui_footer_14iqq_1l2x7_421.awsui_with-divider_14iqq_1l2x7_425:not(#\9) {
   border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }

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

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_prxlf_103",
-  "fit-height": "awsui_fit-height_14iqq_prxlf_139",
-  "with-side-media": "awsui_with-side-media_14iqq_prxlf_144",
-  "variant-default": "awsui_variant-default_14iqq_prxlf_147",
-  "variant-stacked": "awsui_variant-stacked_14iqq_prxlf_147",
-  "refresh": "awsui_refresh_14iqq_prxlf_155",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_prxlf_205",
-  "with-top-media": "awsui_with-top-media_14iqq_prxlf_217",
-  "content-wrapper": "awsui_content-wrapper_14iqq_prxlf_222",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_prxlf_227",
-  "media": "awsui_media_14iqq_prxlf_232",
-  "media-top": "awsui_media-top_14iqq_prxlf_250",
-  "media-side": "awsui_media-side_14iqq_prxlf_255",
-  "header": "awsui_header_14iqq_prxlf_261",
-  "header-with-media": "awsui_header-with-media_14iqq_prxlf_266",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_prxlf_272",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_prxlf_276",
-  "header-stuck": "awsui_header-stuck_14iqq_prxlf_282",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_prxlf_292",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_prxlf_295",
-  "with-paddings": "awsui_with-paddings_14iqq_prxlf_301",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_prxlf_310",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_prxlf_368",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_prxlf_388",
-  "dark-header": "awsui_dark-header_14iqq_prxlf_397",
-  "content": "awsui_content_14iqq_prxlf_222",
-  "content-fit-height": "awsui_content-fit-height_14iqq_prxlf_405",
-  "content-with-media": "awsui_content-with-media_14iqq_prxlf_415",
-  "footer": "awsui_footer_14iqq_prxlf_419",
-  "with-divider": "awsui_with-divider_14iqq_prxlf_423"
+  "root": "awsui_root_14iqq_1l2x7_103",
+  "fit-height": "awsui_fit-height_14iqq_1l2x7_139",
+  "with-side-media": "awsui_with-side-media_14iqq_1l2x7_144",
+  "variant-default": "awsui_variant-default_14iqq_1l2x7_147",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1l2x7_147",
+  "refresh": "awsui_refresh_14iqq_1l2x7_155",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1l2x7_205",
+  "with-top-media": "awsui_with-top-media_14iqq_1l2x7_217",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1l2x7_222",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1l2x7_227",
+  "media": "awsui_media_14iqq_1l2x7_234",
+  "media-top": "awsui_media-top_14iqq_1l2x7_252",
+  "media-side": "awsui_media-side_14iqq_1l2x7_257",
+  "header": "awsui_header_14iqq_1l2x7_263",
+  "header-with-media": "awsui_header-with-media_14iqq_1l2x7_268",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1l2x7_274",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1l2x7_278",
+  "header-stuck": "awsui_header-stuck_14iqq_1l2x7_284",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1l2x7_294",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1l2x7_297",
+  "with-paddings": "awsui_with-paddings_14iqq_1l2x7_303",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1l2x7_312",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1l2x7_370",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1l2x7_390",
+  "dark-header": "awsui_dark-header_14iqq_1l2x7_399",
+  "content": "awsui_content_14iqq_1l2x7_222",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1l2x7_407",
+  "content-with-media": "awsui_content-with-media_14iqq_1l2x7_417",
+  "footer": "awsui_footer_14iqq_1l2x7_421",
+  "with-divider": "awsui_with-divider_14iqq_1l2x7_425"
 };
   

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (961ecb0d)";
+export var PACKAGE_VERSION = "3.0.0 (acb14963)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (961ecb0d)",
+  "PACKAGE_VERSION": "3.0.0 (acb14963)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/hooks/use-virtual/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { VirtualItem } from 'react-virtual';
+import { VirtualItem } from '../../vendor/react-virtual';
 interface UseVirtualProps<Item> {
     items: readonly Item[];
     parentRef: React.RefObject<HTMLElement>;

package/lib/internal/template/internal/hooks/use-virtual/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmC,WAAW,EAAE,MAAM,eAAe,CAAC;AAI7E,UAAU,eAAe,CAAC,IAAI;IAC5B,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,UAAU,cAAc;IACtB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,IAAI,SAAS,MAAM,EAAE,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,GACb,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,cAAc,CAgCxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmC,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAI1F,UAAU,eAAe,CAAC,IAAI;IAC5B,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED,UAAU,cAAc;IACtB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,IAAI,SAAS,MAAM,EAAE,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,GACb,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,cAAc,CAgCxC"}

package/lib/internal/template/internal/hooks/use-virtual/index.js

@@ -1,7 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useEffect, useMemo, useRef } from 'react';
-import { useVirtual as useVirtualDefault } from 'react-virtual';
+import { useVirtual as useVirtualDefault } from '../../vendor/react-virtual';
 const MAX_ITEM_MOUNTS = 100;
 /**
  * The useVirtual from react-virtual@2 might produce an infinite update loop caused by setting

package/lib/internal/template/internal/hooks/use-virtual/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAe,MAAM,eAAe,CAAC;AAE7E,MAAM,eAAe,GAAG,GAAG,CAAC;AAc5B;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU,CAAsB,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,GACU;IACtB,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEvG,oEAAoE;IACpE,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,OAAO,EAAgB,CAAC,CAAC;IAE1D,yEAAyE;IACzE,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,iCAC1C,WAAW,KACd,UAAU,EAAE,CAAC,IAAwB,EAAE,EAAE;;YACvC,MAAM,YAAY,GAAG,MAAA,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,mCAAI,CAAC,CAAC;YAC9E,IAAI,YAAY,GAAG,eAAe,EAAE;gBAClC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC7B,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;aACvE;QACH,CAAC,IACD,CAAC,EACL,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,CACrC,CAAC;IAEF,OAAO;QACL,YAAY;QACZ,SAAS,EAAE,cAAc,CAAC,SAAS;QACnC,aAAa,EAAE,cAAc,CAAC,aAAa;KAC5C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { useVirtual as useVirtualDefault, VirtualItem } from 'react-virtual';\n\nconst MAX_ITEM_MOUNTS = 100;\n\ninterface UseVirtualProps<Item> {\n  items: readonly Item[];\n  parentRef: React.RefObject<HTMLElement>;\n  estimateSize: () => number;\n}\n\ninterface RowVirtualizer {\n  virtualItems: VirtualItem[];\n  totalSize: number;\n  scrollToIndex: (index: number) => void;\n}\n\n/**\n * The useVirtual from react-virtual@2 might produce an infinite update loop caused by setting\n * measured item sizes in the render cycle (as part of the measureRef assignment):\n *      The sum of all measured item sizes is returned as totalSize which is then set on the list container.\n *      Enforcing new container height might result in an items size change e.g. when the content wraps.\n *\n * The infinite update cycle causes React \"Maximum update depth exceeded\" error and can be additionally confirmed\n * by logging the totalSize which should then bounce between two values.\n *\n * The number of item refs assignments is limited to MAX_ITEM_MOUNTS unless items or indices change.\n * That is based on the assumption the item height stays constant after its first render.\n */\nexport function useVirtual<Item extends object>({\n  items,\n  parentRef,\n  estimateSize,\n}: UseVirtualProps<Item>): RowVirtualizer {\n  const rowVirtualizer = useVirtualDefault({ size: items.length, parentRef, estimateSize, overscan: 5 });\n\n  // Cache virtual item mounts to limit the amount of mounts per item.\n  const measuresCache = useRef(new WeakMap<Item, number>());\n\n  // Clear mounts cache every time indices, items, or size estimate change.\n  const indicesKey = rowVirtualizer.virtualItems.map(item => `${item.index}`).join(':');\n  useEffect(() => {\n    measuresCache.current = new WeakMap();\n  }, [indicesKey, items, estimateSize]);\n\n  const virtualItems = useMemo(\n    () =>\n      rowVirtualizer.virtualItems.map(virtualItem => ({\n        ...virtualItem,\n        measureRef: (node: null | HTMLElement) => {\n          const mountedCount = measuresCache.current.get(items[virtualItem.index]) ?? 0;\n          if (mountedCount < MAX_ITEM_MOUNTS) {\n            virtualItem.measureRef(node);\n            measuresCache.current.set(items[virtualItem.index], mountedCount + 1);\n          }\n        },\n      })),\n    [items, rowVirtualizer.virtualItems]\n  );\n\n  return {\n    virtualItems,\n    totalSize: rowVirtualizer.totalSize,\n    scrollToIndex: rowVirtualizer.scrollToIndex,\n  };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-virtual/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAe,MAAM,4BAA4B,CAAC;AAE1F,MAAM,eAAe,GAAG,GAAG,CAAC;AAc5B;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU,CAAsB,EAC9C,KAAK,EACL,SAAS,EACT,YAAY,GACU;IACtB,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEvG,oEAAoE;IACpE,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,OAAO,EAAgB,CAAC,CAAC;IAE1D,yEAAyE;IACzE,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IACxC,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,iCAC1C,WAAW,KACd,UAAU,EAAE,CAAC,IAAwB,EAAE,EAAE;;YACvC,MAAM,YAAY,GAAG,MAAA,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,mCAAI,CAAC,CAAC;YAC9E,IAAI,YAAY,GAAG,eAAe,EAAE;gBAClC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC7B,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC;aACvE;QACH,CAAC,IACD,CAAC,EACL,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,CACrC,CAAC;IAEF,OAAO;QACL,YAAY;QACZ,SAAS,EAAE,cAAc,CAAC,SAAS;QACnC,aAAa,EAAE,cAAc,CAAC,aAAa;KAC5C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { useVirtual as useVirtualDefault, VirtualItem } from '../../vendor/react-virtual';\n\nconst MAX_ITEM_MOUNTS = 100;\n\ninterface UseVirtualProps<Item> {\n  items: readonly Item[];\n  parentRef: React.RefObject<HTMLElement>;\n  estimateSize: () => number;\n}\n\ninterface RowVirtualizer {\n  virtualItems: VirtualItem[];\n  totalSize: number;\n  scrollToIndex: (index: number) => void;\n}\n\n/**\n * The useVirtual from react-virtual@2 might produce an infinite update loop caused by setting\n * measured item sizes in the render cycle (as part of the measureRef assignment):\n *      The sum of all measured item sizes is returned as totalSize which is then set on the list container.\n *      Enforcing new container height might result in an items size change e.g. when the content wraps.\n *\n * The infinite update cycle causes React \"Maximum update depth exceeded\" error and can be additionally confirmed\n * by logging the totalSize which should then bounce between two values.\n *\n * The number of item refs assignments is limited to MAX_ITEM_MOUNTS unless items or indices change.\n * That is based on the assumption the item height stays constant after its first render.\n */\nexport function useVirtual<Item extends object>({\n  items,\n  parentRef,\n  estimateSize,\n}: UseVirtualProps<Item>): RowVirtualizer {\n  const rowVirtualizer = useVirtualDefault({ size: items.length, parentRef, estimateSize, overscan: 5 });\n\n  // Cache virtual item mounts to limit the amount of mounts per item.\n  const measuresCache = useRef(new WeakMap<Item, number>());\n\n  // Clear mounts cache every time indices, items, or size estimate change.\n  const indicesKey = rowVirtualizer.virtualItems.map(item => `${item.index}`).join(':');\n  useEffect(() => {\n    measuresCache.current = new WeakMap();\n  }, [indicesKey, items, estimateSize]);\n\n  const virtualItems = useMemo(\n    () =>\n      rowVirtualizer.virtualItems.map(virtualItem => ({\n        ...virtualItem,\n        measureRef: (node: null | HTMLElement) => {\n          const mountedCount = measuresCache.current.get(items[virtualItem.index]) ?? 0;\n          if (mountedCount < MAX_ITEM_MOUNTS) {\n            virtualItem.measureRef(node);\n            measuresCache.current.set(items[virtualItem.index], mountedCount + 1);\n          }\n        },\n      })),\n    [items, rowVirtualizer.virtualItems]\n  );\n\n  return {\n    virtualItems,\n    totalSize: rowVirtualizer.totalSize,\n    scrollToIndex: rowVirtualizer.scrollToIndex,\n  };\n}\n"]}