@cloudscape-design/components-themeable 3.0.1199 → 3.0.1201

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

@@ -142,55 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_card-inner_p8a6i_169tu_161:not(#\9) {
-  transition-property: background-color;
-  transition-duration: var(--motion-duration-transition-show-paced-0w35xp, 180ms);
-  transition-timing-function: var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_169tu_161:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_card-inner_p8a6i_169tu_161:not(#\9), .awsui-mode-entering .awsui_card-inner_p8a6i_169tu_161:not(#\9) {
-  animation: none;
-  transition: none;
-}
-
-.awsui_card-inner_p8a6i_169tu_161: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-0w35xp, 180ms);
-  transition-timing-function: var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before, .awsui-mode-entering .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
-  animation: none;
-  transition: none;
-}
-
-.awsui_root_p8a6i_169tu_193:not(#\9) {
+.awsui_root_p8a6i_1s5sk_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -220,23 +172,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  font-size: var(--font-size-body-m-vv54cm, 14px);
-  line-height: var(--line-height-body-m-bedeoh, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
-  font-weight: 400;
-  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header-variant-full-page_p8a6i_169tu_232.awsui_header-refresh_p8a6i_169tu_232:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_1s5sk_177.awsui_header-refresh_p8a6i_1s5sk_177:not(#\9) {
   padding-block-start: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
   padding-block-end: calc(var(--space-container-header-bottom-rbnprk, 12px) + var(--space-table-header-tools-full-page-bottom-1o73je, 4px));
 }
 
-.awsui_list_p8a6i_169tu_239:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -247,68 +192,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: calc(var(--space-grid-gutter-nm7ylt, 20px) * -1);
   margin-inline-end: 0;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-1_p8a6i_169tu_250 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-1_p8a6i_1s5sk_195 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 100%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-2_p8a6i_169tu_253 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-2_p8a6i_1s5sk_198 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 50%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-3_p8a6i_169tu_256 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-3_p8a6i_1s5sk_201 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 33.3333333333%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-4_p8a6i_169tu_259 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-4_p8a6i_1s5sk_204 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 25%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-5_p8a6i_169tu_262 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-5_p8a6i_1s5sk_207 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 20%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-6_p8a6i_169tu_265 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-6_p8a6i_1s5sk_210 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 16.6666666667%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-7_p8a6i_169tu_268 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-7_p8a6i_1s5sk_213 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 14.2857142857%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-8_p8a6i_169tu_271 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-8_p8a6i_1s5sk_216 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 12.5%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-9_p8a6i_169tu_274 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-9_p8a6i_1s5sk_219 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 11.1111111111%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-10_p8a6i_169tu_277 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-10_p8a6i_1s5sk_222 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 10%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-11_p8a6i_169tu_280 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-11_p8a6i_1s5sk_225 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 9.0909090909%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-12_p8a6i_169tu_283 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-12_p8a6i_1s5sk_228 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 8.3333333333%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-13_p8a6i_169tu_286 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-13_p8a6i_1s5sk_231 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 7.6923076923%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-14_p8a6i_169tu_289 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-14_p8a6i_1s5sk_234 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 7.1428571429%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-15_p8a6i_169tu_292 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-15_p8a6i_1s5sk_237 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 6.6666666667%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-16_p8a6i_169tu_295 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-16_p8a6i_1s5sk_240 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 6.25%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-17_p8a6i_169tu_298 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-17_p8a6i_1s5sk_243 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 5.8823529412%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-18_p8a6i_169tu_301 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-18_p8a6i_1s5sk_246 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 5.5555555556%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-19_p8a6i_169tu_304 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-19_p8a6i_1s5sk_249 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 5.2631578947%;
 }
-.awsui_list_p8a6i_169tu_239.awsui_list-grid-20_p8a6i_169tu_307 > .awsui_card_p8a6i_169tu_161:not(#\9) {
+.awsui_list_p8a6i_1s5sk_184.awsui_list-grid-20_p8a6i_1s5sk_252 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
   inline-size: 5%;
 }
 
-.awsui_selection-control_p8a6i_169tu_311:not(#\9) {
+.awsui_selection-control_p8a6i_1s5sk_256:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   inline-size: calc(var(--size-control-lkpwjy, 14px) + 2 * var(--space-card-horizontal-0tbxbt, 20px));
@@ -318,23 +263,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-card-horizontal-0tbxbt, 20px);
 }
 
