@cloudscape-design/components 3.0.465 → 3.0.466

package/collection-preferences/styles.selectors.js

@@ -2,42 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_rzmgm_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_rzmgm_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_rzmgm_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_rzmgm_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_rzmgm_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_rzmgm_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_rzmgm_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_rzmgm_218",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_rzmgm_409",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_rzmgm_413",
-  "content-display-option": "awsui_content-display-option_tc96w_rzmgm_409",
-  "placeholder": "awsui_placeholder_tc96w_rzmgm_436",
-  "sorting": "awsui_sorting_tc96w_rzmgm_436",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_rzmgm_463",
-  "drag-overlay": "awsui_drag-overlay_tc96w_rzmgm_470",
-  "content-display": "awsui_content-display_tc96w_rzmgm_409",
-  "content-display-title": "awsui_content-display-title_tc96w_rzmgm_497",
-  "content-display-description": "awsui_content-display-description_tc96w_rzmgm_505",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_rzmgm_513",
-  "root": "awsui_root_tc96w_rzmgm_519",
-  "modal-root": "awsui_modal-root_tc96w_rzmgm_520",
-  "trigger-button": "awsui_trigger-button_tc96w_rzmgm_521",
-  "cancel-button": "awsui_cancel-button_tc96w_rzmgm_522",
-  "confirm-button": "awsui_confirm-button_tc96w_rzmgm_523",
-  "custom": "awsui_custom_tc96w_rzmgm_524",
-  "second-column-small": "awsui_second-column-small_tc96w_rzmgm_528",
-  "wrap-lines": "awsui_wrap-lines_tc96w_rzmgm_532",
-  "striped-rows": "awsui_striped-rows_tc96w_rzmgm_533",
-  "content-density": "awsui_content-density_tc96w_rzmgm_534",
-  "page-size": "awsui_page-size_tc96w_rzmgm_535",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_rzmgm_536",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_rzmgm_537",
-  "sticky-columns": "awsui_sticky-columns_tc96w_rzmgm_538",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_rzmgm_539",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_rzmgm_540",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_rzmgm_541",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_rzmgm_542"
+  "visible-content": "awsui_visible-content_tc96w_dhu1a_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_dhu1a_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_dhu1a_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_dhu1a_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_dhu1a_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_dhu1a_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_dhu1a_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_dhu1a_218",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_dhu1a_409",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_dhu1a_413",
+  "content-display-option": "awsui_content-display-option_tc96w_dhu1a_409",
+  "placeholder": "awsui_placeholder_tc96w_dhu1a_436",
+  "sorting": "awsui_sorting_tc96w_dhu1a_436",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_dhu1a_463",
+  "drag-overlay": "awsui_drag-overlay_tc96w_dhu1a_470",
+  "content-display": "awsui_content-display_tc96w_dhu1a_409",
+  "content-display-title": "awsui_content-display-title_tc96w_dhu1a_497",
+  "content-display-description": "awsui_content-display-description_tc96w_dhu1a_505",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_dhu1a_513",
+  "root": "awsui_root_tc96w_dhu1a_519",
+  "modal-root": "awsui_modal-root_tc96w_dhu1a_520",
+  "trigger-button": "awsui_trigger-button_tc96w_dhu1a_521",
+  "cancel-button": "awsui_cancel-button_tc96w_dhu1a_522",
+  "confirm-button": "awsui_confirm-button_tc96w_dhu1a_523",
+  "custom": "awsui_custom_tc96w_dhu1a_524",
+  "second-column-small": "awsui_second-column-small_tc96w_dhu1a_528",
+  "wrap-lines": "awsui_wrap-lines_tc96w_dhu1a_532",
+  "striped-rows": "awsui_striped-rows_tc96w_dhu1a_533",
+  "content-density": "awsui_content-density_tc96w_dhu1a_534",
+  "page-size": "awsui_page-size_tc96w_dhu1a_535",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_dhu1a_536",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_dhu1a_537",
+  "sticky-columns": "awsui_sticky-columns_tc96w_dhu1a_538",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_dhu1a_539",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_dhu1a_540",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_dhu1a_541",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_dhu1a_542"
 };
   

