@cloudscape-design/components-themeable 3.0.1200 → 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/internal/base-component/styles.scoped.css

@@ -3813,5 +3813,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-83dc7058: 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"]}

package/lib/internal/template/internal/components/card/styles.css.js

@@ -0,0 +1,16 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1xxz5_1fmrq_153",
+  "refresh": "awsui_refresh_1xxz5_1fmrq_258",
+  "header": "awsui_header_1xxz5_1fmrq_266",
+  "no-padding": "awsui_no-padding_1xxz5_1fmrq_266",
+  "with-actions": "awsui_with-actions_1xxz5_1fmrq_270",
+  "header-inner": "awsui_header-inner_1xxz5_1fmrq_278",
+  "body": "awsui_body_1xxz5_1fmrq_287",
+  "no-header": "awsui_no-header_1xxz5_1fmrq_297",
+  "no-content": "awsui_no-content_1xxz5_1fmrq_298",
+  "selected": "awsui_selected_1xxz5_1fmrq_306",
+  "description": "awsui_description_1xxz5_1fmrq_314"
+};
+