-.awsui_loading_p8a6i_169tu_321:not(#\9),
-.awsui_empty_p8a6i_169tu_322:not(#\9) {
+.awsui_loading_p8a6i_1s5sk_266:not(#\9),
+.awsui_empty_p8a6i_1s5sk_267:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-vtt4l2, #687078);
   margin-block-end: var(--space-scaled-l-66n9sr, 20px);
 }
 
-.awsui_has-header_p8a6i_169tu_329:not(#\9) {
+.awsui_has-header_p8a6i_1s5sk_274:not(#\9) {
   margin-block-start: var(--space-grid-gutter-nm7ylt, 20px);
 }
-.awsui_has-header_p8a6i_169tu_329.awsui_refresh_p8a6i_169tu_332.awsui_header-variant-full-page_p8a6i_169tu_232:not(#\9) {
+.awsui_has-header_p8a6i_1s5sk_274.awsui_refresh_p8a6i_1s5sk_277.awsui_header-variant-full-page_p8a6i_1s5sk_177:not(#\9) {
   margin-block-start: var(--space-scaled-s-gjhvjd, 12px);
 }
 
-.awsui_card_p8a6i_169tu_161:not(#\9) {
-  display: flex;
+.awsui_card_p8a6i_1s5sk_195:not(#\9) {
   overflow-wrap: break-word;
   word-wrap: break-word;
   box-sizing: border-box;
@@ -346,62 +290,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0;
   list-style: none;
 }
-.awsui_card-inner_p8a6i_169tu_161:not(#\9) {
-  position: relative;
-  background-color: var(--color-background-container-content-aemn43, #ffffff);
-  margin-block: 0;
-  margin-inline: 0;
-  padding-block: var(--space-card-vertical-nzlc5t, 20px);
-  padding-inline: var(--space-card-horizontal-0tbxbt, 20px);
-  inline-size: 100%;
-  min-inline-size: 0;
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
-  box-sizing: border-box;
-}
-.awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
-  content: "";
-  position: absolute;
-  inset-inline-start: 0px;
-  inset-block-start: 0px;
-  inline-size: 100%;
-  block-size: 100%;
-  pointer-events: none;
-  background: transparent;
-  box-sizing: border-box;
-  border-color: transparent;
-  border-block-start: var(--border-container-top-width-w3qnoe, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
-  z-index: 1;
-}
-.awsui_card-inner_p8a6i_169tu_161:not(#\9)::after {
-  content: "";
-  position: absolute;
-  inset-inline-start: 0px;
-  inset-block-start: 0px;
-  inline-size: 100%;
-  block-size: 100%;
-  pointer-events: none;
-  background: transparent;
-  box-sizing: border-box;
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
-}
-.awsui_card-inner_p8a6i_169tu_161:not(#\9):not(.awsui_refresh_p8a6i_169tu_332)::after {
-  box-shadow: var(--shadow-container-3fh0j3, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-}
-.awsui_card-inner_p8a6i_169tu_161.awsui_refresh_p8a6i_169tu_332:not(#\9)::after {
-  border-block: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
-  border-inline: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
-}
-.awsui_card-header_p8a6i_169tu_404:not(#\9) {
+.awsui_card-header_p8a6i_1s5sk_293:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -409,46 +298,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_card-header-inner_p8a6i_169tu_412:not(#\9) {
-  inline-size: 100%;
-  display: inline-block;
+.awsui_card-header-inner_p8a6i_1s5sk_301:not(#\9) {
+  padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_card-selectable_p8a6i_169tu_416 > .awsui_card-inner_p8a6i_169tu_161 > .awsui_card-header_p8a6i_169tu_404:not(#\9) {
+.awsui_card-header-inner-selectable_p8a6i_1s5sk_304:not(#\9) {
   inline-size: 90%;
 }
-.awsui_card-selected_p8a6i_169tu_419 > .awsui_card-inner_p8a6i_169tu_161:not(#\9) {
-  background-color: var(--color-background-item-selected-v20q4r, #f1faff);
-}
-.awsui_card-selected_p8a6i_169tu_419 > .awsui_card-inner_p8a6i_169tu_161:not(#\9)::before {
-  border-block: var(--border-item-width-acvlhx, 1px) solid var(--color-border-item-selected-vq6ddf, #0073bb);
-  border-inline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-item-selected-vq6ddf, #0073bb);
+.awsui_card-selected_p8a6i_1s5sk_307:not(#\9) {
+  /* Used in test utils */
 }
 
-.awsui_section_p8a6i_169tu_427:not(#\9) {
+.awsui_section_p8a6i_1s5sk_311:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
-  padding-block-start: var(--space-xs-kw7k3v, 8px);
   padding-block-end: var(--space-scaled-xs-sppte9, 8px);
   padding-inline: 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_169tu_435:not(#\9) {
+.awsui_section-header_p8a6i_1s5sk_318:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
   color: var(--color-text-label-482ybi, #545b64);
 }
-.awsui_section-content_p8a6i_169tu_441:not(#\9) {
+.awsui_section-content_p8a6i_1s5sk_324:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_section_p8a6i_169tu_427:not(#\9):last-child {
+.awsui_section_p8a6i_1s5sk_311:not(#\9):not(:first-child) {
   padding-block-start: var(--space-xs-kw7k3v, 8px);
+}
+
+.awsui_section_p8a6i_1s5sk_311:not(#\9):last-child {
   padding-block-end: 0;
-  padding-inline: 0;
 }
 
-.awsui_footer-pagination_p8a6i_169tu_451:not(#\9) {
+.awsui_footer-pagination_p8a6i_1s5sk_336:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,44 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "card-inner": "awsui_card-inner_p8a6i_169tu_161",
-  "root": "awsui_root_p8a6i_169tu_193",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_169tu_232",
-  "header-refresh": "awsui_header-refresh_p8a6i_169tu_232",
-  "list": "awsui_list_p8a6i_169tu_239",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_169tu_250",
-  "card": "awsui_card_p8a6i_169tu_161",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_169tu_253",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_169tu_256",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_169tu_259",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_169tu_262",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_169tu_265",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_169tu_268",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_169tu_271",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_169tu_274",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_169tu_277",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_169tu_280",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_169tu_283",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_169tu_286",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_169tu_289",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_169tu_292",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_169tu_295",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_169tu_298",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_169tu_301",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_169tu_304",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_169tu_307",
-  "selection-control": "awsui_selection-control_p8a6i_169tu_311",
-  "loading": "awsui_loading_p8a6i_169tu_321",
-  "empty": "awsui_empty_p8a6i_169tu_322",
-  "has-header": "awsui_has-header_p8a6i_169tu_329",
-  "refresh": "awsui_refresh_p8a6i_169tu_332",
-  "card-header": "awsui_card-header_p8a6i_169tu_404",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_169tu_412",
-  "card-selectable": "awsui_card-selectable_p8a6i_169tu_416",
-  "card-selected": "awsui_card-selected_p8a6i_169tu_419",
-  "section": "awsui_section_p8a6i_169tu_427",
-  "section-header": "awsui_section-header_p8a6i_169tu_435",
-  "section-content": "awsui_section-content_p8a6i_169tu_441",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_169tu_451"
+  "root": "awsui_root_p8a6i_1s5sk_145",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1s5sk_177",
+  "header-refresh": "awsui_header-refresh_p8a6i_1s5sk_177",
+  "list": "awsui_list_p8a6i_1s5sk_184",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_1s5sk_195",
+  "card": "awsui_card_p8a6i_1s5sk_195",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_1s5sk_198",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_1s5sk_201",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_1s5sk_204",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_1s5sk_207",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_1s5sk_210",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_1s5sk_213",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_1s5sk_216",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_1s5sk_219",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_1s5sk_222",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_1s5sk_225",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_1s5sk_228",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_1s5sk_231",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_1s5sk_234",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_1s5sk_237",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_1s5sk_240",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_1s5sk_243",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_1s5sk_246",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_1s5sk_249",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_1s5sk_252",
+  "selection-control": "awsui_selection-control_p8a6i_1s5sk_256",
+  "loading": "awsui_loading_p8a6i_1s5sk_266",
+  "empty": "awsui_empty_p8a6i_1s5sk_267",
+  "has-header": "awsui_has-header_p8a6i_1s5sk_274",
+  "refresh": "awsui_refresh_p8a6i_1s5sk_277",
+  "card-header": "awsui_card-header_p8a6i_1s5sk_293",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_1s5sk_301",
+  "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1s5sk_304",
+  "card-selected": "awsui_card-selected_p8a6i_1s5sk_307",
+  "section": "awsui_section_p8a6i_1s5sk_311",
+  "section-header": "awsui_section-header_p8a6i_1s5sk_318",
+  "section-content": "awsui_section-content_p8a6i_1s5sk_324",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_1s5sk_336"
 };
   

package/lib/internal/template/error-boundary/fallback.js

@@ -7,7 +7,7 @@ import InternalAlert from '../alert/internal';
 import InternalButton from '../button/internal';
 import { useInternalI18n } from '../i18n/context';
 import { getBaseProps } from '../internal/base-component';
-import { refreshPage } from './utils';
+import { canUseRefresh, refreshPage } from './utils';
 import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
 export function ErrorBoundaryFallback({ i18nStrings = {}, renderFallback, ...props }) {
@@ -18,8 +18,8 @@ export function ErrorBoundaryFallback({ i18nStrings = {}, renderFallback, ...pro
             React.createElement(DefaultHeaderContent, { i18nStrings: i18nStrings }))),
         description: (React.createElement("div", { className: clsx(styles.description, testUtilStyles.description) },
             React.createElement(DefaultDescriptionContent, { i18nStrings: i18nStrings }))),
-        action: (React.createElement("div", { className: clsx(styles.action, testUtilStyles.action) },
-            React.createElement(DefaultActionContent, { i18nStrings: i18nStrings }))),
+        action: canUseRefresh() ? (React.createElement("div", { className: clsx(styles.action, testUtilStyles.action) },
+            React.createElement(DefaultActionContent, { i18nStrings: i18nStrings }))) : null,
     };
     return (React.createElement("div", { ...baseProps, className: clsx(baseProps.className, testUtilStyles.fallback) }, (_a = renderFallback === null || renderFallback === void 0 ? void 0 : renderFallback(defaultSlots)) !== null && _a !== void 0 ? _a : (React.createElement(InternalAlert, { type: "error", header: defaultSlots.header, action: defaultSlots.action }, defaultSlots.description))));
 }

package/lib/internal/template/error-boundary/fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"fallback.js","sourceRoot":"","sources":["../../../src/error-boundary/fallback.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AAEnD,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAE1D,MAAM,UAAU,qBAAqB,CAAC,EACpC,WAAW,GAAG,EAAE,EAChB,cAAc,EACd,GAAG,KAAK,EACmD;;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG;QACnB,MAAM,EAAE,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC;YACxD,oBAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,GAAI,CAC9C,CACP;QACD,WAAW,EAAE,CACX,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC;YAClE,oBAAC,yBAAyB,IAAC,WAAW,EAAE,WAAW,GAAI,CACnD,CACP;QACD,MAAM,EAAE,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC;YACxD,oBAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,GAAI,CAC9C,CACP;KACF,CAAC;IACF,OAAO,CACL,gCAAS,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,QAAQ,CAAC,IAC9E,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,YAAY,CAAC,mCAAI,CACjC,oBAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,IACjF,YAAY,CAAC,WAAW,CACX,CACjB,CACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAE,WAAW,EAAmD;IAC5F,MAAM,IAAI,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAC/C,OAAO,0CAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,CAAC,CAAI,CAAC;AACxE,CAAC;AAED,SAAS,yBAAyB,CAAC,EACjC,WAAW,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,GAGrE;IACC,MAAM,IAAI,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAE/C,iHAAiH;IACjH,MAAM,UAAU,GAAG,QAAQ;QACzB,CAAC,CAAC;YACE,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE,CAAC,MAAyB,EAAE,EAAE;;gBAAC,OAAA,CACvC,8BAAM,SAAS,EAAE,cAAc,CAAC,iBAAiB,CAAC;oBAChD,oBAAC,QAAQ,QAAE,MAAA,MAAM,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAY,CACjC,CACR,CAAA;aAAA;SACF;QACH,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,yCAAK,EAAE,CAAC;IAElD,4GAA4G;IAC5G,sGAAsG;IACtG,sGAAsG;IACtG,SAAS,UAAU,CAAC,eAAwB;QAC1C,IAAI,CAAC;YACH,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACjG,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,eAAe,CAAC;QACzB,CAAC;IACH,CAAC;IACD,MAAM,OAAO,GAAG,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/G,kHAAkH;IAClH,2EAA2E;IAC3E,OAAO,CACL,0CACG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,IAAG,KAAK,CAAkB,CAAC,CAAC,CAAC,CAAC,OAAO,CAC9G,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAE,WAAW,EAAoD;IAC7F,MAAM,IAAI,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAC/C,OAAO,CACL,oBAAC,cAAc,IAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,CAAC,gBAAgB,CAAC,IACjG,IAAI,CAAC,+BAA+B,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,CAAC,CACvD,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\nimport IntlMessageFormat from 'intl-messageformat';\n\nimport InternalAlert from '../alert/internal';\nimport InternalButton from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { ErrorBoundaryProps } from './interfaces';\nimport { refreshPage } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport function ErrorBoundaryFallback({\n  i18nStrings = {},\n  renderFallback,\n  ...props\n}: Pick<ErrorBoundaryProps, 'renderFallback' | 'i18nStrings'>) {\n  const baseProps = getBaseProps(props);\n  const defaultSlots = {\n    header: (\n      <div className={clsx(styles.header, testUtilStyles.header)}>\n        <DefaultHeaderContent i18nStrings={i18nStrings} />\n      </div>\n    ),\n    description: (\n      <div className={clsx(styles.description, testUtilStyles.description)}>\n        <DefaultDescriptionContent i18nStrings={i18nStrings} />\n      </div>\n    ),\n    action: (\n      <div className={clsx(styles.action, testUtilStyles.action)}>\n        <DefaultActionContent i18nStrings={i18nStrings} />\n      </div>\n    ),\n  };\n  return (\n    <div {...baseProps} className={clsx(baseProps.className, testUtilStyles.fallback)}>\n      {renderFallback?.(defaultSlots) ?? (\n        <InternalAlert type=\"error\" header={defaultSlots.header} action={defaultSlots.action}>\n          {defaultSlots.description}\n        </InternalAlert>\n      )}\n    </div>\n  );\n}\n\nfunction DefaultHeaderContent({ i18nStrings }: { i18nStrings: ErrorBoundaryProps.I18nStrings }) {\n  const i18n = useInternalI18n('error-boundary');\n  return <>{i18n('i18nStrings.headerText', i18nStrings?.headerText)}</>;\n}\n\nfunction DefaultDescriptionContent({\n  i18nStrings: { descriptionText, components: { Feedback } = {} } = {},\n}: {\n  i18nStrings: ErrorBoundaryProps.I18nStrings;\n}) {\n  const i18n = useInternalI18n('error-boundary');\n\n  // Dependencies for the intl-format function, where the pseudo-tags are declared as functions from parsed chunks.\n  const formatArgs = Feedback\n    ? {\n        hasFeedback: true,\n        Feedback: (chunks: React.ReactNode[]) => (\n          <span className={testUtilStyles['feedback-action']}>\n            <Feedback>{chunks[0] ?? ''}</Feedback>\n          </span>\n        ),\n      }\n    : { hasFeedback: false, Feedback: () => <></> };\n\n  // This ensures that the description string provided via i18nStrings also supports the <Feedback> injection,\n  // because the i18n() helper propagates the second argument as is, without applying intl-format to it.\n  // We wrap the format with try-catch to avoid intl errors caused by incorrectly referenced components.\n  function safeFormat(descriptionText?: string) {\n    try {\n      return descriptionText ? new IntlMessageFormat(descriptionText).format(formatArgs) : undefined;\n    } catch {\n      return descriptionText;\n    }\n  }\n  const message = i18n('i18nStrings.descriptionText', safeFormat(descriptionText), format => format(formatArgs));\n\n  // When the description includes <Feedback>, then the translated message is represented as an array of strings and\n  // React elements that require keys when rendering to avoid React warnings.\n  return (\n    <>\n      {Array.isArray(message) ? message.map((chunk, i) => <React.Fragment key={i}>{chunk}</React.Fragment>) : message}\n    </>\n  );\n}\n\nfunction DefaultActionContent({ i18nStrings }: { i18nStrings?: ErrorBoundaryProps.I18nStrings }) {\n  const i18n = useInternalI18n('error-boundary');\n  return (\n    <InternalButton iconName=\"refresh\" onClick={refreshPage} className={testUtilStyles['refresh-action']}>\n      {i18n('i18nStrings.refreshActionText', i18nStrings?.refreshActionText)}\n    </InternalButton>\n  );\n}\n"]}
+{"version":3,"file":"fallback.js","sourceRoot":"","sources":["../../../src/error-boundary/fallback.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\n\nimport React from 'react';\nimport clsx from 'clsx';\nimport IntlMessageFormat from 'intl-messageformat';\n\nimport InternalAlert from '../alert/internal';\nimport InternalButton from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { ErrorBoundaryProps } from './interfaces';\nimport { canUseRefresh, refreshPage } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport function ErrorBoundaryFallback({\n  i18nStrings = {},\n  renderFallback,\n  ...props\n}: Pick<ErrorBoundaryProps, 'renderFallback' | 'i18nStrings'>) {\n  const baseProps = getBaseProps(props);\n  const defaultSlots = {\n    header: (\n      <div className={clsx(styles.header, testUtilStyles.header)}>\n        <DefaultHeaderContent i18nStrings={i18nStrings} />\n      </div>\n    ),\n    description: (\n      <div className={clsx(styles.description, testUtilStyles.description)}>\n        <DefaultDescriptionContent i18nStrings={i18nStrings} />\n      </div>\n    ),\n    action: canUseRefresh() ? (\n      <div className={clsx(styles.action, testUtilStyles.action)}>\n        <DefaultActionContent i18nStrings={i18nStrings} />\n      </div>\n    ) : null,\n  };\n  return (\n    <div {...baseProps} className={clsx(baseProps.className, testUtilStyles.fallback)}>\n      {renderFallback?.(defaultSlots) ?? (\n        <InternalAlert type=\"error\" header={defaultSlots.header} action={defaultSlots.action}>\n          {defaultSlots.description}\n        </InternalAlert>\n      )}\n    </div>\n  );\n}\n\nfunction DefaultHeaderContent({ i18nStrings }: { i18nStrings: ErrorBoundaryProps.I18nStrings }) {\n  const i18n = useInternalI18n('error-boundary');\n  return <>{i18n('i18nStrings.headerText', i18nStrings?.headerText)}</>;\n}\n\nfunction DefaultDescriptionContent({\n  i18nStrings: { descriptionText, components: { Feedback } = {} } = {},\n}: {\n  i18nStrings: ErrorBoundaryProps.I18nStrings;\n}) {\n  const i18n = useInternalI18n('error-boundary');\n\n  // Dependencies for the intl-format function, where the pseudo-tags are declared as functions from parsed chunks.\n  const formatArgs = Feedback\n    ? {\n        hasFeedback: true,\n        Feedback: (chunks: React.ReactNode[]) => (\n          <span className={testUtilStyles['feedback-action']}>\n            <Feedback>{chunks[0] ?? ''}</Feedback>\n          </span>\n        ),\n      }\n    : { hasFeedback: false, Feedback: () => <></> };\n\n  // This ensures that the description string provided via i18nStrings also supports the <Feedback> injection,\n  // because the i18n() helper propagates the second argument as is, without applying intl-format to it.\n  // We wrap the format with try-catch to avoid intl errors caused by incorrectly referenced components.\n  function safeFormat(descriptionText?: string) {\n    try {\n      return descriptionText ? new IntlMessageFormat(descriptionText).format(formatArgs) : undefined;\n    } catch {\n      return descriptionText;\n    }\n  }\n  const message = i18n('i18nStrings.descriptionText', safeFormat(descriptionText), format => format(formatArgs));\n\n  // When the description includes <Feedback>, then the translated message is represented as an array of strings and\n  // React elements that require keys when rendering to avoid React warnings.\n  return (\n    <>\n      {Array.isArray(message) ? message.map((chunk, i) => <React.Fragment key={i}>{chunk}</React.Fragment>) : message}\n    </>\n  );\n}\n\nfunction DefaultActionContent({ i18nStrings }: { i18nStrings?: ErrorBoundaryProps.I18nStrings }) {\n  const i18n = useInternalI18n('error-boundary');\n  return (\n    <InternalButton iconName=\"refresh\" onClick={refreshPage} className={testUtilStyles['refresh-action']}>\n      {i18n('i18nStrings.refreshActionText', i18nStrings?.refreshActionText)}\n    </InternalButton>\n  );\n}\n"]}

package/lib/internal/template/error-boundary/utils.d.ts

@@ -1,2 +1,3 @@
+export declare function canUseRefresh(): boolean;
 export declare function refreshPage(): void;
 //# sourceMappingURL=utils.d.ts.map

package/lib/internal/template/error-boundary/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,SAE1B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/error-boundary/utils.ts"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,IAAI,OAAO,CAQvC;AAED,wBAAgB,WAAW,IAAI,IAAI,CAMlC"}

package/lib/internal/template/error-boundary/utils.js

@@ -1,7 +1,28 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-/* istanbul ignore next */
+// The default refresh action reloads the top window to avoid iframe lifecycle getting out of sync with the parent page.
+// This is not possible from cross-origin iframes, in which case the default refresh action must be hidden.
+export function canUseRefresh() {
+    try {
+        // In cross-origin iframes, accessing top.location can throw a SecurityError.
+        void getTopWindow().location.href;
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
 export function refreshPage() {
-    window.location.reload();
+    try {
+        getTopWindow().location.reload();
+    }
+    catch {
+        // noop
+    }
+}
+// In browsers, window.top is always defined, but it is treated as optional by our current DOM types.
+function getTopWindow() {
+    var _a;
+    return (_a = window.top) !== null && _a !== void 0 ? _a : window;
 }
 //# sourceMappingURL=utils.js.map

package/lib/internal/template/error-boundary/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/error-boundary/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,0BAA0B;AAC1B,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC3B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/* istanbul ignore next */\nexport function refreshPage() {\n  window.location.reload();\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/error-boundary/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,wHAAwH;AACxH,2GAA2G;AAC3G,MAAM,UAAU,aAAa;IAC3B,IAAI,CAAC;QACH,6EAA6E;QAC7E,KAAK,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,IAAI,CAAC;QACH,YAAY,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IACnC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO;IACT,CAAC;AACH,CAAC;AAED,qGAAqG;AACrG,SAAS,YAAY;;IACnB,OAAO,MAAA,MAAM,CAAC,GAAG,mCAAI,MAAM,CAAC;AAC9B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// The default refresh action reloads the top window to avoid iframe lifecycle getting out of sync with the parent page.\n// This is not possible from cross-origin iframes, in which case the default refresh action must be hidden.\nexport function canUseRefresh(): boolean {\n  try {\n    // In cross-origin iframes, accessing top.location can throw a SecurityError.\n    void getTopWindow().location.href;\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function refreshPage(): void {\n  try {\n    getTopWindow().location.reload();\n  } catch {\n    // noop\n  }\n}\n\n// In browsers, window.top is always defined, but it is treated as optional by our current DOM types.\nfunction getTopWindow(): Window {\n  return window.top ?? window;\n}\n"]}

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -3813,5 +3813,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-ed206118: true;
+  --awsui-version-info-62efe831: true;
 }

package/lib/internal/template/internal/components/card/index.d.ts

@@ -0,0 +1,3 @@
+import { InternalCardProps } from './interfaces';
+export default function Card({ actions, selected, children, className, header, description, icon, metadataAttributes, onClick, disableHeaderPaddings, disableContentPaddings, }: InternalCardProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/card/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,kBAAkB,EAClB,OAAO,EACP,qBAAqB,EACrB,sBAAsB,GACvB,EAAE,iBAAiB,eAqCnB"}

package/lib/internal/template/internal/components/card/index.js

@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { useVisualRefresh } from '../../hooks/use-visual-mode';
+import InternalStructuredItem from '../structured-item';
+import styles from './styles.css.js';
+export default function Card({ actions, selected, children, className, header, description, icon, metadataAttributes, onClick, disableHeaderPaddings, disableContentPaddings, }) {
+    const isRefresh = useVisualRefresh();
+    const headerRowEmpty = !header && !description && !icon && !actions;
+    return (React.createElement("div", { className: clsx(className, styles.root, selected && styles.selected, headerRowEmpty && styles['no-header'], !children && styles['no-content'], isRefresh && styles.refresh), ...metadataAttributes, onClick: onClick },
+        React.createElement("div", { className: clsx(styles.header, disableHeaderPaddings && styles['no-padding'], !!actions && styles['with-actions']) },
+            React.createElement(InternalStructuredItem, { content: header && React.createElement("div", { className: styles['header-inner'] }, header), secondaryContent: description && React.createElement("div", { className: styles.description }, description), icon: icon, actions: actions, disablePaddings: disableHeaderPaddings, wrapActions: false })),
+        React.createElement("div", { className: clsx(styles.body, disableContentPaddings && styles['no-padding']) }, children)));
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/card/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAGxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,kBAAkB,EAClB,OAAO,EACP,qBAAqB,EACrB,sBAAsB,GACJ;IAClB,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,cAAc,GAAG,CAAC,MAAM,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC;IAEpE,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,IAAI,EACX,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,cAAc,IAAI,MAAM,CAAC,WAAW,CAAC,EACrC,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY,CAAC,EACjC,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,KACG,kBAAkB,EACtB,OAAO,EAAE,OAAO;QAEhB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,MAAM,EACb,qBAAqB,IAAI,MAAM,CAAC,YAAY,CAAC,EAC7C,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,CACpC;YAED,oBAAC,sBAAsB,IACrB,OAAO,EAAE,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAAG,MAAM,CAAO,EACzE,gBAAgB,EAAE,WAAW,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAO,EACxF,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,qBAAqB,EACtC,WAAW,EAAE,KAAK,GAClB,CACE;QACN,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,sBAAsB,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,IAAG,QAAQ,CAAO,CAC/F,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\nimport InternalStructuredItem from '../structured-item';\nimport { InternalCardProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport default function Card({\n  actions,\n  selected,\n  children,\n  className,\n  header,\n  description,\n  icon,\n  metadataAttributes,\n  onClick,\n  disableHeaderPaddings,\n  disableContentPaddings,\n}: InternalCardProps) {\n  const isRefresh = useVisualRefresh();\n\n  const headerRowEmpty = !header && !description && !icon && !actions;\n\n  return (\n    <div\n      className={clsx(\n        className,\n        styles.root,\n        selected && styles.selected,\n        headerRowEmpty && styles['no-header'],\n        !children && styles['no-content'],\n        isRefresh && styles.refresh\n      )}\n      {...metadataAttributes}\n      onClick={onClick}\n    >\n      <div\n        className={clsx(\n          styles.header,\n          disableHeaderPaddings && styles['no-padding'],\n          !!actions && styles['with-actions']\n        )}\n      >\n        <InternalStructuredItem\n          content={header && <div className={styles['header-inner']}>{header}</div>}\n          secondaryContent={description && <div className={styles.description}>{description}</div>}\n          icon={icon}\n          actions={actions}\n          disablePaddings={disableHeaderPaddings}\n          wrapActions={false}\n        />\n      </div>\n      <div className={clsx(styles.body, disableContentPaddings && styles['no-padding'])}>{children}</div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/internal/components/card/interfaces.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { BaseComponentProps } from '../../base-component';
+export interface BaseCardProps extends BaseComponentProps {
+    /**
+     * Heading text.
+     */
+    header?: React.ReactNode;
+    /**
+     * Supplementary text below the heading.
+     */
+    description?: React.ReactNode;
+    /**
+     * Specifies actions for the card.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Primary content displayed in the card.
+     */
+    children?: React.ReactNode;
+    /**
+     * Icon which will be displayed at the top of the card,
+     * aligned with the start of the content.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Determines whether the card header has padding. If `true`, removes the default padding from the header.
+     */
+    disableHeaderPaddings?: boolean;
+    /**
+     * Determines whether the card content has padding. If `true`, removes the default padding from the content area.
+     */
+    disableContentPaddings?: boolean;
+}
+export interface InternalCardProps extends BaseCardProps {
+    /**
+     * Called when the user clicks on the card.
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Specifies whether the card is in active state.
+     */
+    selected?: boolean;
+    metadataAttributes?: Record<string, string | undefined>;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/internal/components/card/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/card/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;CACzD"}

package/lib/internal/template/internal/components/card/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/lib/internal/template/internal/components/card/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/card/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../../base-component';\n\nexport interface BaseCardProps extends BaseComponentProps {\n  /**\n   * Heading text.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Supplementary text below the heading.\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Specifies actions for the card.\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Primary content displayed in the card.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Icon which will be displayed at the top of the card,\n   * aligned with the start of the content.\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Determines whether the card header has padding. If `true`, removes the default padding from the header.\n   */\n  disableHeaderPaddings?: boolean;\n\n  /**\n   * Determines whether the card content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n}\n\nexport interface InternalCardProps extends BaseCardProps {\n  /**\n   * Called when the user clicks on the card.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n\n  /**\n   * Specifies whether the card is in active state.\n   */\n  selected?: boolean;\n\n  metadataAttributes?: Record<string, string | undefined>;\n}\n"]}