package/column-layout/flexible-column-layout/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "css-grid": "awsui_css-grid_zqq3x_1nvyj_9",
-  "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_1nvyj_13",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_1nvyj_16",
-  "item": "awsui_item_zqq3x_1nvyj_16",
-  "first-column": "awsui_first-column_zqq3x_1nvyj_21"
+  "css-grid": "awsui_css-grid_zqq3x_onzs4_9",
+  "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_onzs4_13",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_onzs4_16",
+  "item": "awsui_item_zqq3x_onzs4_16",
+  "first-column": "awsui_first-column_zqq3x_onzs4_21"
 };
   

package/column-layout/flexible-column-layout/styles.scoped.css

@@ -6,19 +6,19 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_css-grid_zqq3x_1nvyj_9:not(#\9) {
+.awsui_css-grid_zqq3x_onzs4_9:not(#\9) {
   display: grid;
   gap: var(--space-grid-gutter-ieqn7e, 20px);
 }
-.awsui_css-grid_zqq3x_1nvyj_9.awsui_grid-no-gutters_zqq3x_1nvyj_13:not(#\9) {
+.awsui_css-grid_zqq3x_onzs4_9.awsui_grid-no-gutters_zqq3x_onzs4_13:not(#\9) {
   gap: 0;
 }
-.awsui_css-grid_zqq3x_1nvyj_9.awsui_grid-variant-text-grid_zqq3x_1nvyj_16 > .awsui_item_zqq3x_1nvyj_16:not(#\9) {
-  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+.awsui_css-grid_zqq3x_onzs4_9.awsui_grid-variant-text-grid_zqq3x_onzs4_16 > .awsui_item_zqq3x_onzs4_16:not(#\9) {
+  border-left: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   padding-left: var(--space-grid-gutter-ieqn7e, 20px);
   padding-right: var(--space-grid-gutter-ieqn7e, 20px);
 }
-.awsui_css-grid_zqq3x_1nvyj_9.awsui_grid-variant-text-grid_zqq3x_1nvyj_16 > .awsui_item_zqq3x_1nvyj_16.awsui_first-column_zqq3x_1nvyj_21:not(#\9) {
+.awsui_css-grid_zqq3x_onzs4_9.awsui_grid-variant-text-grid_zqq3x_onzs4_16 > .awsui_item_zqq3x_onzs4_16.awsui_first-column_zqq3x_onzs4_21:not(#\9) {
   border-left: 0;
   padding-left: 0;
 }

package/column-layout/flexible-column-layout/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "css-grid": "awsui_css-grid_zqq3x_1nvyj_9",
-  "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_1nvyj_13",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_1nvyj_16",
-  "item": "awsui_item_zqq3x_1nvyj_16",
-  "first-column": "awsui_first-column_zqq3x_1nvyj_21"
+  "css-grid": "awsui_css-grid_zqq3x_onzs4_9",
+  "grid-no-gutters": "awsui_grid-no-gutters_zqq3x_onzs4_13",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_zqq3x_onzs4_16",
+  "item": "awsui_item_zqq3x_onzs4_16",
+  "first-column": "awsui_first-column_zqq3x_onzs4_21"
 };
   

package/column-layout/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "column-layout": "awsui_column-layout_vvxn7_1hjn3_93",
-  "grid": "awsui_grid_vvxn7_1hjn3_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1hjn3_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1hjn3_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1hjn3_121",
-  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1hjn3_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1hjn3_127",
-  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1hjn3_130",
-  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1hjn3_136",
-  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1hjn3_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1hjn3_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1hjn3_188"
+  "column-layout": "awsui_column-layout_vvxn7_1lvb5_93",
+  "grid": "awsui_grid_vvxn7_1lvb5_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1lvb5_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1lvb5_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1lvb5_121",
+  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1lvb5_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1lvb5_127",
+  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1lvb5_130",
+  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1lvb5_136",
+  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1lvb5_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1lvb5_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1lvb5_188"
 };
   

package/column-layout/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-div.awsui_column-layout_vvxn7_1hjn3_93:not(#\9) {
+div.awsui_column-layout_vvxn7_1lvb5_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -122,141 +122,141 @@ div.awsui_column-layout_vvxn7_1hjn3_93:not(#\9) {
   box-sizing: border-box;
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
-  color: var(--color-text-body-default-2sxhhn, #000716);
+  color: var(--color-text-body-default-at06ol, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106:not(#\9) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106:not(#\9) {
   margin: calc(var(--space-grid-gutter-ieqn7e, 20px) / -2);
   /* stylelint-disable-next-line selector-max-universal */
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-no-gutters_vvxn7_1hjn3_111:not(#\9) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-no-gutters_vvxn7_1lvb5_111:not(#\9) {
   margin: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114:not(#\9) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
   margin: calc(-1 * var(--space-grid-gutter-ieqn7e, 20px) / 2) calc(-1 * var(--space-grid-gutter-ieqn7e, 20px));
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114 > *:not(#\9) {
-  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114 > *:not(#\9) {
+  border-left: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-breakpoint-default_vvxn7_1hjn3_121 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-breakpoint-default_vvxn7_1lvb5_121 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-1_vvxn7_1hjn3_124.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-1_vvxn7_1lvb5_124.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-1_vvxn7_1hjn3_124.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-1_vvxn7_1lvb5_124.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-2_vvxn7_1hjn3_130.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-2_vvxn7_1lvb5_130.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-2_vvxn7_1hjn3_130.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-2_vvxn7_1lvb5_130.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(3n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(3n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-variant-text-grid_vvxn7_1hjn3_114.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-variant-text-grid_vvxn7_1lvb5_114.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(4n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1hjn3_111) > * {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1lvb5_111) > * {
   padding: calc(var(--space-grid-gutter-ieqn7e, 20px) / 2);
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1hjn3_111).awsui_grid-variant-text-grid_vvxn7_1hjn3_114 > * {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1lvb5_111).awsui_grid-variant-text-grid_vvxn7_1lvb5_114 > * {
   padding: 0 var(--space-grid-gutter-ieqn7e, 20px);
   margin: calc(var(--space-grid-gutter-ieqn7e, 20px) / 2) 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155:not(#\9) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155 > *:not(#\9) {
-  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155 > *:not(#\9) {
+  border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-breakpoint-default_vvxn7_1hjn3_121 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-breakpoint-default_vvxn7_1lvb5_121 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-1_vvxn7_1hjn3_124.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-1_vvxn7_1lvb5_124.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-1_vvxn7_1hjn3_124.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-1_vvxn7_1lvb5_124.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-2_vvxn7_1hjn3_130.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-2_vvxn7_1lvb5_130.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-2_vvxn7_1hjn3_130.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-2_vvxn7_1lvb5_130.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(3n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(3n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-vertical-borders_vvxn7_1hjn3_155.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-child(4n) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-vertical-borders_vvxn7_1lvb5_155.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-child(4n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188:not(#\9) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188:not(#\9) {
   /* stylelint-disable selector-max-universal */
   /* stylelint-enable selector-max-universal */
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188 > *:not(#\9) {
-  border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188 > *:not(#\9) {
+  border-bottom: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188 > *:not(#\9):last-child {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188 > *:not(#\9):last-child {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-2_vvxn7_1hjn3_130.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-2_vvxn7_1lvb5_130.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-2_vvxn7_1hjn3_130.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-2_vvxn7_1lvb5_130.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-3_vvxn7_1hjn3_136.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-3_vvxn7_1lvb5_136.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1hjn3_93 > .awsui_grid_vvxn7_1hjn3_106.awsui_grid-horizontal-borders_vvxn7_1hjn3_188.awsui_grid-columns-4_vvxn7_1hjn3_142.awsui_grid-breakpoint-xs_vvxn7_1hjn3_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_1lvb5_93 > .awsui_grid_vvxn7_1lvb5_106.awsui_grid-horizontal-borders_vvxn7_1lvb5_188.awsui_grid-columns-4_vvxn7_1lvb5_142.awsui_grid-breakpoint-xs_vvxn7_1lvb5_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
   border-bottom-width: 0;
 }

package/column-layout/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "column-layout": "awsui_column-layout_vvxn7_1hjn3_93",
-  "grid": "awsui_grid_vvxn7_1hjn3_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1hjn3_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1hjn3_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1hjn3_121",
-  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1hjn3_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1hjn3_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1hjn3_127",
-  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1hjn3_130",
-  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1hjn3_136",
-  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1hjn3_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1hjn3_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1hjn3_188"
+  "column-layout": "awsui_column-layout_vvxn7_1lvb5_93",
+  "grid": "awsui_grid_vvxn7_1lvb5_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1lvb5_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1lvb5_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1lvb5_121",
+  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1lvb5_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1lvb5_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1lvb5_127",
+  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1lvb5_130",
+  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1lvb5_136",
+  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1lvb5_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1lvb5_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1lvb5_188"
 };
   

package/container/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,YAAoB,EACpB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAsHxB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,YAAoB,EACpB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAuHxB"}

package/container/internal.js

@@ -55,11 +55,11 @@ export default function InternalContainer(_a) {
     const shouldHaveStickyStyles = isSticky && !isMobile;
     const hasMedia = !!(media === null || media === void 0 ? void 0 : media.content);
     const mediaPosition = (_b = media === null || media === void 0 ? void 0 : media.position) !== null && _b !== void 0 ? _b : 'top';
-    return (React.createElement("div", Object.assign({}, baseProps, __funnelSubStepProps, { className: clsx(baseProps.className, styles.root, styles[`variant-${variant}`], fitHeight && styles['fit-height'], hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']), shouldHaveStickyStyles && [styles['sticky-enabled']]), ref: mergedRef }),
+    return (React.createElement("div", Object.assign({}, baseProps, __funnelSubStepProps, { className: clsx(baseProps.className, styles.root, styles[`variant-${variant}`], fitHeight && styles['fit-height'], hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']), shouldHaveStickyStyles && [styles['sticky-enabled']], isRefresh && styles.refresh), ref: mergedRef }),
         hasMedia && (React.createElement("div", { className: clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media), style: mediaPosition === 'top' ? { height: (media === null || media === void 0 ? void 0 : media.height) || '' } : { width: (media === null || media === void 0 ? void 0 : media.width) || '' } }, media.content)),
         React.createElement("div", { id: contentId, ref: __subStepRef, className: clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height']) },
             header && (React.createElement(StickyHeaderContext.Provider, { value: { isStuck } },
-                React.createElement("div", Object.assign({ className: clsx(styles.header, styles[`header-variant-${variant}`], {
+                React.createElement("div", Object.assign({ className: clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], {
                         [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,
                         [styles['header-sticky-enabled']]: isSticky,
                         [styles['header-dynamic-height']]: hasDynamicHeight,

package/container/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __darkHeader?: boolean;\n  __disableStickyMobile?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n  __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n  __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const modalContext = useModalContext();\n\n  return (\n    <InternalContainer\n      {...props}\n      __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n      __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n    />\n  );\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  media,\n  __stickyOffset,\n  __mobileStickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __darkHeader = false,\n  __disableStickyMobile = true,\n  __funnelSubStepProps,\n  __subStepRef,\n  ...restProps\n}: InternalContainerProps) {\n  const isMobile = useMobile();\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n    rootRef,\n    headerRef,\n    __stickyHeader,\n    __stickyOffset,\n    __mobileStickyOffset,\n    __disableStickyMobile\n  );\n  const contentId = useUniqueId();\n  const { setHasStickyBackground } = useAppLayoutContext();\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(() => {\n    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  // The container is only sticky on mobile if it is the header for the table.\n  // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n  const shouldHaveStickyStyles = isSticky && !isMobile;\n\n  const hasMedia = !!media?.content;\n  const mediaPosition = media?.position ?? 'top';\n\n  return (\n    <div\n      {...baseProps}\n      {...__funnelSubStepProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['fit-height'],\n        hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n        shouldHaveStickyStyles && [styles['sticky-enabled']]\n      )}\n      ref={mergedRef}\n    >\n      {hasMedia && (\n        <div\n          className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n          style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n        >\n          {media.content}\n        </div>\n      )}\n      <div\n        id={contentId}\n        ref={__subStepRef}\n        className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n      >\n        {header && (\n          <StickyHeaderContext.Provider value={{ isStuck }}>\n            <div\n              className={clsx(styles.header, styles[`header-variant-${variant}`], {\n                [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n                [styles['header-sticky-enabled']]: isSticky,\n                [styles['header-dynamic-height']]: hasDynamicHeight,\n                [styles['header-stuck']]: isStuck,\n                [styles['with-paddings']]: !disableHeaderPaddings,\n                [styles['with-hidden-content']]: !children || __hiddenContent,\n                [styles['header-with-media']]: hasMedia,\n              })}\n              {...stickyStyles}\n              ref={headerMergedRef}\n            >\n              {__darkHeader ? (\n                <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n              ) : (\n                header\n              )}\n            </div>\n          </StickyHeaderContext.Provider>\n        )}\n        <div\n          className={clsx(styles.content, fitHeight && styles['content-fit-height'], {\n            [styles['with-paddings']]: !disableContentPaddings,\n          })}\n        >\n          {children}\n        </div>\n        {footer && (\n          <div\n            className={clsx(styles.footer, {\n              [styles['with-divider']]: !__disableFooterDivider,\n              [styles['with-paddings']]: !__disableFooterPaddings,\n            })}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __darkHeader?: boolean;\n  __disableStickyMobile?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n  __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n  __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const modalContext = useModalContext();\n\n  return (\n    <InternalContainer\n      {...props}\n      __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n      __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n    />\n  );\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  media,\n  __stickyOffset,\n  __mobileStickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __darkHeader = false,\n  __disableStickyMobile = true,\n  __funnelSubStepProps,\n  __subStepRef,\n  ...restProps\n}: InternalContainerProps) {\n  const isMobile = useMobile();\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n    rootRef,\n    headerRef,\n    __stickyHeader,\n    __stickyOffset,\n    __mobileStickyOffset,\n    __disableStickyMobile\n  );\n  const contentId = useUniqueId();\n  const { setHasStickyBackground } = useAppLayoutContext();\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(() => {\n    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  // The container is only sticky on mobile if it is the header for the table.\n  // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n  const shouldHaveStickyStyles = isSticky && !isMobile;\n\n  const hasMedia = !!media?.content;\n  const mediaPosition = media?.position ?? 'top';\n\n  return (\n    <div\n      {...baseProps}\n      {...__funnelSubStepProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['fit-height'],\n        hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n        shouldHaveStickyStyles && [styles['sticky-enabled']],\n        isRefresh && styles.refresh\n      )}\n      ref={mergedRef}\n    >\n      {hasMedia && (\n        <div\n          className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n          style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n        >\n          {media.content}\n        </div>\n      )}\n      <div\n        id={contentId}\n        ref={__subStepRef}\n        className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n      >\n        {header && (\n          <StickyHeaderContext.Provider value={{ isStuck }}>\n            <div\n              className={clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], {\n                [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n                [styles['header-sticky-enabled']]: isSticky,\n                [styles['header-dynamic-height']]: hasDynamicHeight,\n                [styles['header-stuck']]: isStuck,\n                [styles['with-paddings']]: !disableHeaderPaddings,\n                [styles['with-hidden-content']]: !children || __hiddenContent,\n                [styles['header-with-media']]: hasMedia,\n              })}\n              {...stickyStyles}\n              ref={headerMergedRef}\n            >\n              {__darkHeader ? (\n                <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n              ) : (\n                header\n              )}\n            </div>\n          </StickyHeaderContext.Provider>\n        )}\n        <div\n          className={clsx(styles.content, fitHeight && styles['content-fit-height'], {\n            [styles['with-paddings']]: !disableContentPaddings,\n          })}\n        >\n          {children}\n        </div>\n        {footer && (\n          <div\n            className={clsx(styles.footer, {\n              [styles['with-divider']]: !__disableFooterDivider,\n              [styles['with-paddings']]: !__disableFooterPaddings,\n            })}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/container/styles.css.js

@@ -1,33 +1,34 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_1x1rn_97",
-  "fit-height": "awsui_fit-height_14iqq_1x1rn_111",
-  "with-side-media": "awsui_with-side-media_14iqq_1x1rn_116",
-  "variant-default": "awsui_variant-default_14iqq_1x1rn_119",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1x1rn_119",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1x1rn_172",
-  "with-top-media": "awsui_with-top-media_14iqq_1x1rn_184",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1x1rn_189",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1x1rn_194",
-  "media": "awsui_media_14iqq_1x1rn_199",
-  "media-top": "awsui_media-top_14iqq_1x1rn_216",
-  "media-side": "awsui_media-side_14iqq_1x1rn_221",
-  "header": "awsui_header_14iqq_1x1rn_227",
-  "header-with-media": "awsui_header-with-media_14iqq_1x1rn_232",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1x1rn_238",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1x1rn_242",
-  "header-stuck": "awsui_header-stuck_14iqq_1x1rn_248",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1x1rn_254",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1x1rn_257",
-  "with-paddings": "awsui_with-paddings_14iqq_1x1rn_263",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1x1rn_269",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1x1rn_319",
-  "dark-header": "awsui_dark-header_14iqq_1x1rn_337",
-  "content": "awsui_content_14iqq_1x1rn_189",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1x1rn_345",
-  "content-with-media": "awsui_content-with-media_14iqq_1x1rn_354",
-  "footer": "awsui_footer_14iqq_1x1rn_358",
-  "with-divider": "awsui_with-divider_14iqq_1x1rn_361"
+  "root": "awsui_root_14iqq_1l9ij_97",
+  "fit-height": "awsui_fit-height_14iqq_1l9ij_111",
+  "with-side-media": "awsui_with-side-media_14iqq_1l9ij_116",
+  "variant-default": "awsui_variant-default_14iqq_1l9ij_119",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1l9ij_119",
+  "refresh": "awsui_refresh_14iqq_1l9ij_124",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1l9ij_167",
+  "with-top-media": "awsui_with-top-media_14iqq_1l9ij_179",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1l9ij_184",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1l9ij_189",
+  "media": "awsui_media_14iqq_1l9ij_194",
+  "media-top": "awsui_media-top_14iqq_1l9ij_211",
+  "media-side": "awsui_media-side_14iqq_1l9ij_216",
+  "header": "awsui_header_14iqq_1l9ij_222",
+  "header-with-media": "awsui_header-with-media_14iqq_1l9ij_227",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1l9ij_233",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1l9ij_237",
+  "header-stuck": "awsui_header-stuck_14iqq_1l9ij_243",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1l9ij_249",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1l9ij_252",
+  "with-paddings": "awsui_with-paddings_14iqq_1l9ij_258",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1l9ij_264",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1l9ij_311",
+  "dark-header": "awsui_dark-header_14iqq_1l9ij_329",
+  "content": "awsui_content_14iqq_1l9ij_184",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1l9ij_337",
+  "content-with-media": "awsui_content-with-media_14iqq_1l9ij_346",
+  "footer": "awsui_footer_14iqq_1l9ij_350",
+  "with-divider": "awsui_with-divider_14iqq_1l9ij_353"
 };