@cloudscape-design/components-themeable 3.0.1382 → 3.0.1384

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

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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 */
-.awsui_root_p8a6i_1ktd8_9:not(#\9) {
+.awsui_root_p8a6i_1nnzh_9:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -38,17 +38,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header_p8a6i_1ktd8_41:not(#\9):not(.awsui_header-variant-full-page_p8a6i_1ktd8_41) {
-  --awsui-inline-label-background-color-66120l: var(--color-background-container-header-irktp5, #fafafa);
+.awsui_header_p8a6i_1nnzh_41:not(#\9):not(.awsui_header-variant-full-page_p8a6i_1nnzh_41) {
+  --awsui-inline-label-background-color-ka4djm: var(--color-background-container-header-irktp5, #fafafa);
 }
-.awsui_header-variant-full-page_p8a6i_1ktd8_41.awsui_header-refresh_p8a6i_1ktd8_44:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_1nnzh_41.awsui_header-refresh_p8a6i_1nnzh_44:not(#\9) {
   padding-block-start: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
   padding-block-end: calc(var(--space-container-header-bottom-9elagw, 12px) + var(--space-table-header-tools-full-page-bottom-g1a6as, 4px));
 }
 
-.awsui_list_p8a6i_1ktd8_51:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -59,68 +59,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: calc(var(--space-grid-gutter-2qs4vj, 20px) * -1);
   margin-inline-end: 0;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-1_p8a6i_1ktd8_62 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-1_p8a6i_1nnzh_62 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 100%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-2_p8a6i_1ktd8_65 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-2_p8a6i_1nnzh_65 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 50%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-3_p8a6i_1ktd8_68 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-3_p8a6i_1nnzh_68 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 33.3333333333%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-4_p8a6i_1ktd8_71 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-4_p8a6i_1nnzh_71 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 25%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-5_p8a6i_1ktd8_74 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-5_p8a6i_1nnzh_74 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 20%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-6_p8a6i_1ktd8_77 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-6_p8a6i_1nnzh_77 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 16.6666666667%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-7_p8a6i_1ktd8_80 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-7_p8a6i_1nnzh_80 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 14.2857142857%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-8_p8a6i_1ktd8_83 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-8_p8a6i_1nnzh_83 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 12.5%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-9_p8a6i_1ktd8_86 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-9_p8a6i_1nnzh_86 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 11.1111111111%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-10_p8a6i_1ktd8_89 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-10_p8a6i_1nnzh_89 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 10%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-11_p8a6i_1ktd8_92 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-11_p8a6i_1nnzh_92 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 9.0909090909%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-12_p8a6i_1ktd8_95 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-12_p8a6i_1nnzh_95 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 8.3333333333%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-13_p8a6i_1ktd8_98 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-13_p8a6i_1nnzh_98 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 7.6923076923%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-14_p8a6i_1ktd8_101 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-14_p8a6i_1nnzh_101 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 7.1428571429%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-15_p8a6i_1ktd8_104 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-15_p8a6i_1nnzh_104 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 6.6666666667%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-16_p8a6i_1ktd8_107 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-16_p8a6i_1nnzh_107 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 6.25%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-17_p8a6i_1ktd8_110 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-17_p8a6i_1nnzh_110 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 5.8823529412%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-18_p8a6i_1ktd8_113 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-18_p8a6i_1nnzh_113 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 5.5555555556%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-19_p8a6i_1ktd8_116 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-19_p8a6i_1nnzh_116 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 5.2631578947%;
 }
-.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-20_p8a6i_1ktd8_119 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_list_p8a6i_1nnzh_51.awsui_list-grid-20_p8a6i_1nnzh_119 > .awsui_card_p8a6i_1nnzh_62:not(#\9) {
   inline-size: 5%;
 }
 
-.awsui_selection-control_p8a6i_1ktd8_123:not(#\9) {
+.awsui_selection-control_p8a6i_1nnzh_123:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   inline-size: calc(var(--size-control-jpgj8e, 14px) + 2 * var(--space-card-horizontal-default-2sdf3l, 20px));
@@ -130,22 +130,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-card-horizontal-default-2sdf3l, 20px);
 }
 
-.awsui_loading_p8a6i_1ktd8_133:not(#\9),
-.awsui_empty_p8a6i_1ktd8_134:not(#\9) {
+.awsui_loading_p8a6i_1nnzh_133:not(#\9),
+.awsui_empty_p8a6i_1nnzh_134:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-y81uqw, #687078);
   margin-block-end: var(--space-scaled-l-33ruz6, 20px);
 }
 
-.awsui_has-header_p8a6i_1ktd8_141:not(#\9) {
+.awsui_has-header_p8a6i_1nnzh_141:not(#\9) {
   margin-block-start: var(--space-grid-gutter-2qs4vj, 20px);
 }
-.awsui_has-header_p8a6i_1ktd8_141.awsui_refresh_p8a6i_1ktd8_144.awsui_header-variant-full-page_p8a6i_1ktd8_41:not(#\9) {
+.awsui_has-header_p8a6i_1nnzh_141.awsui_refresh_p8a6i_1nnzh_144.awsui_header-variant-full-page_p8a6i_1nnzh_41:not(#\9) {
   margin-block-start: var(--space-scaled-s-2crg2b, 12px);
 }
 
-.awsui_card_p8a6i_1ktd8_62:not(#\9) {
+.awsui_card_p8a6i_1nnzh_62:not(#\9) {
   overflow-wrap: break-word;
   word-wrap: break-word;
   box-sizing: border-box;
@@ -157,7 +157,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0;
   list-style: none;
 }
-.awsui_card-header_p8a6i_1ktd8_160:not(#\9) {
+.awsui_card-header_p8a6i_1nnzh_160:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-cqvsuv, 18px);
   line-height: var(--line-height-heading-m-d6lkzb, 22px);
@@ -166,42 +166,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_card-header-inner_p8a6i_1ktd8_169:not(#\9) {
+.awsui_card-header-inner_p8a6i_1nnzh_169:not(#\9) {
   /* used in test-utils */
 }
-.awsui_card-header-inner-selectable_p8a6i_1ktd8_172:not(#\9) {
+.awsui_card-header-inner-selectable_p8a6i_1nnzh_172:not(#\9) {
   inline-size: 90%;
 }
-.awsui_card-selected_p8a6i_1ktd8_175:not(#\9) {
+.awsui_card-selected_p8a6i_1nnzh_175:not(#\9) {
   /* Used in test utils */
 }
 
-.awsui_section_p8a6i_1ktd8_179:not(#\9) {
+.awsui_section_p8a6i_1nnzh_179:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding-block-end: var(--space-scaled-xs-pajbd1, 8px);
   padding-inline: 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_1ktd8_186:not(#\9) {
+.awsui_section-header_p8a6i_1nnzh_186:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   font-weight: var(--font-display-label-weight-tz6zkz, 400);
   color: var(--color-text-label-g80qnu, #545b64);
 }
-.awsui_section-content_p8a6i_1ktd8_192:not(#\9) {
+.awsui_section-content_p8a6i_1nnzh_192:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_section_p8a6i_1ktd8_179:not(#\9):not(:first-child) {
+.awsui_section_p8a6i_1nnzh_179:not(#\9):not(:first-child) {
   padding-block-start: var(--space-xs-m9b7jf, 8px);
 }
 
-.awsui_section_p8a6i_1ktd8_179:not(#\9):last-child {
+.awsui_section_p8a6i_1nnzh_179:not(#\9):last-child {
   padding-block-end: 0;
 }
 
-.awsui_footer-pagination_p8a6i_1ktd8_204:not(#\9) {
+.awsui_footer-pagination_p8a6i_1nnzh_204:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,44 +2,44 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_p8a6i_1ktd8_9",
-  "header": "awsui_header_p8a6i_1ktd8_41",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1ktd8_41",
-  "header-refresh": "awsui_header-refresh_p8a6i_1ktd8_44",
-  "list": "awsui_list_p8a6i_1ktd8_51",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_1ktd8_62",
-  "card": "awsui_card_p8a6i_1ktd8_62",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_1ktd8_65",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_1ktd8_68",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_1ktd8_71",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_1ktd8_74",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_1ktd8_77",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_1ktd8_80",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_1ktd8_83",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_1ktd8_86",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_1ktd8_89",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_1ktd8_92",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_1ktd8_95",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_1ktd8_98",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_1ktd8_101",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_1ktd8_104",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_1ktd8_107",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_1ktd8_110",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_1ktd8_113",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_1ktd8_116",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_1ktd8_119",
-  "selection-control": "awsui_selection-control_p8a6i_1ktd8_123",
-  "loading": "awsui_loading_p8a6i_1ktd8_133",
-  "empty": "awsui_empty_p8a6i_1ktd8_134",
-  "has-header": "awsui_has-header_p8a6i_1ktd8_141",
-  "refresh": "awsui_refresh_p8a6i_1ktd8_144",
-  "card-header": "awsui_card-header_p8a6i_1ktd8_160",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_1ktd8_169",
-  "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1ktd8_172",
-  "card-selected": "awsui_card-selected_p8a6i_1ktd8_175",
-  "section": "awsui_section_p8a6i_1ktd8_179",
-  "section-header": "awsui_section-header_p8a6i_1ktd8_186",
-  "section-content": "awsui_section-content_p8a6i_1ktd8_192",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_1ktd8_204"
+  "root": "awsui_root_p8a6i_1nnzh_9",
+  "header": "awsui_header_p8a6i_1nnzh_41",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1nnzh_41",
+  "header-refresh": "awsui_header-refresh_p8a6i_1nnzh_44",
+  "list": "awsui_list_p8a6i_1nnzh_51",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_1nnzh_62",
+  "card": "awsui_card_p8a6i_1nnzh_62",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_1nnzh_65",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_1nnzh_68",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_1nnzh_71",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_1nnzh_74",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_1nnzh_77",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_1nnzh_80",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_1nnzh_83",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_1nnzh_86",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_1nnzh_89",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_1nnzh_92",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_1nnzh_95",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_1nnzh_98",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_1nnzh_101",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_1nnzh_104",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_1nnzh_107",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_1nnzh_110",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_1nnzh_113",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_1nnzh_116",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_1nnzh_119",
+  "selection-control": "awsui_selection-control_p8a6i_1nnzh_123",
+  "loading": "awsui_loading_p8a6i_1nnzh_133",
+  "empty": "awsui_empty_p8a6i_1nnzh_134",
+  "has-header": "awsui_has-header_p8a6i_1nnzh_141",
+  "refresh": "awsui_refresh_p8a6i_1nnzh_144",
+  "card-header": "awsui_card-header_p8a6i_1nnzh_160",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_1nnzh_169",
+  "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1nnzh_172",
+  "card-selected": "awsui_card-selected_p8a6i_1nnzh_175",
+  "section": "awsui_section_p8a6i_1nnzh_179",
+  "section-header": "awsui_section-header_p8a6i_1nnzh_186",
+  "section-content": "awsui_section-content_p8a6i_1nnzh_192",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_1nnzh_204"
 };
   

package/lib/internal/template/checkbox/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_k2y2q_yg29d_44",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_yg29d_77",
-  "outline": "awsui_outline_k2y2q_yg29d_93"
+  "root": "awsui_root_k2y2q_1aoom_44",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_1aoom_77",
+  "outline": "awsui_outline_k2y2q_1aoom_93"
 };
   

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

@@ -41,7 +41,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 /* awsui:style-api-slot name=control tokens=color, background-color, border-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
 /* awsui:style-api-slot name=label tokens=color */
 /* awsui:style-api-slot name=description tokens=color */
-.awsui_root_k2y2q_yg29d_44.awsui_root_k2y2q_yg29d_44:not(#\9) {
+.awsui_root_k2y2q_1aoom_44.awsui_root_k2y2q_1aoom_44:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -74,7 +74,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_checkbox-control_k2y2q_yg29d_77:not(#\9) {
+.awsui_checkbox-control_k2y2q_1aoom_77:not(#\9) {
   --awsui-internal-style-color: var(--awsui-style-color);
   --awsui-internal-style-background-color: var(--awsui-style-background-color);
   --awsui-internal-style-border-color: var(--awsui-style-border-color);
@@ -90,14 +90,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-jpgj8e, 14px);
 }
 
-.awsui_outline_k2y2q_yg29d_93:not(#\9) {
+.awsui_outline_k2y2q_1aoom_93:not(#\9) {
   position: relative;
 }
-.awsui_outline_k2y2q_yg29d_93:not(#\9) {
+.awsui_outline_k2y2q_1aoom_93:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, 2px) - 1px);
 }
-.awsui_outline_k2y2q_yg29d_93:not(#\9)::before {
+.awsui_outline_k2y2q_1aoom_93:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -105,9 +105,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-block, 2px));
   inline-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-inline, 2px) + var(--awsui-internal-style-focus-ring-gutter-inline, 2px));
   block-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-block, 2px) + var(--awsui-internal-style-focus-ring-gutter-block, 2px));
-  border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  border-start-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-66120l, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #0073bb)));
+  border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-ka4djm, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-start-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-ka4djm, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-ka4djm, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-ka4djm, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-ka4djm, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-ka4djm, var(--color-border-item-focused-sewkzn, #0073bb)));
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_k2y2q_yg29d_44",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_yg29d_77",
-  "outline": "awsui_outline_k2y2q_yg29d_93"
+  "root": "awsui_root_k2y2q_1aoom_44",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_1aoom_77",
+  "outline": "awsui_outline_k2y2q_1aoom_93"
 };
   

package/lib/internal/template/container/style.d.ts

@@ -1,19 +1,5 @@
 import { ContainerProps } from './interfaces';
-export declare function getRootStyles(style: ContainerProps.Style | undefined): {
-    background?: undefined;
-    borderColor?: undefined;
-    borderRadius?: undefined;
-    borderWidth?: undefined;
-    boxShadow?: undefined;
-    color?: undefined;
-} | {
-    background: string | undefined;
-    borderColor: string | undefined;
-    borderRadius: string | undefined;
-    borderWidth: string | undefined;
-    boxShadow: string | undefined;
-    color: string | undefined;
-};
+export declare function getRootStyles(style: ContainerProps.Style | undefined): {};
 export declare function getContentStyles(style: ContainerProps.Style | undefined): {
     paddingBlock?: undefined;
     paddingInline?: undefined;

package/lib/internal/template/container/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;;;;;EAapE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;EASvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAWtE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;EAWtE;AAED,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAU5F"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAepE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;EASvE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAYtE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS;;;;;;;;;;EAWtE;AAED,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,GAAG,SAAS,MAU5F"}

package/lib/internal/template/container/style.js

@@ -1,6 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { SYSTEM } from '../internal/environment';
+import customCssProps from '../internal/generated/custom-css-properties';
 export function getRootStyles(style) {
     var _a, _b, _c, _d, _e, _f;
     if (SYSTEM !== 'core') {
@@ -9,7 +10,9 @@ export function getRootStyles(style) {
     return {
         background: (_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.background,
         borderColor: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderColor,
-        borderRadius: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.borderRadius,
+        // Set as a custom property, not inline `border-radius`, so stacked containers can still
+        // flatten their adjacent corners in CSS.
+        ...(((_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.borderRadius) && { [customCssProps.containerStyleBorderRadius]: style.root.borderRadius }),
         borderWidth: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.borderWidth,
         boxShadow: (_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.boxShadow,
         color: (_f = style === null || style === void 0 ? void 0 : style.root) === null || _f === void 0 ? void 0 : _f.color,
@@ -32,7 +35,8 @@ export function getHeaderStyles(style) {
     }
     return {
         ...(((_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.background) && { background: 'transparent' }), // Fix for AWSUI-61442
-        borderRadius: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderRadius,
+        // Same as the root: use a custom property so stacked headers can still flatten corners in CSS.
+        ...(((_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderRadius) && { [customCssProps.containerStyleBorderRadius]: style.root.borderRadius }),
         paddingBlock: (_c = style === null || style === void 0 ? void 0 : style.header) === null || _c === void 0 ? void 0 : _c.paddingBlock,
         paddingInline: (_d = style === null || style === void 0 ? void 0 : style.header) === null || _d === void 0 ? void 0 : _d.paddingInline,
     };

package/lib/internal/template/container/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/container/style.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,MAAM,UAAU,aAAa,CAAC,KAAuC;;IACnE,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,UAAU,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,UAAU;QACnC,WAAW,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,WAAW;QACrC,YAAY,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,YAAY;QACvC,WAAW,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,WAAW;QACrC,SAAS,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,SAAS;QACjC,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,KAAK;KAC1B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAuC;;IACtE,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,YAAY,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,YAAY;QAC1C,aAAa,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,aAAa;KAC7C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAuC;;IACrE,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,GAAG,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,UAAU,KAAI,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,EAAE,sBAAsB;QACrF,YAAY,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,YAAY;QACvC,YAAY,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,YAAY;QACzC,aAAa,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,aAAa;KAC5C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAuC;;IACrE,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,WAAW,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,OAAO,0CAAE,WAAW;QAChD,WAAW,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,OAAO,0CAAE,WAAW;QAChD,YAAY,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,IAAI,0CAAE,YAAY;QAC/C,aAAa,EAAE,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,IAAI,0CAAE,aAAa;KAClD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,aAAqB,EAAE,KAAuC;;IAC3F,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,YAAY,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,YAAY;QACvC,GAAG,CAAC,aAAa,KAAK,KAAK,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC;QAC1F,GAAG,CAAC,aAAa,KAAK,MAAM,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC;KAC5F,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport { ContainerProps } from './interfaces';\n\nexport function getRootStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    background: style?.root?.background,\n    borderColor: style?.root?.borderColor,\n    borderRadius: style?.root?.borderRadius,\n    borderWidth: style?.root?.borderWidth,\n    boxShadow: style?.root?.boxShadow,\n    color: style?.root?.color,\n  };\n}\n\nexport function getContentStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    paddingBlock: style?.content?.paddingBlock,\n    paddingInline: style?.content?.paddingInline,\n  };\n}\n\nexport function getHeaderStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    ...(style?.root?.background && { background: 'transparent' }), // Fix for AWSUI-61442\n    borderRadius: style?.root?.borderRadius,\n    paddingBlock: style?.header?.paddingBlock,\n    paddingInline: style?.header?.paddingInline,\n  };\n}\n\nexport function getFooterStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    borderColor: style?.footer?.divider?.borderColor,\n    borderWidth: style?.footer?.divider?.borderWidth,\n    paddingBlock: style?.footer?.root?.paddingBlock,\n    paddingInline: style?.footer?.root?.paddingInline,\n  };\n}\n\nexport function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    borderRadius: style?.root?.borderRadius,\n    ...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),\n    ...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),\n  };\n}\n"]}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/container/style.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 { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { ContainerProps } from './interfaces';\n\nexport function getRootStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    background: style?.root?.background,\n    borderColor: style?.root?.borderColor,\n    // Set as a custom property, not inline `border-radius`, so stacked containers can still\n    // flatten their adjacent corners in CSS.\n    ...(style?.root?.borderRadius && { [customCssProps.containerStyleBorderRadius]: style.root.borderRadius }),\n    borderWidth: style?.root?.borderWidth,\n    boxShadow: style?.root?.boxShadow,\n    color: style?.root?.color,\n  };\n}\n\nexport function getContentStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    paddingBlock: style?.content?.paddingBlock,\n    paddingInline: style?.content?.paddingInline,\n  };\n}\n\nexport function getHeaderStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    ...(style?.root?.background && { background: 'transparent' }), // Fix for AWSUI-61442\n    // Same as the root: use a custom property so stacked headers can still flatten corners in CSS.\n    ...(style?.root?.borderRadius && { [customCssProps.containerStyleBorderRadius]: style.root.borderRadius }),\n    paddingBlock: style?.header?.paddingBlock,\n    paddingInline: style?.header?.paddingInline,\n  };\n}\n\nexport function getFooterStyles(style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    borderColor: style?.footer?.divider?.borderColor,\n    borderWidth: style?.footer?.divider?.borderWidth,\n    paddingBlock: style?.footer?.root?.paddingBlock,\n    paddingInline: style?.footer?.root?.paddingInline,\n  };\n}\n\nexport function getMediaStyles(mediaPosition: string, style: ContainerProps.Style | undefined) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  return {\n    borderRadius: style?.root?.borderRadius,\n    ...(mediaPosition === 'top' && { borderEndStartRadius: '0px', borderEndEndRadius: '0px' }),\n    ...(mediaPosition === 'side' && { borderStartEndRadius: '0px', borderEndEndRadius: '0px' }),\n  };\n}\n"]}

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

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_w40we_13",
-  "fit-height": "awsui_fit-height_14iqq_w40we_46",
-  "with-side-media": "awsui_with-side-media_14iqq_w40we_51",
-  "variant-default": "awsui_variant-default_14iqq_w40we_54",
-  "variant-stacked": "awsui_variant-stacked_14iqq_w40we_54",
-  "refresh": "awsui_refresh_14iqq_w40we_63",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_w40we_113",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_w40we_119",
-  "focus-ring": "awsui_focus-ring_14iqq_w40we_126",
-  "with-top-media": "awsui_with-top-media_14iqq_w40we_150",
-  "content-wrapper": "awsui_content-wrapper_14iqq_w40we_155",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_w40we_160",
-  "media": "awsui_media_14iqq_w40we_167",
-  "media-top": "awsui_media-top_14iqq_w40we_185",
-  "media-side": "awsui_media-side_14iqq_w40we_190",
-  "header": "awsui_header_14iqq_w40we_196",
-  "header-full-page": "awsui_header-full-page_14iqq_w40we_201",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_w40we_204",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_w40we_204",
-  "header-with-media": "awsui_header-with-media_14iqq_w40we_207",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_w40we_213",
-  "header-stuck": "awsui_header-stuck_14iqq_w40we_223",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_w40we_233",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_w40we_236",
-  "with-paddings": "awsui_with-paddings_14iqq_w40we_242",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_w40we_251",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_w40we_309",
-  "header-cover": "awsui_header-cover_14iqq_w40we_312",
-  "content": "awsui_content_14iqq_w40we_155",
-  "content-fit-height": "awsui_content-fit-height_14iqq_w40we_340",
-  "content-inner": "awsui_content-inner_14iqq_w40we_346",
-  "with-header": "awsui_with-header_14iqq_w40we_353",
-  "footer": "awsui_footer_14iqq_w40we_357",
-  "with-divider": "awsui_with-divider_14iqq_w40we_361"
+  "root": "awsui_root_14iqq_8gwpa_13",
+  "fit-height": "awsui_fit-height_14iqq_8gwpa_46",
+  "with-side-media": "awsui_with-side-media_14iqq_8gwpa_51",
+  "variant-default": "awsui_variant-default_14iqq_8gwpa_54",
+  "variant-stacked": "awsui_variant-stacked_14iqq_8gwpa_54",
+  "refresh": "awsui_refresh_14iqq_8gwpa_63",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_8gwpa_113",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_8gwpa_119",
+  "focus-ring": "awsui_focus-ring_14iqq_8gwpa_126",
+  "with-top-media": "awsui_with-top-media_14iqq_8gwpa_150",
+  "content-wrapper": "awsui_content-wrapper_14iqq_8gwpa_155",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_8gwpa_160",
+  "media": "awsui_media_14iqq_8gwpa_167",
+  "media-top": "awsui_media-top_14iqq_8gwpa_185",
+  "media-side": "awsui_media-side_14iqq_8gwpa_190",
+  "header": "awsui_header_14iqq_8gwpa_196",
+  "header-full-page": "awsui_header-full-page_14iqq_8gwpa_201",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_8gwpa_204",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_8gwpa_204",
+  "header-with-media": "awsui_header-with-media_14iqq_8gwpa_207",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_8gwpa_213",
+  "header-stuck": "awsui_header-stuck_14iqq_8gwpa_223",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_8gwpa_233",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_8gwpa_236",
+  "with-paddings": "awsui_with-paddings_14iqq_8gwpa_242",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_8gwpa_251",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_8gwpa_309",
+  "header-cover": "awsui_header-cover_14iqq_8gwpa_312",
+  "content": "awsui_content_14iqq_8gwpa_155",
+  "content-fit-height": "awsui_content-fit-height_14iqq_8gwpa_340",
+  "content-inner": "awsui_content-inner_14iqq_8gwpa_346",
+  "with-header": "awsui_with-header_14iqq_8gwpa_353",
+  "footer": "awsui_footer_14iqq_8gwpa_357",
+  "with-divider": "awsui_with-divider_14iqq_8gwpa_361"
 };