@cloudscape-design/components 3.0.835 → 3.0.837

package/container/styles.css.js

@@ -1,35 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_1uqiy_185",
-  "fit-height": "awsui_fit-height_14iqq_1uqiy_221",
-  "with-side-media": "awsui_with-side-media_14iqq_1uqiy_226",
-  "variant-default": "awsui_variant-default_14iqq_1uqiy_229",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1uqiy_229",
-  "refresh": "awsui_refresh_14iqq_1uqiy_237",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1uqiy_287",
-  "with-top-media": "awsui_with-top-media_14iqq_1uqiy_299",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1uqiy_304",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1uqiy_309",
-  "media": "awsui_media_14iqq_1uqiy_316",
-  "media-top": "awsui_media-top_14iqq_1uqiy_334",
-  "media-side": "awsui_media-side_14iqq_1uqiy_339",
-  "header": "awsui_header_14iqq_1uqiy_345",
-  "header-full-page": "awsui_header-full-page_14iqq_1uqiy_350",
-  "header-with-media": "awsui_header-with-media_14iqq_1uqiy_353",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1uqiy_359",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1uqiy_363",
-  "header-stuck": "awsui_header-stuck_14iqq_1uqiy_369",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1uqiy_379",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1uqiy_382",
-  "with-paddings": "awsui_with-paddings_14iqq_1uqiy_388",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1uqiy_397",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1uqiy_455",
-  "header-cover": "awsui_header-cover_14iqq_1uqiy_458",
-  "content": "awsui_content_14iqq_1uqiy_304",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1uqiy_486",
-  "content-with-media": "awsui_content-with-media_14iqq_1uqiy_496",
-  "footer": "awsui_footer_14iqq_1uqiy_500",
-  "with-divider": "awsui_with-divider_14iqq_1uqiy_504"
+  "root": "awsui_root_14iqq_1kla9_185",
+  "fit-height": "awsui_fit-height_14iqq_1kla9_221",
+  "with-side-media": "awsui_with-side-media_14iqq_1kla9_226",
+  "variant-default": "awsui_variant-default_14iqq_1kla9_229",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1kla9_229",
+  "refresh": "awsui_refresh_14iqq_1kla9_237",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1kla9_287",
+  "with-top-media": "awsui_with-top-media_14iqq_1kla9_299",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1kla9_304",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1kla9_309",
+  "media": "awsui_media_14iqq_1kla9_316",
+  "media-top": "awsui_media-top_14iqq_1kla9_334",
+  "media-side": "awsui_media-side_14iqq_1kla9_339",
+  "header": "awsui_header_14iqq_1kla9_345",
+  "header-full-page": "awsui_header-full-page_14iqq_1kla9_350",
+  "header-with-media": "awsui_header-with-media_14iqq_1kla9_353",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1kla9_359",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1kla9_363",
+  "header-stuck": "awsui_header-stuck_14iqq_1kla9_369",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1kla9_379",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1kla9_382",
+  "with-paddings": "awsui_with-paddings_14iqq_1kla9_388",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1kla9_397",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1kla9_455",
+  "header-cover": "awsui_header-cover_14iqq_1kla9_458",
+  "content": "awsui_content_14iqq_1kla9_304",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1kla9_486",
+  "content-inner": "awsui_content-inner_14iqq_1kla9_492",
+  "with-header": "awsui_with-header_14iqq_1kla9_499",
+  "footer": "awsui_footer_14iqq_1kla9_503",
+  "with-divider": "awsui_with-divider_14iqq_1kla9_507"
 };
   

package/container/styles.scoped.css

