@cloudscape-design/components 3.0.638 → 3.0.640

package/cards/styles.css.js

@@ -1,45 +1,44 @@
 
     import './styles.scoped.css';
     export default {
-  "card-inner": "awsui_card-inner_p8a6i_6eu0b_103",
-  "root": "awsui_root_p8a6i_6eu0b_139",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_6eu0b_181",
-  "header-refresh": "awsui_header-refresh_p8a6i_6eu0b_181",
-  "list": "awsui_list_p8a6i_6eu0b_190",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_6eu0b_201",
-  "card": "awsui_card_p8a6i_6eu0b_103",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_6eu0b_204",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_6eu0b_207",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_6eu0b_210",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_6eu0b_213",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_6eu0b_216",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_6eu0b_219",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_6eu0b_222",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_6eu0b_225",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_6eu0b_228",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_6eu0b_231",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_6eu0b_234",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_6eu0b_237",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_6eu0b_240",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_6eu0b_243",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_6eu0b_246",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_6eu0b_249",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_6eu0b_252",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_6eu0b_255",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_6eu0b_258",
-  "selection-control": "awsui_selection-control_p8a6i_6eu0b_262",
-  "loading": "awsui_loading_p8a6i_6eu0b_272",
-  "empty": "awsui_empty_p8a6i_6eu0b_273",
-  "has-header": "awsui_has-header_p8a6i_6eu0b_280",
-  "refresh": "awsui_refresh_p8a6i_6eu0b_283",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_p8a6i_6eu0b_283",
-  "card-header": "awsui_card-header_p8a6i_6eu0b_354",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_6eu0b_362",
-  "card-selectable": "awsui_card-selectable_p8a6i_6eu0b_366",
-  "card-selected": "awsui_card-selected_p8a6i_6eu0b_369",
-  "section": "awsui_section_p8a6i_6eu0b_377",
-  "section-header": "awsui_section-header_p8a6i_6eu0b_385",
-  "section-content": "awsui_section-content_p8a6i_6eu0b_391",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_6eu0b_401"
+  "card-inner": "awsui_card-inner_p8a6i_1etzp_103",
+  "root": "awsui_root_p8a6i_1etzp_139",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1etzp_181",
+  "header-refresh": "awsui_header-refresh_p8a6i_1etzp_181",
+  "list": "awsui_list_p8a6i_1etzp_190",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_1etzp_201",
+  "card": "awsui_card_p8a6i_1etzp_103",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_1etzp_204",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_1etzp_207",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_1etzp_210",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_1etzp_213",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_1etzp_216",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_1etzp_219",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_1etzp_222",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_1etzp_225",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_1etzp_228",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_1etzp_231",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_1etzp_234",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_1etzp_237",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_1etzp_240",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_1etzp_243",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_1etzp_246",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_1etzp_249",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_1etzp_252",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_1etzp_255",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_1etzp_258",
+  "selection-control": "awsui_selection-control_p8a6i_1etzp_262",
+  "loading": "awsui_loading_p8a6i_1etzp_272",
+  "empty": "awsui_empty_p8a6i_1etzp_273",
+  "has-header": "awsui_has-header_p8a6i_1etzp_280",
+  "refresh": "awsui_refresh_p8a6i_1etzp_283",
+  "card-header": "awsui_card-header_p8a6i_1etzp_354",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_1etzp_362",
+  "card-selectable": "awsui_card-selectable_p8a6i_1etzp_366",
+  "card-selected": "awsui_card-selected_p8a6i_1etzp_369",
+  "section": "awsui_section_p8a6i_1etzp_377",
+  "section-header": "awsui_section-header_p8a6i_1etzp_385",
+  "section-content": "awsui_section-content_p8a6i_1etzp_391",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_1etzp_401"
 };
   

package/cards/styles.scoped.css

