@cloudscape-design/components 3.0.302 → 3.0.304

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_1idxs_93",
-  "grid": "awsui_grid_vvxn7_1idxs_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1idxs_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1idxs_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1idxs_121",
-  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1idxs_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1idxs_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1idxs_127",
-  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1idxs_130",
-  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1idxs_136",
-  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1idxs_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1idxs_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1idxs_188"
+  "column-layout": "awsui_column-layout_vvxn7_tsivb_93",
+  "grid": "awsui_grid_vvxn7_tsivb_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_tsivb_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_tsivb_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_tsivb_121",
+  "grid-columns-1": "awsui_grid-columns-1_vvxn7_tsivb_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_tsivb_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_tsivb_127",
+  "grid-columns-2": "awsui_grid-columns-2_vvxn7_tsivb_130",
+  "grid-columns-3": "awsui_grid-columns-3_vvxn7_tsivb_136",
+  "grid-columns-4": "awsui_grid-columns-4_vvxn7_tsivb_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_tsivb_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_tsivb_188"
 };
   

package/container/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_1r2h5_97",
-  "fit-height": "awsui_fit-height_14iqq_1r2h5_111",
-  "variant-default": "awsui_variant-default_14iqq_1r2h5_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1r2h5_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1r2h5_169",
-  "header": "awsui_header_14iqq_1r2h5_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1r2h5_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1r2h5_185",
-  "header-stuck": "awsui_header-stuck_14iqq_1r2h5_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1r2h5_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1r2h5_200",
-  "with-paddings": "awsui_with-paddings_14iqq_1r2h5_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1r2h5_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1r2h5_259",
-  "dark-header": "awsui_dark-header_14iqq_1r2h5_277",
-  "content": "awsui_content_14iqq_1r2h5_282",
-  "footer": "awsui_footer_14iqq_1r2h5_293",
-  "with-divider": "awsui_with-divider_14iqq_1r2h5_296"
+  "root": "awsui_root_14iqq_1rij9_97",
+  "fit-height": "awsui_fit-height_14iqq_1rij9_111",
+  "variant-default": "awsui_variant-default_14iqq_1rij9_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1rij9_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1rij9_169",
+  "header": "awsui_header_14iqq_1rij9_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1rij9_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1rij9_185",
+  "header-stuck": "awsui_header-stuck_14iqq_1rij9_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1rij9_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1rij9_200",
+  "with-paddings": "awsui_with-paddings_14iqq_1rij9_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1rij9_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1rij9_259",
+  "dark-header": "awsui_dark-header_14iqq_1rij9_277",
+  "content": "awsui_content_14iqq_1rij9_282",
+  "footer": "awsui_footer_14iqq_1rij9_293",
+  "with-divider": "awsui_with-divider_14iqq_1rij9_296"
 };
   