@@ -182,7 +182,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_1uqiy_185:not(#\9) {
+.awsui_root_14iqq_1kla9_185:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -219,15 +219,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_1uqiy_185.awsui_fit-height_14iqq_1uqiy_221:not(#\9) {
+.awsui_root_14iqq_1kla9_185.awsui_fit-height_14iqq_1kla9_221:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_1uqiy_185.awsui_fit-height_14iqq_1uqiy_221.awsui_with-side-media_14iqq_1uqiy_226:not(#\9) {
+.awsui_root_14iqq_1kla9_185.awsui_fit-height_14iqq_1kla9_221.awsui_with-side-media_14iqq_1kla9_226:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_1uqiy_185.awsui_variant-default_14iqq_1uqiy_229:not(#\9), .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9) {
+.awsui_root_14iqq_1kla9_185.awsui_variant-default_14iqq_1kla9_229:not(#\9), .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9) {
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -235,11 +235,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_1uqiy_185.awsui_variant-default_14iqq_1uqiy_229.awsui_refresh_14iqq_1uqiy_237:not(#\9), .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229.awsui_refresh_14iqq_1uqiy_237:not(#\9) {
+.awsui_root_14iqq_1kla9_185.awsui_variant-default_14iqq_1kla9_229.awsui_refresh_14iqq_1kla9_237:not(#\9), .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229.awsui_refresh_14iqq_1kla9_237:not(#\9) {
   border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_root_14iqq_1uqiy_185.awsui_variant-default_14iqq_1uqiy_229:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::before, .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::before {
+.awsui_root_14iqq_1kla9_185.awsui_variant-default_14iqq_1kla9_229:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::before, .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -257,7 +257,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_1uqiy_185.awsui_variant-default_14iqq_1uqiy_229:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::after, .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::after {
+.awsui_root_14iqq_1kla9_185.awsui_variant-default_14iqq_1kla9_229:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::after, .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -273,144 +273,144 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9):not(:last-child), .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9):not(:last-child), .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229 + .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9), .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229 + .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9)::before, .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229 + .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9)::after {
+.awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229 + .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9), .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229 + .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9)::before, .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229 + .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229 + .awsui_root_14iqq_1uqiy_185.awsui_variant-stacked_14iqq_1uqiy_229:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::before {
+.awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229 + .awsui_root_14iqq_1kla9_185.awsui_variant-stacked_14iqq_1kla9_229:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::before {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_root_14iqq_1uqiy_185.awsui_sticky-enabled_14iqq_1uqiy_287:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::before {
+.awsui_root_14iqq_1kla9_185.awsui_sticky-enabled_14iqq_1kla9_287:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
 }
-.awsui_root_14iqq_1uqiy_185.awsui_sticky-enabled_14iqq_1uqiy_287:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237).awsui_variant-stacked_14iqq_1uqiy_229::before {
+.awsui_root_14iqq_1kla9_185.awsui_sticky-enabled_14iqq_1kla9_287:not(#\9):not(.awsui_refresh_14iqq_1kla9_237).awsui_variant-stacked_14iqq_1kla9_229::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
 }
 
-.awsui_with-side-media_14iqq_1uqiy_226:not(#\9) {
+.awsui_with-side-media_14iqq_1kla9_226:not(#\9) {
   display: flex;
   flex-direction: row;
 }
 
-.awsui_with-top-media_14iqq_1uqiy_299:not(#\9) {
+.awsui_with-top-media_14iqq_1kla9_299:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-wrapper_14iqq_1uqiy_304:not(#\9) {
+.awsui_content-wrapper_14iqq_1kla9_304:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_1uqiy_309:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1kla9_309:not(#\9) {
   block-size: 100%;
   overflow: hidden;
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
 
-.awsui_media_14iqq_1uqiy_316:not(#\9) {
+.awsui_media_14iqq_1kla9_316:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_1uqiy_316 img:not(#\9),
-.awsui_media_14iqq_1uqiy_316 video:not(#\9),
-.awsui_media_14iqq_1uqiy_316 picture:not(#\9) {
+.awsui_media_14iqq_1kla9_316 img:not(#\9),
+.awsui_media_14iqq_1kla9_316 video:not(#\9),
+.awsui_media_14iqq_1kla9_316 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_1uqiy_316 iframe:not(#\9) {
+.awsui_media_14iqq_1kla9_316 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_1uqiy_334:not(#\9) {
+.awsui_media-top_14iqq_1kla9_334:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
 }
-.awsui_media-side_14iqq_1uqiy_339:not(#\9) {
+.awsui_media-side_14iqq_1kla9_339:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
 }
 
-.awsui_header_14iqq_1uqiy_345:not(#\9) {
+.awsui_header_14iqq_1kla9_345:not(#\9) {
   background-color: var(--color-background-container-header-clzg6q, #ffffff);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header_14iqq_1uqiy_345.awsui_header-full-page_14iqq_1uqiy_350:not(#\9) {
+.awsui_header_14iqq_1kla9_345.awsui_header-full-page_14iqq_1kla9_350:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_header_14iqq_1uqiy_345.awsui_header-with-media_14iqq_1uqiy_353:not(#\9) {
+.awsui_header_14iqq_1kla9_345.awsui_header-with-media_14iqq_1kla9_353:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_1uqiy_345.awsui_header-with-media_14iqq_1uqiy_353:not(#\9):not(:empty) {
+.awsui_header_14iqq_1kla9_345.awsui_header-with-media_14iqq_1kla9_353:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_1uqiy_359:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1kla9_359:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1uqiy_363:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1kla9_363:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1uqiy_369:not(#\9) {
+.awsui_header-stuck_14iqq_1kla9_369:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_header-stuck_14iqq_1uqiy_369:not(#\9)::before {
+.awsui_header-stuck_14iqq_1kla9_369:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_1uqiy_369:not(#\9):not(.awsui_header-variant-cards_14iqq_1uqiy_379) {
+.awsui_header-stuck_14iqq_1kla9_369:not(#\9):not(.awsui_header-variant-cards_14iqq_1kla9_379) {
   box-shadow: var(--shadow-sticky-embedded-uvh5ry, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
 }
-.awsui_header-dynamic-height_14iqq_1uqiy_382.awsui_header-stuck_14iqq_1uqiy_369:not(#\9) {
+.awsui_header-dynamic-height_14iqq_1kla9_382.awsui_header-stuck_14iqq_1kla9_369:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
 }
-.awsui_header_14iqq_1uqiy_345:not(#\9):not(:empty) {
+.awsui_header_14iqq_1kla9_345:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
-.awsui_header_14iqq_1uqiy_345.awsui_with-paddings_14iqq_1uqiy_388:not(#\9) {
+.awsui_header_14iqq_1kla9_345.awsui_with-paddings_14iqq_1kla9_388:not(#\9) {
   padding-block-start: var(--space-container-header-top-5qav00, 12px);
   padding-block-end: var(--space-container-header-bottom-vj01hn, 8px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_1uqiy_345.awsui_with-paddings_14iqq_1uqiy_388.awsui_header-variant-cards_14iqq_1uqiy_379:not(#\9) {
+.awsui_header_14iqq_1kla9_345.awsui_with-paddings_14iqq_1kla9_388.awsui_header-variant-cards_14iqq_1kla9_379:not(#\9) {
   padding-block: var(--space-container-header-top-5qav00, 12px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_1uqiy_345.awsui_with-hidden-content_14iqq_1uqiy_397:not(#\9) {
+.awsui_header_14iqq_1kla9_345.awsui_with-hidden-content_14iqq_1kla9_397:not(#\9) {
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header-variant-cards_14iqq_1uqiy_379:not(#\9) {
+.awsui_header-variant-cards_14iqq_1kla9_379:not(#\9) {
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1uqiy_379.awsui_refresh_14iqq_1uqiy_237:not(#\9) {
+.awsui_header-variant-cards_14iqq_1kla9_379.awsui_refresh_14iqq_1kla9_237:not(#\9) {
   border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-variant-cards_14iqq_1uqiy_379:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::before {
+.awsui_header-variant-cards_14iqq_1kla9_379:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -428,7 +428,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1uqiy_379:not(#\9):not(.awsui_refresh_14iqq_1uqiy_237)::after {
+.awsui_header-variant-cards_14iqq_1kla9_379:not(#\9):not(.awsui_refresh_14iqq_1kla9_237)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -444,26 +444,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
   box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_header-variant-cards_14iqq_1uqiy_379:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1uqiy_363) {
+.awsui_header-variant-cards_14iqq_1kla9_379:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1kla9_363) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_1uqiy_379.awsui_header-stuck_14iqq_1uqiy_369:not(#\9)::after, .awsui_header-variant-cards_14iqq_1uqiy_379.awsui_header-stuck_14iqq_1uqiy_369:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1kla9_379.awsui_header-stuck_14iqq_1kla9_369:not(#\9)::after, .awsui_header-variant-cards_14iqq_1kla9_379.awsui_header-stuck_14iqq_1kla9_369:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_1uqiy_455.awsui_header-stuck_14iqq_1uqiy_369:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1kla9_455.awsui_header-stuck_14iqq_1kla9_369:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1uqiy_455.awsui_header-stuck_14iqq_1uqiy_369 > .awsui_header-cover_14iqq_1uqiy_458:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1kla9_455.awsui_header-stuck_14iqq_1kla9_369 > .awsui_header-cover_14iqq_1kla9_458:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
   inline-size: 100%;
   position: absolute;
   block-size: var(--space-scaled-s-aqzyko, 12px);
   inset-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px));
 }
-.awsui_header-variant-full-page_14iqq_1uqiy_455.awsui_header-stuck_14iqq_1uqiy_369:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_1kla9_455.awsui_header-stuck_14iqq_1kla9_369:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -473,7 +473,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-variant-full-page_14iqq_1uqiy_455.awsui_header-stuck_14iqq_1uqiy_369:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1kla9_455.awsui_header-stuck_14iqq_1kla9_369:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -481,27 +481,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
 
-.awsui_content_14iqq_1uqiy_304:not(#\9) {
+.awsui_content_14iqq_1kla9_304:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_1uqiy_486:not(#\9) {
+.awsui_content-fit-height_14iqq_1kla9_486:not(#\9) {
   overflow: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.awsui_content-inner_14iqq_1kla9_492:not(#\9) {
+  flex: 1;
 }
-.awsui_content_14iqq_1uqiy_304.awsui_with-paddings_14iqq_1uqiy_388:not(#\9) {
+.awsui_content-inner_14iqq_1kla9_492.awsui_with-paddings_14iqq_1kla9_388:not(#\9) {
   padding-block: var(--space-scaled-l-0hpmd7, 20px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_1uqiy_345 + .awsui_content_14iqq_1uqiy_304.awsui_with-paddings_14iqq_1uqiy_388:not(#\9) {
+.awsui_content-inner_14iqq_1kla9_492.awsui_with-paddings_14iqq_1kla9_388.awsui_with-header_14iqq_1kla9_499:not(#\9) {
   padding-block-start: var(--space-container-content-top-1ae0r3, 4px);
 }
-.awsui_header_14iqq_1uqiy_345 + .awsui_content_14iqq_1uqiy_304.awsui_with-paddings_14iqq_1uqiy_388.awsui_content-with-media_14iqq_1uqiy_496:not(#\9) {
-  padding-block-start: 0;
-}
 
-.awsui_footer_14iqq_1uqiy_500.awsui_with-paddings_14iqq_1uqiy_388:not(#\9) {
+.awsui_footer_14iqq_1kla9_503.awsui_with-paddings_14iqq_1kla9_388:not(#\9) {
   padding-block: var(--space-scaled-s-aqzyko, 12px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_footer_14iqq_1uqiy_500.awsui_with-divider_14iqq_1uqiy_504:not(#\9) {
+.awsui_footer_14iqq_1kla9_503.awsui_with-divider_14iqq_1kla9_507:not(#\9) {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }

package/container/styles.selectors.js

@@ -2,35 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1uqiy_185",
-  "fit-height": "awsui_fit-height_14iqq_1uqiy_221",
-  "with-side-media": "awsui_with-side-media_14iqq_1uqiy_226",
-  "variant-default": "awsui_variant-default_14iqq_1uqiy_229",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1uqiy_229",
-  "refresh": "awsui_refresh_14iqq_1uqiy_237",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1uqiy_287",
-  "with-top-media": "awsui_with-top-media_14iqq_1uqiy_299",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1uqiy_304",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1uqiy_309",
-  "media": "awsui_media_14iqq_1uqiy_316",
-  "media-top": "awsui_media-top_14iqq_1uqiy_334",
-  "media-side": "awsui_media-side_14iqq_1uqiy_339",
-  "header": "awsui_header_14iqq_1uqiy_345",
-  "header-full-page": "awsui_header-full-page_14iqq_1uqiy_350",
-  "header-with-media": "awsui_header-with-media_14iqq_1uqiy_353",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1uqiy_359",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1uqiy_363",
-  "header-stuck": "awsui_header-stuck_14iqq_1uqiy_369",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1uqiy_379",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1uqiy_382",
-  "with-paddings": "awsui_with-paddings_14iqq_1uqiy_388",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1uqiy_397",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1uqiy_455",
-  "header-cover": "awsui_header-cover_14iqq_1uqiy_458",
-  "content": "awsui_content_14iqq_1uqiy_304",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1uqiy_486",
-  "content-with-media": "awsui_content-with-media_14iqq_1uqiy_496",
-  "footer": "awsui_footer_14iqq_1uqiy_500",
-  "with-divider": "awsui_with-divider_14iqq_1uqiy_504"
+  "root": "awsui_root_14iqq_1kla9_185",
+  "fit-height": "awsui_fit-height_14iqq_1kla9_221",
+  "with-side-media": "awsui_with-side-media_14iqq_1kla9_226",
+  "variant-default": "awsui_variant-default_14iqq_1kla9_229",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1kla9_229",
+  "refresh": "awsui_refresh_14iqq_1kla9_237",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1kla9_287",
+  "with-top-media": "awsui_with-top-media_14iqq_1kla9_299",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1kla9_304",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1kla9_309",
+  "media": "awsui_media_14iqq_1kla9_316",
+  "media-top": "awsui_media-top_14iqq_1kla9_334",
+  "media-side": "awsui_media-side_14iqq_1kla9_339",
+  "header": "awsui_header_14iqq_1kla9_345",
+  "header-full-page": "awsui_header-full-page_14iqq_1kla9_350",
+  "header-with-media": "awsui_header-with-media_14iqq_1kla9_353",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1kla9_359",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1kla9_363",
+  "header-stuck": "awsui_header-stuck_14iqq_1kla9_369",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1kla9_379",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1kla9_382",
+  "with-paddings": "awsui_with-paddings_14iqq_1kla9_388",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1kla9_397",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1kla9_455",
+  "header-cover": "awsui_header-cover_14iqq_1kla9_458",
+  "content": "awsui_content_14iqq_1kla9_304",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1kla9_486",
+  "content-inner": "awsui_content-inner_14iqq_1kla9_492",
+  "with-header": "awsui_with-header_14iqq_1kla9_499",
+  "footer": "awsui_footer_14iqq_1kla9_503",
+  "with-divider": "awsui_with-divider_14iqq_1kla9_507"
 };
   

package/container/test-classes/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "content-inner": "awsui_content-inner_1mwlm_oyjaq_5"
+};
+  

package/container/test-classes/styles.scoped.css

@@ -0,0 +1,7 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_content-inner_1mwlm_oyjaq_5:not(#\9) {
+  /* used in test-utils */
+}

package/container/test-classes/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "content-inner": "awsui_content-inner_1mwlm_oyjaq_5"
+};
+  

package/date-range-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA6BhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAuEhC,QAAA,MAAM,eAAe,uGAiQpB,CAAC;AAGF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA6BhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AA0DhC,QAAA,MAAM,eAAe,uGAiQpB,CAAC;AAGF,eAAe,eAAe,CAAC"}

package/date-range-picker/index.js

@@ -4,7 +4,6 @@ import { __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
-import InternalBox from '../box/internal';
 import { useInternalI18n } from '../i18n/context';
 import InternalIcon from '../icon/internal';
 import { getBaseProps } from '../internal/base-component';
@@ -24,7 +23,8 @@ import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { isDevelopment } from '../internal/is-development.js';
 import { KeyCode } from '../internal/keycode';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { formatDateRange, isIsoDateOnly } from '../internal/utils/date-time';
+import { isIsoDateOnly } from '../internal/utils/date-time';
+import { formatDateTimeWithOffset } from '../internal/utils/date-time/format-date-time-with-offset';
 import { normalizeLocale } from '../internal/utils/locale';
 import { joinStrings } from '../internal/utils/strings/join-strings';
 import { DateRangePickerDropdown } from './dropdown';
@@ -33,24 +33,30 @@ import { formatValue } from './utils';
 import styles from './styles.css.js';
 function renderDateRange({ locale, range, placeholder = '', formatRelativeRange, absoluteFormat, hideTimeOffset, timeOffset, }) {
     var _a;
-    if (!range) {
-        return (React.createElement("span", { className: styles['label-text'], "aria-disabled": true }, placeholder));
-    }
-    const formatted = range.type === 'relative' ? ((_a = formatRelativeRange === null || formatRelativeRange === void 0 ? void 0 : formatRelativeRange(range)) !== null && _a !== void 0 ? _a : '') : (React.createElement(BreakSpaces, { text: formatDateRange({
-            startDate: range.startDate,
-            endDate: range.endDate,
-            timeOffset,
+    const firstPart = range
+        ? range.type === 'relative'
+            ? (_a = formatRelativeRange === null || formatRelativeRange === void 0 ? void 0 : formatRelativeRange(range)) !== null && _a !== void 0 ? _a : ''
+            : formatDateTimeWithOffset({
+                date: range.startDate,
+                timeOffset: timeOffset.startDate,
+                hideTimeOffset,
+                format: absoluteFormat,
+                locale,
+            })
+        : placeholder;
+    const secondPart = (range === null || range === void 0 ? void 0 : range.type) === 'absolute'
+        ? formatDateTimeWithOffset({
+            date: range.endDate,
+            timeOffset: timeOffset.endDate,
             hideTimeOffset,
             format: absoluteFormat,
             locale,
-        }) }));
-    return (React.createElement(InternalBox, { fontWeight: "normal", display: "inline", color: "inherit", variant: "span" }, formatted));
-}
-function BreakSpaces({ text }) {
-    const tokens = text.split(/( )/);
-    return (React.createElement(React.Fragment, null, tokens.map((token, index) => (React.createElement(React.Fragment, { key: index },
-        token.length > 1 ? React.createElement("span", { className: styles['label-token-nowrap'] }, token) : token,
-        token === ' ' && React.createElement("wbr", null))))));
+        })
+        : '';
+    return (React.createElement("span", { className: (!range && styles['label-text']) || undefined, "aria-disabled": !range },
+        React.createElement("span", { className: (range === null || range === void 0 ? void 0 : range.type) === 'absolute' ? styles['label-token-nowrap'] : undefined }, firstPart),
+        React.createElement("span", null, secondPart && ' — '),
+        React.createElement("span", { className: styles['label-token-nowrap'] }, secondPart)));
 }
 function isDateOnly(value) {
     if (!value || value.type !== 'absolute') {