@cloudscape-design/components 3.0.149 → 3.0.151

package/cards/styles.css.js

@@ -1,42 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "card-inner": "awsui_card-inner_p8a6i_9tpvn_97",
-  "root": "awsui_root_p8a6i_9tpvn_117",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_9tpvn_133",
-  "header-refresh": "awsui_header-refresh_p8a6i_9tpvn_133",
-  "list": "awsui_list_p8a6i_9tpvn_149",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_9tpvn_157",
-  "card": "awsui_card_p8a6i_9tpvn_97",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_9tpvn_160",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_9tpvn_163",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_9tpvn_166",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_9tpvn_169",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_9tpvn_172",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_9tpvn_175",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_9tpvn_178",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_9tpvn_181",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_9tpvn_184",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_9tpvn_187",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_9tpvn_190",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_9tpvn_193",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_9tpvn_196",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_9tpvn_199",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_9tpvn_202",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_9tpvn_205",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_9tpvn_208",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_9tpvn_211",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_9tpvn_214",
-  "selection-control": "awsui_selection-control_p8a6i_9tpvn_218",
-  "loading": "awsui_loading_p8a6i_9tpvn_227",
-  "empty": "awsui_empty_p8a6i_9tpvn_228",
-  "has-header": "awsui_has-header_p8a6i_9tpvn_235",
-  "card-header": "awsui_card-header_p8a6i_9tpvn_272",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_9tpvn_278",
-  "card-selectable": "awsui_card-selectable_p8a6i_9tpvn_282",
-  "card-selected": "awsui_card-selected_p8a6i_9tpvn_285",
-  "section": "awsui_section_p8a6i_9tpvn_294",
-  "section-header": "awsui_section-header_p8a6i_9tpvn_300",
-  "section-content": "awsui_section-content_p8a6i_9tpvn_306"
+  "card-inner": "awsui_card-inner_p8a6i_44gqh_97",
+  "root": "awsui_root_p8a6i_44gqh_117",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_44gqh_133",
+  "header-refresh": "awsui_header-refresh_p8a6i_44gqh_133",
+  "list": "awsui_list_p8a6i_44gqh_149",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_44gqh_157",
+  "card": "awsui_card_p8a6i_44gqh_97",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_44gqh_160",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_44gqh_163",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_44gqh_166",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_44gqh_169",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_44gqh_172",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_44gqh_175",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_44gqh_178",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_44gqh_181",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_44gqh_184",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_44gqh_187",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_44gqh_190",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_44gqh_193",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_44gqh_196",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_44gqh_199",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_44gqh_202",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_44gqh_205",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_44gqh_208",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_44gqh_211",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_44gqh_214",
+  "selection-control": "awsui_selection-control_p8a6i_44gqh_218",
+  "loading": "awsui_loading_p8a6i_44gqh_227",
+  "empty": "awsui_empty_p8a6i_44gqh_228",
+  "has-header": "awsui_has-header_p8a6i_44gqh_235",
+  "card-header": "awsui_card-header_p8a6i_44gqh_272",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_44gqh_278",
+  "card-selectable": "awsui_card-selectable_p8a6i_44gqh_282",
+  "card-selected": "awsui_card-selected_p8a6i_44gqh_285",
+  "section": "awsui_section_p8a6i_44gqh_294",
+  "section-header": "awsui_section-header_p8a6i_44gqh_300",
+  "section-content": "awsui_section-content_p8a6i_44gqh_306"
 };
   

package/cards/styles.scoped.css