package/container/styles.scoped.css

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_14iqq_1r2h5_97:not(#\9) {
+.awsui_root_14iqq_1rij9_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -124,27 +124,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_fit-height_14iqq_1r2h5_111:not(#\9) {
+.awsui_root_14iqq_1rij9_97.awsui_fit-height_14iqq_1rij9_111:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9) {
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9) {
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   box-sizing: border-box;
-  background-color: var(--color-background-container-content-em2lah, #ffffff);
+  background-color: var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9)::before, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before {
+.awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9)::before, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -155,11 +155,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-top: var(--border-container-top-width-nb80xs, 0px) solid var(--color-border-container-top-4rl1tb, transparent);
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  border-top: var(--border-container-top-width-5cncr0, 0px) solid var(--color-border-container-top-camjrq, transparent);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9)::after, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::after {
+.awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9)::after, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -169,81 +169,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  box-shadow: var(--shadow-container-pkcyo6, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  box-shadow: var(--shadow-container-984513, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9) {
-    border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
+  .awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9) {
+    border: var(--border-field-width-riro62, 2px) solid var(--color-border-container-top-camjrq, transparent);
   }
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9):not(:last-child), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9):not(:last-child), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::after {
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::before, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before {
-  border-top: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::before {
+  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::after {
-  box-shadow: var(--shadow-container-stacked-p4y0os, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::after {
+  box-shadow: var(--shadow-container-stacked-nlxqjb, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
 }
-.awsui_root_14iqq_1r2h5_97.awsui_sticky-enabled_14iqq_1r2h5_169:not(#\9)::before {
-  top: calc(-1 * var(--border-container-top-width-nb80xs, 0px));
+.awsui_root_14iqq_1rij9_97.awsui_sticky-enabled_14iqq_1rij9_169:not(#\9)::before {
+  top: calc(-1 * var(--border-container-top-width-5cncr0, 0px));
 }
-.awsui_root_14iqq_1r2h5_97.awsui_sticky-enabled_14iqq_1r2h5_169.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before {
-  top: calc(-1 * var(--border-divider-section-width-g0ay3c, 2px));
+.awsui_root_14iqq_1rij9_97.awsui_sticky-enabled_14iqq_1rij9_169.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::before {
+  top: calc(-1 * var(--border-divider-section-width-orq175, 2px));
 }
 
-.awsui_header_14iqq_1r2h5_176:not(#\9) {
-  background-color: var(--color-background-container-header-n1x7fp, #ffffff);
-  border-top-left-radius: var(--border-radius-container-b3z48i, 16px);
-  border-top-right-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_header_14iqq_1rij9_176:not(#\9) {
+  background-color: var(--color-background-container-header-l5cy7j, #ffffff);
+  border-top-left-radius: var(--border-radius-container-pmtq2d, 16px);
+  border-top-right-radius: var(--border-radius-container-pmtq2d, 16px);
 }
-.awsui_header-sticky-disabled_14iqq_1r2h5_181:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1rij9_181:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1r2h5_185:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1rij9_185:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1r2h5_191:not(#\9) {
+.awsui_header-stuck_14iqq_1rij9_191:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::before {
+.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_1r2h5_191:not(#\9):not(.awsui_header-variant-cards_14iqq_1r2h5_197) {
-  box-shadow: var(--shadow-sticky-embedded-xiq3g5, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
+.awsui_header-stuck_14iqq_1rij9_191:not(#\9):not(.awsui_header-variant-cards_14iqq_1rij9_197) {
+  box-shadow: var(--shadow-sticky-embedded-rcrcz5, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
 }
-.awsui_header-dynamic-height_14iqq_1r2h5_200.awsui_header-stuck_14iqq_1r2h5_191:not(#\9) {
-  margin-bottom: calc(var(--font-heading-xl-line-height-cka4rq, 40px) - var(--font-heading-l-line-height-sit3zj, 30px));
+.awsui_header-dynamic-height_14iqq_1rij9_200.awsui_header-stuck_14iqq_1rij9_191:not(#\9) {
+  margin-bottom: calc(var(--font-heading-xl-line-height-4s70cu, 40px) - var(--font-heading-l-line-height-l1pmir, 30px));
 }
-.awsui_header_14iqq_1r2h5_176:not(#\9):not(:empty) {
-  border-bottom: var(--border-container-sticky-width-l43yj1, 0px) solid var(--color-border-container-divider-qsuvq6, transparent);
+.awsui_header_14iqq_1rij9_176:not(#\9):not(:empty) {
+  border-bottom: var(--border-container-sticky-width-3mz641, 0px) solid var(--color-border-container-divider-tildlh, transparent);
 }
-.awsui_header_14iqq_1r2h5_176.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding: var(--space-container-header-vertical-gho8eg, 12px) var(--space-container-horizontal-6u2610, 20px);
+.awsui_header_14iqq_1rij9_176.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding: var(--space-container-header-vertical-di96ce, 12px) var(--space-container-horizontal-jxdgil, 20px);
 }
-.awsui_header_14iqq_1r2h5_176.awsui_with-hidden-content_14iqq_1r2h5_209:not(#\9) {
-  border-bottom-left-radius: var(--border-radius-container-b3z48i, 16px);
-  border-bottom-right-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_header_14iqq_1rij9_176.awsui_with-hidden-content_14iqq_1rij9_209:not(#\9) {
+  border-bottom-left-radius: var(--border-radius-container-pmtq2d, 16px);
+  border-bottom-right-radius: var(--border-radius-container-pmtq2d, 16px);
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9) {
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_header-variant-cards_14iqq_1rij9_197:not(#\9) {
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1r2h5_185) {
+.awsui_header-variant-cards_14iqq_1rij9_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1rij9_185) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1rij9_197:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -254,11 +254,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-top: var(--border-container-top-width-nb80xs, 0px) solid var(--color-border-container-top-4rl1tb, transparent);
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  border-top: var(--border-container-top-width-5cncr0, 0px) solid var(--color-border-container-top-camjrq, transparent);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9)::after {
+.awsui_header-variant-cards_14iqq_1rij9_197:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -268,31 +268,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  box-shadow: var(--shadow-container-pkcyo6, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  box-shadow: var(--shadow-container-984513, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9) {
-    border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
+  .awsui_header-variant-cards_14iqq_1rij9_197:not(#\9) {
+    border: var(--border-field-width-riro62, 2px) solid var(--color-border-container-top-camjrq, transparent);
   }
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_1r2h5_197.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1rij9_197.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_1rij9_197.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_1r2h5_259.awsui_header-stuck_14iqq_1r2h5_191:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1rij9_259.awsui_header-stuck_14iqq_1rij9_191:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1r2h5_259.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1rij9_259.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
-  box-shadow: var(--shadow-sticky-qwhtrj, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
+  box-shadow: var(--shadow-sticky-cfbxxq, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
 
@@ -300,25 +300,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_1r2h5_277:not(#\9) {
-  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
-  color: var(--color-text-body-default-01bwmw, #000716);
+.awsui_dark-header_14iqq_1rij9_277:not(#\9) {
+  background-color: var(--color-background-layout-main-m49752, #ffffff);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
 
-.awsui_fit-height_14iqq_1r2h5_111 > .awsui_content_14iqq_1r2h5_282:not(#\9) {
+.awsui_fit-height_14iqq_1rij9_111 > .awsui_content_14iqq_1rij9_282:not(#\9) {
   flex: 1;
   overflow: auto;
 }
-.awsui_content_14iqq_1r2h5_282.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding: var(--space-scaled-l-x5pubp, 20px) var(--space-container-horizontal-6u2610, 20px);
+.awsui_content_14iqq_1rij9_282.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding: var(--space-scaled-l-2rs0gk, 20px) var(--space-container-horizontal-jxdgil, 20px);
 }
-.awsui_header_14iqq_1r2h5_176 + .awsui_content_14iqq_1r2h5_282.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding-top: var(--space-container-content-top-jt1y8s, 0px);
+.awsui_header_14iqq_1rij9_176 + .awsui_content_14iqq_1rij9_282.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding-top: var(--space-container-content-top-aj37fz, 0px);
 }
 
-.awsui_footer_14iqq_1r2h5_293.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding: var(--space-scaled-s-gczsk7, 12px) var(--space-container-horizontal-6u2610, 20px);
+.awsui_footer_14iqq_1rij9_293.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding: var(--space-scaled-s-913kwi, 12px) var(--space-container-horizontal-jxdgil, 20px);
 }
-.awsui_footer_14iqq_1r2h5_293.awsui_with-divider_14iqq_1r2h5_296:not(#\9) {
-  border-top: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
+.awsui_footer_14iqq_1rij9_293.awsui_with-divider_14iqq_1rij9_296:not(#\9) {
+  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }

package/container/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1r2h5_97",
-  "fit-height": "awsui_fit-height_14iqq_1r2h5_111",
-  "variant-default": "awsui_variant-default_14iqq_1r2h5_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1r2h5_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1r2h5_169",
-  "header": "awsui_header_14iqq_1r2h5_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1r2h5_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1r2h5_185",
-  "header-stuck": "awsui_header-stuck_14iqq_1r2h5_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1r2h5_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1r2h5_200",
-  "with-paddings": "awsui_with-paddings_14iqq_1r2h5_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1r2h5_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1r2h5_259",
-  "dark-header": "awsui_dark-header_14iqq_1r2h5_277",
-  "content": "awsui_content_14iqq_1r2h5_282",
-  "footer": "awsui_footer_14iqq_1r2h5_293",
-  "with-divider": "awsui_with-divider_14iqq_1r2h5_296"
+  "root": "awsui_root_14iqq_1rij9_97",
+  "fit-height": "awsui_fit-height_14iqq_1rij9_111",
+  "variant-default": "awsui_variant-default_14iqq_1rij9_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1rij9_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1rij9_169",
+  "header": "awsui_header_14iqq_1rij9_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1rij9_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1rij9_185",
+  "header-stuck": "awsui_header-stuck_14iqq_1rij9_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1rij9_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1rij9_200",
+  "with-paddings": "awsui_with-paddings_14iqq_1rij9_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1rij9_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1rij9_259",
+  "dark-header": "awsui_dark-header_14iqq_1rij9_277",
+  "content": "awsui_content_14iqq_1rij9_282",
+  "footer": "awsui_footer_14iqq_1rij9_293",
+  "with-divider": "awsui_with-divider_14iqq_1rij9_296"
 };
   

package/content-layout/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAsC5B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAkC5B"}

package/content-layout/internal.js

@@ -15,15 +15,11 @@ export default function InternalContentLayout(_a) {
     const mergedRef = useMergeRefs(rootElement, __internalRootRef);
     const isVisualRefresh = useVisualRefresh();
     const overlapElement = useDynamicOverlap();
-    /**
-     * Disable the overlap if the component is missing either a header or child
-     * content. If the component is not using visual refresh then the overlap
-     * will not be displayed at all. This is handled in the CSS not the JavaScript.
-     */
-    const isOverlapDisabled = !children || !header || disableOverlap;
+    const isOverlapDisabled = !children || disableOverlap;
     return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.layout, {
             [styles['is-overlap-disabled']]: isOverlapDisabled,
             [styles['is-visual-refresh']]: isVisualRefresh,
+            [styles['has-header']]: !!header,
         }), ref: mergedRef }),
         React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, 'awsui-context-content-header'), ref: overlapElement }),
         header && React.createElement("div", { className: clsx(styles.header, 'awsui-context-content-header') }, header),

package/content-layout/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C;;;;OAIG;IACH,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,cAAc,CAAC;IAEjE,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;SAC/C,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,8BAA8B,CAC/B,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,8BAA8B,CAAC,IAAG,MAAM,CAAO;QAE9F,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n  children,\n  disableOverlap,\n  header,\n  __internalRootRef,\n  ...rest\n}: InternalContentLayoutProps) {\n  const baseProps = getBaseProps(rest);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n  const isVisualRefresh = useVisualRefresh();\n  const overlapElement = useDynamicOverlap();\n\n  /**\n   * Disable the overlap if the component is missing either a header or child\n   * content. If the component is not using visual refresh then the overlap\n   * will not be displayed at all. This is handled in the CSS not the JavaScript.\n   */\n  const isOverlapDisabled = !children || !header || disableOverlap;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.layout, {\n        [styles['is-overlap-disabled']]: isOverlapDisabled,\n        [styles['is-visual-refresh']]: isVisualRefresh,\n      })}\n      ref={mergedRef}\n    >\n      <div\n        className={clsx(\n          styles.background,\n          { [styles['is-overlap-disabled']]: isOverlapDisabled },\n          'awsui-context-content-header'\n        )}\n        ref={overlapElement}\n      />\n\n      {header && <div className={clsx(styles.header, 'awsui-context-content-header')}>{header}</div>}\n\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,8BAA8B,CAC/B,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,8BAA8B,CAAC,IAAG,MAAM,CAAO;QAE9F,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n  children,\n  disableOverlap,\n  header,\n  __internalRootRef,\n  ...rest\n}: InternalContentLayoutProps) {\n  const baseProps = getBaseProps(rest);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n  const isVisualRefresh = useVisualRefresh();\n  const overlapElement = useDynamicOverlap();\n\n  const isOverlapDisabled = !children || disableOverlap;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.layout, {\n        [styles['is-overlap-disabled']]: isOverlapDisabled,\n        [styles['is-visual-refresh']]: isVisualRefresh,\n        [styles['has-header']]: !!header,\n      })}\n      ref={mergedRef}\n    >\n      <div\n        className={clsx(\n          styles.background,\n          { [styles['is-overlap-disabled']]: isOverlapDisabled },\n          'awsui-context-content-header'\n        )}\n        ref={overlapElement}\n      />\n\n      {header && <div className={clsx(styles.header, 'awsui-context-content-header')}>{header}</div>}\n\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}

package/content-layout/styles.css.js

@@ -1,11 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_ju3c7_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ju3c7_99",
-  "background": "awsui_background_5gtk3_ju3c7_102",
-  "header": "awsui_header_5gtk3_ju3c7_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ju3c7_115",
-  "content": "awsui_content_5gtk3_ju3c7_132"
+  "layout": "awsui_layout_5gtk3_1q3c5_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1q3c5_99",
+  "background": "awsui_background_5gtk3_1q3c5_102",
+  "header": "awsui_header_5gtk3_1q3c5_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1q3c5_121",
+  "content": "awsui_content_5gtk3_1q3c5_129",
+  "has-header": "awsui_has-header_5gtk3_1q3c5_133"
 };
   

package/content-layout/styles.scoped.css

@@ -96,40 +96,48 @@ visual refresh mode. The padding is still added to the header
 in this scenario because otherwise the header and child 
 nodes will directly touch with no gap between them.
 */
-.awsui_layout_5gtk3_ju3c7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ju3c7_99) {
+.awsui_layout_5gtk3_1q3c5_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1q3c5_99) {
   display: contents;
 }
-.awsui_layout_5gtk3_ju3c7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ju3c7_99) > .awsui_background_5gtk3_ju3c7_102 {
+.awsui_layout_5gtk3_1q3c5_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1q3c5_99) > .awsui_background_5gtk3_1q3c5_102 {
   display: none;
 }
-.awsui_layout_5gtk3_ju3c7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ju3c7_99) > .awsui_header_5gtk3_ju3c7_105 {
-  padding-bottom: var(--space-content-header-padding-bottom-98ndis, 24px);
+.awsui_layout_5gtk3_1q3c5_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1q3c5_99) > .awsui_header_5gtk3_1q3c5_105 {
+  padding-bottom: var(--space-content-header-padding-bottom-2cx87f, 24px);
 }
 
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99:not(#\9) {
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99:not(#\9) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  grid-template-rows: auto var(--space-dark-header-overlap-distance-d8wdqm, 36px) 1fr;
+  grid-template-rows: auto var(--space-dark-header-overlap-distance-l9lxfl, 36px) 1fr;
   min-height: 100%;
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99.awsui_is-overlap-disabled_5gtk3_ju3c7_115:not(#\9) {
-  grid-template-rows: auto 0 1fr;
-}
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_background_5gtk3_ju3c7_102:not(#\9) {
-  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99 > .awsui_background_5gtk3_1q3c5_102:not(#\9) {
+  background-color: var(--color-background-layout-main-m49752, #ffffff);
   grid-column: 1;
   grid-row: 1/3;
-  color: var(--color-text-body-default-01bwmw, #000716);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_background_5gtk3_ju3c7_102.awsui_is-overlap-disabled_5gtk3_ju3c7_115:not(#\9) {
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99 > .awsui_background_5gtk3_1q3c5_102.awsui_is-overlap-disabled_5gtk3_1q3c5_121:not(#\9) {
   grid-row: 1/2;
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_header_5gtk3_ju3c7_105:not(#\9) {
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99 > .awsui_header_5gtk3_1q3c5_105:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  padding-bottom: var(--space-content-header-padding-bottom-98ndis, 24px);
+  padding-bottom: var(--space-content-header-padding-bottom-2cx87f, 24px);
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_content_5gtk3_ju3c7_132:not(#\9) {
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99 > .awsui_content_5gtk3_1q3c5_129:not(#\9) {
   grid-column: 1;
   grid-row: 2/4;
+}
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99:not(#\9):not(.awsui_has-header_5gtk3_1q3c5_133) {
+  grid-template-rows: auto calc(
+        var(--space-dark-header-overlap-distance-l9lxfl, 36px) + var(--awsui-container-first-overlap-extension-8nglyc, 0px) + var(--awsui-container-first-gap-8nglyc, 0px)
+      ) 1fr;
+}
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99:not(#\9):not(.awsui_has-header_5gtk3_1q3c5_133) > .awsui_content_5gtk3_1q3c5_129 {
+  padding-top: var(--awsui-container-first-gap-8nglyc, 0px);
+}
+.awsui_layout_5gtk3_1q3c5_99.awsui_is-visual-refresh_5gtk3_1q3c5_99.awsui_is-overlap-disabled_5gtk3_1q3c5_121:not(#\9) {
+  grid-template-rows: auto 0 1fr;
 }

package/content-layout/styles.selectors.js

@@ -2,11 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_ju3c7_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ju3c7_99",
-  "background": "awsui_background_5gtk3_ju3c7_102",
-  "header": "awsui_header_5gtk3_ju3c7_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ju3c7_115",
-  "content": "awsui_content_5gtk3_ju3c7_132"
+  "layout": "awsui_layout_5gtk3_1q3c5_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1q3c5_99",
+  "background": "awsui_background_5gtk3_1q3c5_102",
+  "header": "awsui_header_5gtk3_1q3c5_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1q3c5_121",
+  "content": "awsui_content_5gtk3_1q3c5_129",
+  "has-header": "awsui_has-header_5gtk3_1q3c5_133"
 };
   

package/date-picker/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_145pa_1dbmz_93",
-  "focus-lock": "awsui_focus-lock_145pa_1dbmz_106",
-  "calendar": "awsui_calendar_145pa_1dbmz_110",
-  "date-picker-container": "awsui_date-picker-container_145pa_1dbmz_123",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1dbmz_128",
-  "date-picker-input": "awsui_date-picker-input_145pa_1dbmz_132",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1dbmz_137"
+  "root": "awsui_root_145pa_kkyhx_93",
+  "focus-lock": "awsui_focus-lock_145pa_kkyhx_106",
+  "calendar": "awsui_calendar_145pa_kkyhx_110",
+  "date-picker-container": "awsui_date-picker-container_145pa_kkyhx_123",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_kkyhx_128",
+  "date-picker-input": "awsui_date-picker-input_145pa_kkyhx_132",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_kkyhx_137"
 };