@@ -100,34 +100,34 @@ 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_6eu0b_103:not(#\9) {
+.awsui_card-inner_p8a6i_1etzp_103:not(#\9) {
   transition-property: background-color;
   transition-duration: var(--motion-duration-transition-show-paced-9s9l5z, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-eobwvi, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_6eu0b_103:not(#\9) {
+  .awsui_card-inner_p8a6i_1etzp_103:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_6eu0b_103:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_6eu0b_103:not(#\9) {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_1etzp_103:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_1etzp_103:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_card-inner_p8a6i_6eu0b_103:not(#\9)::before {
+.awsui_card-inner_p8a6i_1etzp_103:not(#\9)::before {
   transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
   transition-duration: var(--motion-duration-transition-show-paced-9s9l5z, 180ms);
   transition-timing-function: var(--motion-easing-transition-show-paced-eobwvi, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_6eu0b_103:not(#\9)::before {
+  .awsui_card-inner_p8a6i_1etzp_103:not(#\9)::before {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_card-inner_p8a6i_6eu0b_103:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_6eu0b_103:not(#\9)::before {
+.awsui-motion-disabled .awsui_card-inner_p8a6i_1etzp_103:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_1etzp_103:not(#\9)::before {
   animation: none;
   transition: none;
 }
@@ -136,7 +136,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_6eu0b_139:not(#\9) {
+.awsui_root_p8a6i_1etzp_139:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -179,7 +179,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header-variant-full-page_p8a6i_6eu0b_181.awsui_header-refresh_p8a6i_6eu0b_181:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_1etzp_181.awsui_header-refresh_p8a6i_1etzp_181:not(#\9) {
   padding-block-start: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
@@ -188,7 +188,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     );
 }
 
-.awsui_list_p8a6i_6eu0b_190:not(#\9) {
+.awsui_list_p8a6i_1etzp_190:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -199,68 +199,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: calc(var(--space-grid-gutter-ieqn7e, 20px) * -1);
   margin-inline-end: 0;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-1_p8a6i_6eu0b_201 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-1_p8a6i_1etzp_201 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 100%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-2_p8a6i_6eu0b_204 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-2_p8a6i_1etzp_204 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 50%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-3_p8a6i_6eu0b_207 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-3_p8a6i_1etzp_207 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 33.3333333333%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-4_p8a6i_6eu0b_210 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-4_p8a6i_1etzp_210 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 25%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-5_p8a6i_6eu0b_213 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-5_p8a6i_1etzp_213 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 20%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-6_p8a6i_6eu0b_216 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-6_p8a6i_1etzp_216 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 16.6666666667%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-7_p8a6i_6eu0b_219 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-7_p8a6i_1etzp_219 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 14.2857142857%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-8_p8a6i_6eu0b_222 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-8_p8a6i_1etzp_222 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 12.5%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-9_p8a6i_6eu0b_225 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-9_p8a6i_1etzp_225 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 11.1111111111%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-10_p8a6i_6eu0b_228 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-10_p8a6i_1etzp_228 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 10%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-11_p8a6i_6eu0b_231 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-11_p8a6i_1etzp_231 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 9.0909090909%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-12_p8a6i_6eu0b_234 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-12_p8a6i_1etzp_234 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 8.3333333333%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-13_p8a6i_6eu0b_237 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-13_p8a6i_1etzp_237 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 7.6923076923%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-14_p8a6i_6eu0b_240 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-14_p8a6i_1etzp_240 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 7.1428571429%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-15_p8a6i_6eu0b_243 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-15_p8a6i_1etzp_243 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 6.6666666667%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-16_p8a6i_6eu0b_246 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-16_p8a6i_1etzp_246 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 6.25%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-17_p8a6i_6eu0b_249 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-17_p8a6i_1etzp_249 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 5.8823529412%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-18_p8a6i_6eu0b_252 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-18_p8a6i_1etzp_252 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 5.5555555556%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-19_p8a6i_6eu0b_255 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-19_p8a6i_1etzp_255 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 5.2631578947%;
 }
-.awsui_list_p8a6i_6eu0b_190.awsui_list-grid-20_p8a6i_6eu0b_258 > .awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_list_p8a6i_1etzp_190.awsui_list-grid-20_p8a6i_1etzp_258 > .awsui_card_p8a6i_1etzp_103:not(#\9) {
   inline-size: 5%;
 }
 
-.awsui_selection-control_p8a6i_6eu0b_262:not(#\9) {
+.awsui_selection-control_p8a6i_1etzp_262:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   inline-size: calc(var(--size-control-28i7hr, 16px) + (2 * var(--space-card-horizontal-tuwbbd, 20px)));
@@ -270,22 +270,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-card-horizontal-tuwbbd, 20px);
 }
 
-.awsui_loading_p8a6i_6eu0b_272:not(#\9),
-.awsui_empty_p8a6i_6eu0b_273:not(#\9) {
+.awsui_loading_p8a6i_1etzp_272:not(#\9),
+.awsui_empty_p8a6i_1etzp_273:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-2wfcyr, #5f6b7a);
   margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_has-header_p8a6i_6eu0b_280:not(#\9) {
+.awsui_has-header_p8a6i_1etzp_280:not(#\9) {
   margin-block-start: var(--space-grid-gutter-ieqn7e, 20px);
 }
-.awsui_has-header_p8a6i_6eu0b_280.awsui_refresh_p8a6i_6eu0b_283.awsui_header-variant-full-page_p8a6i_6eu0b_181.awsui_remove-high-contrast-header_p8a6i_6eu0b_283:not(#\9) {
+.awsui_has-header_p8a6i_1etzp_280.awsui_refresh_p8a6i_1etzp_283.awsui_header-variant-full-page_p8a6i_1etzp_181:not(#\9) {
   margin-block-start: var(--space-scaled-s-aqzyko, 12px);
 }
 
-.awsui_card_p8a6i_6eu0b_103:not(#\9) {
+.awsui_card_p8a6i_1etzp_103:not(#\9) {
   display: flex;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -295,7 +295,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   list-style: none;
 }
-.awsui_card-inner_p8a6i_6eu0b_103:not(#\9) {
+.awsui_card-inner_p8a6i_1etzp_103:not(#\9) {
   position: relative;
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   margin-block-start: 0;
@@ -312,7 +312,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_card-inner_p8a6i_6eu0b_103:not(#\9)::before {
+.awsui_card-inner_p8a6i_1etzp_103:not(#\9)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -330,7 +330,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_card-inner_p8a6i_6eu0b_103:not(#\9)::after {
+.awsui_card-inner_p8a6i_1etzp_103:not(#\9)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -345,14 +345,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_card-inner_p8a6i_6eu0b_103:not(#\9):not(.awsui_refresh_p8a6i_6eu0b_283)::after {
+.awsui_card-inner_p8a6i_1etzp_103:not(#\9):not(.awsui_refresh_p8a6i_1etzp_283)::after {
   box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_card-inner_p8a6i_6eu0b_103.awsui_refresh_p8a6i_6eu0b_283:not(#\9)::after {
+.awsui_card-inner_p8a6i_1etzp_103.awsui_refresh_p8a6i_1etzp_283:not(#\9)::after {
   border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
   border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_card-header_p8a6i_6eu0b_354:not(#\9) {
+.awsui_card-header_p8a6i_1etzp_354:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -360,22 +360,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_card-header-inner_p8a6i_6eu0b_362:not(#\9) {
+.awsui_card-header-inner_p8a6i_1etzp_362:not(#\9) {
   inline-size: 100%;
   display: inline-block;
 }
-.awsui_card-selectable_p8a6i_6eu0b_366 > .awsui_card-inner_p8a6i_6eu0b_103 > .awsui_card-header_p8a6i_6eu0b_354:not(#\9) {
+.awsui_card-selectable_p8a6i_1etzp_366 > .awsui_card-inner_p8a6i_1etzp_103 > .awsui_card-header_p8a6i_1etzp_354:not(#\9) {
   inline-size: 90%;
 }
-.awsui_card-selected_p8a6i_6eu0b_369 > .awsui_card-inner_p8a6i_6eu0b_103:not(#\9) {
+.awsui_card-selected_p8a6i_1etzp_369 > .awsui_card-inner_p8a6i_1etzp_103:not(#\9) {
   background-color: var(--color-background-item-selected-hcx8l4, #f2f8fd);
 }
-.awsui_card-selected_p8a6i_6eu0b_369 > .awsui_card-inner_p8a6i_6eu0b_103:not(#\9)::before {
+.awsui_card-selected_p8a6i_1etzp_369 > .awsui_card-inner_p8a6i_1etzp_103:not(#\9)::before {
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
 }
 
-.awsui_section_p8a6i_6eu0b_377:not(#\9) {
+.awsui_section_p8a6i_1etzp_377:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding-block-start: var(--space-xs-zb16t3, 8px);
@@ -383,23 +383,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_6eu0b_385:not(#\9) {
+.awsui_section-header_p8a6i_1etzp_385:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
   color: var(--color-text-label-rj4jdv, #000716);
 }
-.awsui_section-content_p8a6i_6eu0b_391:not(#\9) {
+.awsui_section-content_p8a6i_1etzp_391:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_section_p8a6i_6eu0b_377:not(#\9):last-child {
+.awsui_section_p8a6i_1etzp_377:not(#\9):last-child {
   padding-block-start: var(--space-xs-zb16t3, 8px);
   padding-block-end: 0;
   padding-inline: 0;
 }
 
-.awsui_footer-pagination_p8a6i_6eu0b_401:not(#\9) {
+.awsui_footer-pagination_p8a6i_1etzp_401:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/cards/styles.selectors.js

@@ -2,45 +2,44 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "card-inner": "awsui_card-inner_p8a6i_6eu0b_103",
-  "root": "awsui_root_p8a6i_6eu0b_139",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_6eu0b_181",
-  "header-refresh": "awsui_header-refresh_p8a6i_6eu0b_181",
-  "list": "awsui_list_p8a6i_6eu0b_190",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_6eu0b_201",
-  "card": "awsui_card_p8a6i_6eu0b_103",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_6eu0b_204",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_6eu0b_207",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_6eu0b_210",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_6eu0b_213",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_6eu0b_216",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_6eu0b_219",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_6eu0b_222",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_6eu0b_225",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_6eu0b_228",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_6eu0b_231",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_6eu0b_234",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_6eu0b_237",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_6eu0b_240",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_6eu0b_243",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_6eu0b_246",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_6eu0b_249",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_6eu0b_252",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_6eu0b_255",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_6eu0b_258",
-  "selection-control": "awsui_selection-control_p8a6i_6eu0b_262",
-  "loading": "awsui_loading_p8a6i_6eu0b_272",
-  "empty": "awsui_empty_p8a6i_6eu0b_273",
-  "has-header": "awsui_has-header_p8a6i_6eu0b_280",
-  "refresh": "awsui_refresh_p8a6i_6eu0b_283",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_p8a6i_6eu0b_283",
-  "card-header": "awsui_card-header_p8a6i_6eu0b_354",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_6eu0b_362",
-  "card-selectable": "awsui_card-selectable_p8a6i_6eu0b_366",
-  "card-selected": "awsui_card-selected_p8a6i_6eu0b_369",
-  "section": "awsui_section_p8a6i_6eu0b_377",
-  "section-header": "awsui_section-header_p8a6i_6eu0b_385",
-  "section-content": "awsui_section-content_p8a6i_6eu0b_391",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_6eu0b_401"
+  "card-inner": "awsui_card-inner_p8a6i_1etzp_103",
+  "root": "awsui_root_p8a6i_1etzp_139",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1etzp_181",
+  "header-refresh": "awsui_header-refresh_p8a6i_1etzp_181",
+  "list": "awsui_list_p8a6i_1etzp_190",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_1etzp_201",
+  "card": "awsui_card_p8a6i_1etzp_103",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_1etzp_204",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_1etzp_207",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_1etzp_210",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_1etzp_213",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_1etzp_216",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_1etzp_219",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_1etzp_222",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_1etzp_225",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_1etzp_228",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_1etzp_231",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_1etzp_234",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_1etzp_237",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_1etzp_240",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_1etzp_243",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_1etzp_246",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_1etzp_249",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_1etzp_252",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_1etzp_255",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_1etzp_258",
+  "selection-control": "awsui_selection-control_p8a6i_1etzp_262",
+  "loading": "awsui_loading_p8a6i_1etzp_272",
+  "empty": "awsui_empty_p8a6i_1etzp_273",
+  "has-header": "awsui_has-header_p8a6i_1etzp_280",
+  "refresh": "awsui_refresh_p8a6i_1etzp_283",
+  "card-header": "awsui_card-header_p8a6i_1etzp_354",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_1etzp_362",
+  "card-selectable": "awsui_card-selectable_p8a6i_1etzp_366",
+  "card-selected": "awsui_card-selected_p8a6i_1etzp_369",
+  "section": "awsui_section_p8a6i_1etzp_377",
+  "section-header": "awsui_section-header_p8a6i_1etzp_385",
+  "section-content": "awsui_section-content_p8a6i_1etzp_391",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_1etzp_401"
 };
   

package/container/internal.d.ts

@@ -10,7 +10,7 @@ export interface InternalContainerProps extends Omit<ContainerProps, 'variant'>,
     __disableFooterPaddings?: boolean;
     __hiddenContent?: boolean;
     __headerRef?: React.RefObject<HTMLDivElement>;
-    __darkHeader?: boolean;
+    __fullPage?: boolean;
     __disableStickyMobile?: boolean;
     /**
      * Additional internal variant:
@@ -23,5 +23,5 @@ export interface InternalContainerProps extends Omit<ContainerProps, 'variant'>,
     __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];
 }
 export declare function InternalContainerAsSubstep(props: InternalContainerProps): JSX.Element;
-export default function InternalContainer({ header, footer, children, variant, disableHeaderPaddings, disableContentPaddings, fitHeight, media, __stickyOffset, __mobileStickyOffset, __stickyHeader, __internalRootRef, __disableFooterDivider, __disableFooterPaddings, __hiddenContent, __headerRef, __darkHeader, __disableStickyMobile, __funnelSubStepProps, __subStepRef, ...restProps }: InternalContainerProps): JSX.Element;
+export default function InternalContainer({ header, footer, children, variant, disableHeaderPaddings, disableContentPaddings, fitHeight, media, __stickyOffset, __mobileStickyOffset, __stickyHeader, __internalRootRef, __disableFooterDivider, __disableFooterPaddings, __hiddenContent, __headerRef, __fullPage, __disableStickyMobile, __funnelSubStepProps, __subStepRef, ...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,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAM1E,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,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,YAAoB,EACpB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAmIxB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAK1E,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,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,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,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,UAAkB,EAClB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAoHxB"}

package/container/internal.js

@@ -5,7 +5,6 @@ import clsx from 'clsx';
 import React, { useEffect, useRef } from 'react';
 import { getBaseProps } from '../internal/base-component';
 import { useAppLayoutContext } from '../internal/context/app-layout-context';
-import { getContentHeaderClassName } from '../internal/utils/content-header-utils';
 import { StickyHeaderContext, useStickyHeader } from './use-sticky-header';
 import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
@@ -15,7 +14,6 @@ import styles from './styles.css.js';
 import { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
 import { useModalContext } from '../internal/context/modal-context';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
-import { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';
 import { ContainerHeaderContextProvider } from '../internal/context/container-header';
 export function InternalContainerAsSubstep(props) {
     const { subStepRef, funnelSubStepProps } = useFunnelSubStep();
@@ -24,7 +22,7 @@ export function InternalContainerAsSubstep(props) {
 }
 export default function InternalContainer(_a) {
     var _b;
-    var { header, footer, children, variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, fitHeight, media, __stickyOffset, __mobileStickyOffset, __stickyHeader = false, __internalRootRef = null, __disableFooterDivider = false, __disableFooterPaddings = false, __hiddenContent = false, __headerRef, __darkHeader = false, __disableStickyMobile = true, __funnelSubStepProps, __subStepRef } = _a, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "fitHeight", "media", "__stickyOffset", "__mobileStickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__disableFooterPaddings", "__hiddenContent", "__headerRef", "__darkHeader", "__disableStickyMobile", "__funnelSubStepProps", "__subStepRef"]);
+    var { header, footer, children, variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, fitHeight, media, __stickyOffset, __mobileStickyOffset, __stickyHeader = false, __internalRootRef = null, __disableFooterDivider = false, __disableFooterPaddings = false, __hiddenContent = false, __headerRef, __fullPage = false, __disableStickyMobile = true, __funnelSubStepProps, __subStepRef } = _a, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "fitHeight", "media", "__stickyOffset", "__mobileStickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__disableFooterPaddings", "__hiddenContent", "__headerRef", "__fullPage", "__disableStickyMobile", "__funnelSubStepProps", "__subStepRef"]);
     const isMobile = useMobile();
     const baseProps = getBaseProps(restProps);
     const rootRef = useRef(null);
@@ -34,7 +32,7 @@ export default function InternalContainer(_a) {
     const { setHasStickyBackground } = useAppLayoutContext();
     const isRefresh = useVisualRefresh();
     const hasDynamicHeight = isRefresh && variant === 'full-page';
-    const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });
+    const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__fullPage });
     const mergedRef = useMergeRefs(rootRef, __internalRootRef);
     const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);
     /**
@@ -63,7 +61,7 @@ export default function InternalContainer(_a) {
         React.createElement("div", { id: contentId, ref: __subStepRef, className: clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height']) },
             header && (React.createElement(ContainerHeaderContextProvider, null,
                 React.createElement(StickyHeaderContext.Provider, { value: { isStuck } },
-                    React.createElement("div", Object.assign({ className: clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header'], {
+                    React.createElement("div", Object.assign({ className: clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], {
                             [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,
                             [styles['header-sticky-enabled']]: isSticky,
                             [styles['header-dynamic-height']]: hasDynamicHeight,
@@ -71,8 +69,8 @@ export default function InternalContainer(_a) {
                             [styles['with-paddings']]: !disableHeaderPaddings,
                             [styles['with-hidden-content']]: !children || __hiddenContent,
                             [styles['header-with-media']]: hasMedia,
-                        }) }, stickyStyles, { ref: headerMergedRef }), __darkHeader ? (React.createElement("div", { className: clsx(styles['dark-header'], getContentHeaderClassName()) }, header)) : (header))))),
-            React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height'], shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header'], {
+                        }) }, stickyStyles, { ref: headerMergedRef }), header)))),
+            React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height'], {
                     [styles['with-paddings']]: !disableContentPaddings,
                 }) }, children),
             footer && (React.createElement("div", { className: clsx(styles.footer, {

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, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { getContentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { shouldRemoveHighContrastHeader } from '../internal/utils/content-header-utils';\nimport { ContainerHeaderContextProvider } from '../internal/context/container-header';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __darkHeader?: boolean;\n  __disableStickyMobile?: 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  __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n  __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const modalContext = useModalContext();\n\n  return (\n    <InternalContainer\n      {...props}\n      __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n      __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n    />\n  );\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  media,\n  __stickyOffset,\n  __mobileStickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __darkHeader = false,\n  __disableStickyMobile = true,\n  __funnelSubStepProps,\n  __subStepRef,\n  ...restProps\n}: InternalContainerProps) {\n  const isMobile = useMobile();\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n    rootRef,\n    headerRef,\n    __stickyHeader,\n    __stickyOffset,\n    __mobileStickyOffset,\n    __disableStickyMobile\n  );\n  const contentId = useUniqueId();\n  const { setHasStickyBackground } = useAppLayoutContext();\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\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast 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    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  // The container is only sticky on mobile if it is the header for the table.\n  // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n  const shouldHaveStickyStyles = isSticky && !isMobile;\n\n  const hasMedia = !!media?.content;\n  const mediaPosition = media?.position ?? 'top';\n  return (\n    <div\n      {...baseProps}\n      {...__funnelSubStepProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['fit-height'],\n        hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n        shouldHaveStickyStyles && [styles['sticky-enabled']],\n        isRefresh && styles.refresh\n      )}\n      ref={mergedRef}\n    >\n      {hasMedia && (\n        <div\n          className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n          style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n        >\n          {media.content}\n        </div>\n      )}\n      <div\n        id={contentId}\n        ref={__subStepRef}\n        className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n      >\n        {header && (\n          <ContainerHeaderContextProvider>\n            <StickyHeaderContext.Provider value={{ isStuck }}>\n              <div\n                className={clsx(\n                  isRefresh && styles.refresh,\n                  styles.header,\n                  styles[`header-variant-${variant}`],\n                  shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header'],\n                  {\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']]: !children || __hiddenContent,\n                    [styles['header-with-media']]: hasMedia,\n                  }\n                )}\n                {...stickyStyles}\n                ref={headerMergedRef}\n              >\n                {__darkHeader ? (\n                  <div className={clsx(styles['dark-header'], getContentHeaderClassName())}>{header}</div>\n                ) : (\n                  header\n                )}\n              </div>\n            </StickyHeaderContext.Provider>\n          </ContainerHeaderContextProvider>\n        )}\n        <div\n          className={clsx(\n            styles.content,\n            fitHeight && styles['content-fit-height'],\n            shouldRemoveHighContrastHeader() && styles['remove-high-contrast-header'],\n            {\n              [styles['with-paddings']]: !disableContentPaddings,\n            }\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    </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, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { ContainerHeaderContextProvider } from '../internal/context/container-header';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __fullPage?: boolean;\n  __disableStickyMobile?: 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  __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n  __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const modalContext = useModalContext();\n\n  return (\n    <InternalContainer\n      {...props}\n      __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n      __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n    />\n  );\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  media,\n  __stickyOffset,\n  __mobileStickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __fullPage = false,\n  __disableStickyMobile = true,\n  __funnelSubStepProps,\n  __subStepRef,\n  ...restProps\n}: InternalContainerProps) {\n  const isMobile = useMobile();\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n    rootRef,\n    headerRef,\n    __stickyHeader,\n    __stickyOffset,\n    __mobileStickyOffset,\n    __disableStickyMobile\n  );\n  const contentId = useUniqueId();\n  const { setHasStickyBackground } = useAppLayoutContext();\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__fullPage });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast 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    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  // The container is only sticky on mobile if it is the header for the table.\n  // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n  const shouldHaveStickyStyles = isSticky && !isMobile;\n\n  const hasMedia = !!media?.content;\n  const mediaPosition = media?.position ?? 'top';\n  return (\n    <div\n      {...baseProps}\n      {...__funnelSubStepProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['fit-height'],\n        hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n        shouldHaveStickyStyles && [styles['sticky-enabled']],\n        isRefresh && styles.refresh\n      )}\n      ref={mergedRef}\n    >\n      {hasMedia && (\n        <div\n          className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n          style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n        >\n          {media.content}\n        </div>\n      )}\n      <div\n        id={contentId}\n        ref={__subStepRef}\n        className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n      >\n        {header && (\n          <ContainerHeaderContextProvider>\n            <StickyHeaderContext.Provider value={{ isStuck }}>\n              <div\n                className={clsx(isRefresh && styles.refresh, 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']]: !children || __hiddenContent,\n                  [styles['header-with-media']]: hasMedia,\n                })}\n                {...stickyStyles}\n                ref={headerMergedRef}\n              >\n                {header}\n              </div>\n            </StickyHeaderContext.Provider>\n          </ContainerHeaderContextProvider>\n        )}\n        <div\n          className={clsx(styles.content, fitHeight && styles['content-fit-height'], {\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    </div>\n  );\n}\n"]}