@@ -94,18 +94,18 @@ 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_card-inner_p8a6i_9tpvn_97:not(#\9) {
+.awsui_card-inner_p8a6i_44gqh_97:not(#\9) {
   transition-property: background-color, border-top-color, border-bottom-color, border-left-color, border-right-color;
   transition-duration: var(--motion-duration-transition-show-paced-ai4wlf, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
+  .awsui_card-inner_p8a6i_44gqh_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_9tpvn_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_44gqh_97:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_44gqh_97:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -114,7 +114,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_p8a6i_9tpvn_117:not(#\9) {
+.awsui_root_p8a6i_44gqh_117:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -156,7 +156,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_header-variant-full-page_p8a6i_9tpvn_133.awsui_header-refresh_p8a6i_9tpvn_133:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_44gqh_133.awsui_header-refresh_p8a6i_44gqh_133:not(#\9) {
   box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
   border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
   border-radius: var(--border-radius-container-gh9ysk, 16px);
@@ -167,12 +167,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-bottom: calc(var(--space-container-header-vertical-zsjhel, 12px) + var(--space-scaled-xxs-95dhkm, 4px));
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-full-page_p8a6i_9tpvn_133.awsui_header-refresh_p8a6i_9tpvn_133:not(#\9) {
+  .awsui_header-variant-full-page_p8a6i_44gqh_133.awsui_header-refresh_p8a6i_44gqh_133:not(#\9) {
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
 
-.awsui_list_p8a6i_9tpvn_149:not(#\9) {
+.awsui_list_p8a6i_44gqh_149:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -180,89 +180,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   margin: 0 0 0 calc(var(--space-grid-gutter-0subky, 20px) * -1);
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-1_p8a6i_9tpvn_157 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-1_p8a6i_44gqh_157 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 100%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-2_p8a6i_9tpvn_160 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-2_p8a6i_44gqh_160 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 50%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-3_p8a6i_9tpvn_163 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-3_p8a6i_44gqh_163 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 33.3333333333%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-4_p8a6i_9tpvn_166 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-4_p8a6i_44gqh_166 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 25%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-5_p8a6i_9tpvn_169 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-5_p8a6i_44gqh_169 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 20%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-6_p8a6i_9tpvn_172 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-6_p8a6i_44gqh_172 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 16.6666666667%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-7_p8a6i_9tpvn_175 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-7_p8a6i_44gqh_175 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 14.2857142857%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-8_p8a6i_9tpvn_178 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-8_p8a6i_44gqh_178 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 12.5%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-9_p8a6i_9tpvn_181 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-9_p8a6i_44gqh_181 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 11.1111111111%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-10_p8a6i_9tpvn_184 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-10_p8a6i_44gqh_184 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 10%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-11_p8a6i_9tpvn_187 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-11_p8a6i_44gqh_187 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 9.0909090909%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-12_p8a6i_9tpvn_190 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-12_p8a6i_44gqh_190 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 8.3333333333%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-13_p8a6i_9tpvn_193 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-13_p8a6i_44gqh_193 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 7.6923076923%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-14_p8a6i_9tpvn_196 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-14_p8a6i_44gqh_196 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 7.1428571429%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-15_p8a6i_9tpvn_199 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-15_p8a6i_44gqh_199 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 6.6666666667%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-16_p8a6i_9tpvn_202 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-16_p8a6i_44gqh_202 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 6.25%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-17_p8a6i_9tpvn_205 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-17_p8a6i_44gqh_205 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 5.8823529412%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-18_p8a6i_9tpvn_208 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-18_p8a6i_44gqh_208 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 5.5555555556%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-19_p8a6i_9tpvn_211 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-19_p8a6i_44gqh_211 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 5.2631578947%;
 }
-.awsui_list_p8a6i_9tpvn_149.awsui_list-grid-20_p8a6i_9tpvn_214 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_list_p8a6i_44gqh_149.awsui_list-grid-20_p8a6i_44gqh_214 > .awsui_card_p8a6i_44gqh_97:not(#\9) {
   width: 5%;
 }
 
-.awsui_selection-control_p8a6i_9tpvn_218:not(#\9) {
+.awsui_selection-control_p8a6i_44gqh_218:not(#\9) {
   position: absolute;
   box-sizing: border-box;
-  width: calc(var(--size-control-n9i4yo, 16px) + (2 * var(--space-card-horizontal-dkvuen, 24px)));
+  width: calc(var(--size-control-n9i4yo, 16px) + (2 * var(--space-card-horizontal-di7llb, 20px)));
   top: 0;
   right: 0;
-  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-dkvuen, 24px);
+  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-di7llb, 20px);
 }
 
-.awsui_loading_p8a6i_9tpvn_227:not(#\9),
-.awsui_empty_p8a6i_9tpvn_228:not(#\9) {
+.awsui_loading_p8a6i_44gqh_227:not(#\9),
+.awsui_empty_p8a6i_44gqh_228:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-fjv325, #5f6b7a);
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
 
-.awsui_has-header_p8a6i_9tpvn_235:not(#\9) {
+.awsui_has-header_p8a6i_44gqh_235:not(#\9) {
   margin-top: var(--space-grid-gutter-0subky, 20px);
 }
 
-.awsui_card_p8a6i_9tpvn_97:not(#\9) {
+.awsui_card_p8a6i_44gqh_97:not(#\9) {
   display: flex;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -270,11 +270,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0;
   list-style: none;
 }
-.awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
+.awsui_card-inner_p8a6i_44gqh_97:not(#\9) {
   position: relative;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   margin: 0 0 var(--space-grid-gutter-0subky, 20px) var(--space-grid-gutter-0subky, 20px);
-  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-dkvuen, 24px) var(--space-scaled-l-t03y3z, 20px);
+  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-di7llb, 20px) var(--space-scaled-l-t03y3z, 20px);
   border-color: transparent;
   box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
   border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
@@ -286,53 +286,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
-    padding: calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-card-horizontal-dkvuen, 24px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
+  .awsui_card-inner_p8a6i_44gqh_97:not(#\9) {
+    padding: calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-card-horizontal-di7llb, 20px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
   }
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
+  .awsui_card-inner_p8a6i_44gqh_97:not(#\9) {
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
-.awsui_card-header_p8a6i_9tpvn_272:not(#\9) {
+.awsui_card-header_p8a6i_44gqh_272:not(#\9) {
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
   line-height: var(--font-heading-m-line-height-u3t54f, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
   font-weight: var(--font-heading-m-weight-hi5n0j, 800);
 }
-.awsui_card-header-inner_p8a6i_9tpvn_278:not(#\9) {
+.awsui_card-header-inner_p8a6i_44gqh_278:not(#\9) {
   width: 100%;
   display: inline-block;
 }
-.awsui_card-selectable_p8a6i_9tpvn_282 > .awsui_card-inner_p8a6i_9tpvn_97 > .awsui_card-header_p8a6i_9tpvn_272:not(#\9) {
+.awsui_card-selectable_p8a6i_44gqh_282 > .awsui_card-inner_p8a6i_44gqh_97 > .awsui_card-header_p8a6i_44gqh_272:not(#\9) {
   width: 90%;
 }
-.awsui_card-selected_p8a6i_9tpvn_285 > .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
+.awsui_card-selected_p8a6i_44gqh_285 > .awsui_card-inner_p8a6i_44gqh_97:not(#\9) {
   border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   background-color: var(--color-background-item-selected-ebt4bi, #f2f8fd);
-  padding: var(--space-scaled-l-t03y3z, 20px) calc(var(--space-card-horizontal-dkvuen, 24px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
+  padding: var(--space-scaled-l-t03y3z, 20px) calc(var(--space-card-horizontal-di7llb, 20px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
 }
-.awsui_card-selected_p8a6i_9tpvn_285 > .awsui_card-inner_p8a6i_9tpvn_97 > .awsui_card-header_p8a6i_9tpvn_272 > .awsui_selection-control_p8a6i_9tpvn_218:not(#\9) {
+.awsui_card-selected_p8a6i_44gqh_285 > .awsui_card-inner_p8a6i_44gqh_97 > .awsui_card-header_p8a6i_44gqh_272 > .awsui_selection-control_p8a6i_44gqh_218:not(#\9) {
   margin-right: calc(-1 * var(--border-item-width-qbbbsa, 2px));
 }
 
-.awsui_section_p8a6i_9tpvn_294:not(#\9) {
+.awsui_section_p8a6i_44gqh_294:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding: var(--space-xs-rsr2qu, 8px) 0 var(--space-scaled-xs-6859qs, 8px) 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_9tpvn_300:not(#\9) {
+.awsui_section-header_p8a6i_44gqh_300:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: var(--font-display-label-weight-m18hjh, 700);
   color: var(--color-text-label-gxskdy, #000716);
 }
-.awsui_section-content_p8a6i_9tpvn_306:not(#\9) {
+.awsui_section-content_p8a6i_44gqh_306:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_section_p8a6i_9tpvn_294:not(#\9):last-child {
+.awsui_section_p8a6i_44gqh_294:not(#\9):last-child {
   padding: var(--space-xs-rsr2qu, 8px) 0 0 0;
 }

package/cards/styles.selectors.js

@@ -2,42 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "card-inner": "awsui_card-inner_p8a6i_9tpvn_97",
-  "root": "awsui_root_p8a6i_9tpvn_117",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_9tpvn_133",
-  "header-refresh": "awsui_header-refresh_p8a6i_9tpvn_133",
-  "list": "awsui_list_p8a6i_9tpvn_149",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_9tpvn_157",
-  "card": "awsui_card_p8a6i_9tpvn_97",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_9tpvn_160",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_9tpvn_163",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_9tpvn_166",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_9tpvn_169",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_9tpvn_172",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_9tpvn_175",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_9tpvn_178",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_9tpvn_181",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_9tpvn_184",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_9tpvn_187",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_9tpvn_190",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_9tpvn_193",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_9tpvn_196",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_9tpvn_199",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_9tpvn_202",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_9tpvn_205",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_9tpvn_208",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_9tpvn_211",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_9tpvn_214",
-  "selection-control": "awsui_selection-control_p8a6i_9tpvn_218",
-  "loading": "awsui_loading_p8a6i_9tpvn_227",
-  "empty": "awsui_empty_p8a6i_9tpvn_228",
-  "has-header": "awsui_has-header_p8a6i_9tpvn_235",
-  "card-header": "awsui_card-header_p8a6i_9tpvn_272",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_9tpvn_278",
-  "card-selectable": "awsui_card-selectable_p8a6i_9tpvn_282",
-  "card-selected": "awsui_card-selected_p8a6i_9tpvn_285",
-  "section": "awsui_section_p8a6i_9tpvn_294",
-  "section-header": "awsui_section-header_p8a6i_9tpvn_300",
-  "section-content": "awsui_section-content_p8a6i_9tpvn_306"
+  "card-inner": "awsui_card-inner_p8a6i_44gqh_97",
+  "root": "awsui_root_p8a6i_44gqh_117",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_44gqh_133",
+  "header-refresh": "awsui_header-refresh_p8a6i_44gqh_133",
+  "list": "awsui_list_p8a6i_44gqh_149",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_44gqh_157",
+  "card": "awsui_card_p8a6i_44gqh_97",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_44gqh_160",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_44gqh_163",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_44gqh_166",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_44gqh_169",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_44gqh_172",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_44gqh_175",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_44gqh_178",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_44gqh_181",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_44gqh_184",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_44gqh_187",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_44gqh_190",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_44gqh_193",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_44gqh_196",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_44gqh_199",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_44gqh_202",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_44gqh_205",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_44gqh_208",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_44gqh_211",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_44gqh_214",
+  "selection-control": "awsui_selection-control_p8a6i_44gqh_218",
+  "loading": "awsui_loading_p8a6i_44gqh_227",
+  "empty": "awsui_empty_p8a6i_44gqh_228",
+  "has-header": "awsui_has-header_p8a6i_44gqh_235",
+  "card-header": "awsui_card-header_p8a6i_44gqh_272",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_44gqh_278",
+  "card-selectable": "awsui_card-selectable_p8a6i_44gqh_282",
+  "card-selected": "awsui_card-selected_p8a6i_44gqh_285",
+  "section": "awsui_section_p8a6i_44gqh_294",
+  "section-header": "awsui_section-header_p8a6i_44gqh_300",
+  "section-content": "awsui_section-content_p8a6i_44gqh_306"
 };
   

package/container/interfaces.d.ts

@@ -17,6 +17,14 @@ export interface ContainerProps extends BaseComponentProps {
      * Determines whether the container content has padding. If `true`, removes the default padding from the content area.
      */
     disableContentPaddings?: boolean;
+    /**
+     * Enabling this property will make the container to fit into available height. If content is too short, the container
+     * will stretch, if too long, the container will shrink and show vertical scrollbar.
+     *
+     * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch
+     * all containers to the height of the longest one, to avoid extra vertical scroll areas.
+     */
+    fitHeight?: boolean;
     /**
      * Footer of the container.
      */

package/container/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC"}

package/container/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\n\nexport interface ContainerProps extends BaseComponentProps {\n  /**\n   * Heading element of the container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Determines whether the container header has padding. If `true`, removes the default padding from the header.\n   */\n  disableHeaderPaddings?: boolean;\n\n  /**\n   * Main content of the container.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Determines whether the container content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Footer of the container.\n   */\n  footer?: React.ReactNode;\n\n  /**\n   * Specify a container variant with one of the following:\n   * * `default` - Use this variant in standalone context.\n   * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n   *               table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: 'default' | 'stacked';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\n\nexport interface ContainerProps extends BaseComponentProps {\n  /**\n   * Heading element of the container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Determines whether the container header has padding. If `true`, removes the default padding from the header.\n   */\n  disableHeaderPaddings?: boolean;\n\n  /**\n   * Main content of the container.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Determines whether the container content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Enabling this property will make the container to fit into available height. If content is too short, the container\n   * will stretch, if too long, the container will shrink and show vertical scrollbar.\n   *\n   * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch\n   * all containers to the height of the longest one, to avoid extra vertical scroll areas.\n   */\n  fitHeight?: boolean;\n\n  /**\n   * Footer of the container.\n   */\n  footer?: React.ReactNode;\n\n  /**\n   * Specify a container variant with one of the following:\n   * * `default` - Use this variant in standalone context.\n   * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n   *               table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: 'default' | 'stacked';\n}\n"]}

package/container/internal.d.ts

@@ -18,5 +18,5 @@ export interface InternalContainerProps extends Omit<ContainerProps, 'variant'>,
      */
     variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';
 }
-export default function InternalContainer({ header, footer, children, variant, disableHeaderPaddings, disableContentPaddings, __stickyOffset, __stickyHeader, __internalRootRef, __disableFooterDivider, __disableFooterPaddings, __hiddenContent, __headerRef, __headerId, __darkHeader, ...restProps }: InternalContainerProps): JSX.Element;
+export default function InternalContainer({ header, footer, children, variant, disableHeaderPaddings, disableContentPaddings, fitHeight, __stickyOffset, __stickyHeader, __internalRootRef, __disableFooterDivider, __disableFooterPaddings, __hiddenContent, __headerRef, __headerId, __darkHeader, ...restProps }: InternalContainerProps): JSX.Element;
 //# sourceMappingURL=internal.d.ts.map

package/container/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;CAC1E;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,cAAc,EACd,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,UAAU,EACV,YAAoB,EACpB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAoFxB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;CAC1E;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,cAAc,EACd,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,UAAU,EACV,YAAoB,EACpB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAyFxB"}

package/container/internal.js

@@ -12,7 +12,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import styles from './styles.css.js';
 export default function InternalContainer(_a) {
     var _b, _c, _d;
-    var header = _a.header, footer = _a.footer, children = _a.children, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.disableHeaderPaddings, disableHeaderPaddings = _f === void 0 ? false : _f, _g = _a.disableContentPaddings, disableContentPaddings = _g === void 0 ? false : _g, __stickyOffset = _a.__stickyOffset, _h = _a.__stickyHeader, __stickyHeader = _h === void 0 ? false : _h, _j = _a.__internalRootRef, __internalRootRef = _j === void 0 ? null : _j, _k = _a.__disableFooterDivider, __disableFooterDivider = _k === void 0 ? false : _k, _l = _a.__disableFooterPaddings, __disableFooterPaddings = _l === void 0 ? false : _l, _m = _a.__hiddenContent, __hiddenContent = _m === void 0 ? false : _m, __headerRef = _a.__headerRef, __headerId = _a.__headerId, _o = _a.__darkHeader, __darkHeader = _o === void 0 ? false : _o, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "__stickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__disableFooterPaddings", "__hiddenContent", "__headerRef", "__headerId", "__darkHeader"]);
+    var header = _a.header, footer = _a.footer, children = _a.children, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.disableHeaderPaddings, disableHeaderPaddings = _f === void 0 ? false : _f, _g = _a.disableContentPaddings, disableContentPaddings = _g === void 0 ? false : _g, fitHeight = _a.fitHeight, __stickyOffset = _a.__stickyOffset, _h = _a.__stickyHeader, __stickyHeader = _h === void 0 ? false : _h, _j = _a.__internalRootRef, __internalRootRef = _j === void 0 ? null : _j, _k = _a.__disableFooterDivider, __disableFooterDivider = _k === void 0 ? false : _k, _l = _a.__disableFooterPaddings, __disableFooterPaddings = _l === void 0 ? false : _l, _m = _a.__hiddenContent, __hiddenContent = _m === void 0 ? false : _m, __headerRef = _a.__headerRef, __headerId = _a.__headerId, _o = _a.__darkHeader, __darkHeader = _o === void 0 ? false : _o, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "fitHeight", "__stickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__disableFooterPaddings", "__hiddenContent", "__headerRef", "__headerId", "__darkHeader"]);
     var baseProps = getBaseProps(restProps);
     var rootRef = useRef(null);
     var headerRef = useRef(null);
@@ -40,7 +40,7 @@ export default function InternalContainer(_a) {
             }
         };
     }, [isRefresh, isSticky, setHasStickyBackground, variant]);
-    return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles["variant-".concat(variant)]), ref: mergedRef }),
+    return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles["variant-".concat(variant)], fitHeight && styles['root-fit-height']), ref: mergedRef }),
         header && (React.createElement(StickyHeaderContext.Provider, { value: { isStuck: isStuck } },
             React.createElement("div", __assign({ className: clsx(styles.header, styles["header-variant-".concat(variant)], (_b = {},
                     _b[styles['header-sticky-disabled']] = __stickyHeader && !isSticky,

package/container/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/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 clsx from 'clsx';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { AppLayoutContext } from '../app-layout/visual-refresh/context';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../app-layout/visual-refresh/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __headerId?: string;\n  __darkHeader?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  __stickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __headerId,\n  __darkHeader = false,\n  ...restProps\n}: InternalContainerProps) {\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset);\n  const { setHasStickyBackground } = useContext(AppLayoutContext);\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n  const headerIdProp = __headerId ? { id: __headerId } : {};\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high constrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(\n    function handleHasStickyBackground() {\n      const shouldUpdateStickyBackground = isRefresh && isSticky && variant === 'full-page';\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(true);\n      }\n\n      return function cleanup() {\n        if (shouldUpdateStickyBackground) {\n          setHasStickyBackground(false);\n        }\n      };\n    },\n    [isRefresh, isSticky, setHasStickyBackground, variant]\n  );\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles[`variant-${variant}`])}\n      ref={mergedRef}\n    >\n      {header && (\n        <StickyHeaderContext.Provider value={{ isStuck }}>\n          <div\n            className={clsx(styles.header, styles[`header-variant-${variant}`], {\n              [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n              [styles['header-sticky-enabled']]: isSticky,\n              [styles['header-dynamic-height']]: hasDynamicHeight,\n              [styles['header-stuck']]: isStuck,\n              [styles['with-paddings']]: !disableHeaderPaddings,\n              [styles['with-hidden-content']]: __hiddenContent,\n            })}\n            {...headerIdProp}\n            {...stickyStyles}\n            ref={headerMergedRef}\n          >\n            {__darkHeader ? (\n              <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n            ) : (\n              header\n            )}\n          </div>\n        </StickyHeaderContext.Provider>\n      )}\n      <div\n        className={clsx(styles.content, {\n          [styles['with-paddings']]: !disableContentPaddings,\n        })}\n      >\n        {children}\n      </div>\n      {footer && (\n        <div\n          className={clsx(styles.footer, {\n            [styles['with-divider']]: !__disableFooterDivider,\n            [styles['with-paddings']]: !__disableFooterPaddings,\n          })}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/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 clsx from 'clsx';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { AppLayoutContext } from '../app-layout/visual-refresh/context';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../app-layout/visual-refresh/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __headerId?: string;\n  __darkHeader?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  __stickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __headerId,\n  __darkHeader = false,\n  ...restProps\n}: InternalContainerProps) {\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset);\n  const { setHasStickyBackground } = useContext(AppLayoutContext);\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n  const headerIdProp = __headerId ? { id: __headerId } : {};\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high constrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(\n    function handleHasStickyBackground() {\n      const shouldUpdateStickyBackground = isRefresh && isSticky && variant === 'full-page';\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(true);\n      }\n\n      return function cleanup() {\n        if (shouldUpdateStickyBackground) {\n          setHasStickyBackground(false);\n        }\n      };\n    },\n    [isRefresh, isSticky, setHasStickyBackground, variant]\n  );\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['root-fit-height']\n      )}\n      ref={mergedRef}\n    >\n      {header && (\n        <StickyHeaderContext.Provider value={{ isStuck }}>\n          <div\n            className={clsx(styles.header, styles[`header-variant-${variant}`], {\n              [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n              [styles['header-sticky-enabled']]: isSticky,\n              [styles['header-dynamic-height']]: hasDynamicHeight,\n              [styles['header-stuck']]: isStuck,\n              [styles['with-paddings']]: !disableHeaderPaddings,\n              [styles['with-hidden-content']]: __hiddenContent,\n            })}\n            {...headerIdProp}\n            {...stickyStyles}\n            ref={headerMergedRef}\n          >\n            {__darkHeader ? (\n              <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n            ) : (\n              header\n            )}\n          </div>\n        </StickyHeaderContext.Provider>\n      )}\n      <div\n        className={clsx(styles.content, {\n          [styles['with-paddings']]: !disableContentPaddings,\n        })}\n      >\n        {children}\n      </div>\n      {footer && (\n        <div\n          className={clsx(styles.footer, {\n            [styles['with-divider']]: !__disableFooterDivider,\n            [styles['with-paddings']]: !__disableFooterPaddings,\n          })}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/container/styles.css.js

@@ -1,21 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_uvfcm_97",
-  "variant-default": "awsui_variant-default_14iqq_uvfcm_110",
-  "variant-stacked": "awsui_variant-stacked_14iqq_uvfcm_110",
-  "header": "awsui_header_14iqq_uvfcm_133",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_uvfcm_139",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_uvfcm_143",
-  "header-stuck": "awsui_header-stuck_14iqq_uvfcm_149",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_uvfcm_154",
-  "with-paddings": "awsui_with-paddings_14iqq_uvfcm_160",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_uvfcm_163",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_uvfcm_167",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_uvfcm_191",
-  "dark-header": "awsui_dark-header_14iqq_uvfcm_209",
-  "content": "awsui_content_14iqq_uvfcm_213",
-  "footer": "awsui_footer_14iqq_uvfcm_223",
-  "with-divider": "awsui_with-divider_14iqq_uvfcm_229"
+  "root": "awsui_root_14iqq_wbmbk_97",
+  "root-fit-height": "awsui_root-fit-height_14iqq_wbmbk_108",
+  "variant-default": "awsui_variant-default_14iqq_wbmbk_114",
+  "variant-stacked": "awsui_variant-stacked_14iqq_wbmbk_114",
+  "header": "awsui_header_14iqq_wbmbk_137",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wbmbk_142",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wbmbk_146",
+  "header-stuck": "awsui_header-stuck_14iqq_wbmbk_152",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wbmbk_157",
+  "with-paddings": "awsui_with-paddings_14iqq_wbmbk_163",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_wbmbk_166",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_wbmbk_170",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wbmbk_194",
+  "dark-header": "awsui_dark-header_14iqq_wbmbk_212",
+  "content": "awsui_content_14iqq_wbmbk_216",
+  "footer": "awsui_footer_14iqq_wbmbk_227",
+  "with-divider": "awsui_with-divider_14iqq_wbmbk_230"
 };