@cloudscape-design/components 3.0.464 → 3.0.466

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_1x1rn_97:not(#\9) {
+.awsui_root_14iqq_1l9ij_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -126,7 +126,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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;
@@ -134,20 +134,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_1x1rn_97.awsui_fit-height_14iqq_1x1rn_111:not(#\9) {
+.awsui_root_14iqq_1l9ij_97.awsui_fit-height_14iqq_1l9ij_111:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_1x1rn_97.awsui_fit-height_14iqq_1x1rn_111.awsui_with-side-media_14iqq_1x1rn_116:not(#\9) {
+.awsui_root_14iqq_1l9ij_97.awsui_fit-height_14iqq_1l9ij_111.awsui_with-side-media_14iqq_1l9ij_116:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9) {
+.awsui_root_14iqq_1l9ij_97.awsui_variant-default_14iqq_1l9ij_119:not(#\9), .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9) {
+  background-color: var(--color-background-container-content-4un1ap, #ffffff);
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
-  background-color: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9)::before, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before {
+.awsui_root_14iqq_1l9ij_97.awsui_variant-default_14iqq_1l9ij_119.awsui_refresh_14iqq_1l9ij_124:not(#\9), .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119.awsui_refresh_14iqq_1l9ij_124:not(#\9) {
+  border: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
+}
+.awsui_root_14iqq_1l9ij_97.awsui_variant-default_14iqq_1l9ij_119:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::before, .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -162,7 +165,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9)::after, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::after {
+.awsui_root_14iqq_1l9ij_97.awsui_variant-default_14iqq_1l9ij_119:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::after, .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -172,138 +175,130 @@ 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-mwue46, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
   border-radius: var(--border-radius-container-wqv1zi, 16px);
-  mix-blend-mode: multiply;
-}
-@media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_1x1rn_97.awsui_variant-default_14iqq_1x1rn_119:not(#\9), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9) {
-    border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
-  }
+  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-.awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9):not(:last-child), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9):not(:last-child), .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
+  border-bottom-width: 0;
 }
-.awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9), .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before, .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::after {
+.awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119 + .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9), .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119 + .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9)::before, .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119 + .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before {
-  border-top: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+.awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119 + .awsui_root_14iqq_1l9ij_97.awsui_variant-stacked_14iqq_1l9ij_119:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::before {
+  border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119 + .awsui_root_14iqq_1x1rn_97.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::after {
-  box-shadow: var(--shadow-container-stacked-4gw245, -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_1x1rn_97.awsui_sticky-enabled_14iqq_1x1rn_172:not(#\9)::before {
+.awsui_root_14iqq_1l9ij_97.awsui_sticky-enabled_14iqq_1l9ij_167:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::before {
   top: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
 }
-.awsui_root_14iqq_1x1rn_97.awsui_sticky-enabled_14iqq_1x1rn_172.awsui_variant-stacked_14iqq_1x1rn_119:not(#\9)::before {
-  top: calc(-1 * var(--border-divider-section-width-8a5uu9, 2px));
+.awsui_root_14iqq_1l9ij_97.awsui_sticky-enabled_14iqq_1l9ij_167:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124).awsui_variant-stacked_14iqq_1l9ij_119::before {
+  top: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
 }
 
-.awsui_with-side-media_14iqq_1x1rn_116:not(#\9) {
+.awsui_with-side-media_14iqq_1l9ij_116:not(#\9) {
   display: flex;
   flex-direction: row;
 }
 
-.awsui_with-top-media_14iqq_1x1rn_184:not(#\9) {
+.awsui_with-top-media_14iqq_1l9ij_179:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_content-wrapper_14iqq_1x1rn_189:not(#\9) {
+.awsui_content-wrapper_14iqq_1l9ij_184:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_1x1rn_194:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1l9ij_189:not(#\9) {
   height: 100%;
   overflow: hidden;
 }
 
-.awsui_media_14iqq_1x1rn_199:not(#\9) {
+.awsui_media_14iqq_1l9ij_194:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_1x1rn_199 img:not(#\9),
-.awsui_media_14iqq_1x1rn_199 video:not(#\9),
-.awsui_media_14iqq_1x1rn_199 picture:not(#\9) {
+.awsui_media_14iqq_1l9ij_194 img:not(#\9),
+.awsui_media_14iqq_1l9ij_194 video:not(#\9),
+.awsui_media_14iqq_1l9ij_194 picture:not(#\9) {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_1x1rn_199 iframe:not(#\9) {
+.awsui_media_14iqq_1l9ij_194 iframe:not(#\9) {
   width: 100%;
   height: 100%;
   border: 0;
 }
-.awsui_media-top_14iqq_1x1rn_216:not(#\9) {
+.awsui_media-top_14iqq_1l9ij_211:not(#\9) {
   max-height: 66%;
   border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
   border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_media-side_14iqq_1x1rn_221:not(#\9) {
+.awsui_media-side_14iqq_1l9ij_216:not(#\9) {
   max-width: 66%;
   border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
   border-bottom-left-radius: var(--border-radius-container-wqv1zi, 16px);
 }
 
-.awsui_header_14iqq_1x1rn_227:not(#\9) {
+.awsui_header_14iqq_1l9ij_222:not(#\9) {
   background-color: var(--color-background-container-header-8b9fgi, #ffffff);
   border-top-left-radius: var(--border-radius-container-wqv1zi, 16px);
   border-top-right-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header_14iqq_1x1rn_227.awsui_header-with-media_14iqq_1x1rn_232:not(#\9) {
+.awsui_header_14iqq_1l9ij_222.awsui_header-with-media_14iqq_1l9ij_227:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_1x1rn_227.awsui_header-with-media_14iqq_1x1rn_232:not(#\9):not(:empty) {
+.awsui_header_14iqq_1l9ij_222.awsui_header-with-media_14iqq_1l9ij_227:not(#\9):not(:empty) {
   border-bottom: none;
 }
-.awsui_header-sticky-disabled_14iqq_1x1rn_238:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1l9ij_233:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1x1rn_242:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1l9ij_237:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1x1rn_248:not(#\9) {
+.awsui_header-stuck_14iqq_1l9ij_243:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::before {
+.awsui_header-stuck_14iqq_1l9ij_243:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_1x1rn_248:not(#\9):not(.awsui_header-variant-cards_14iqq_1x1rn_254) {
+.awsui_header-stuck_14iqq_1l9ij_243:not(#\9):not(.awsui_header-variant-cards_14iqq_1l9ij_249) {
   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_1x1rn_257.awsui_header-stuck_14iqq_1x1rn_248:not(#\9) {
+.awsui_header-dynamic-height_14iqq_1l9ij_252.awsui_header-stuck_14iqq_1l9ij_243:not(#\9) {
   margin-bottom: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
 }
-.awsui_header_14iqq_1x1rn_227:not(#\9):not(:empty) {
+.awsui_header_14iqq_1l9ij_222:not(#\9):not(:empty) {
   border-bottom: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
-.awsui_header_14iqq_1x1rn_227.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
+.awsui_header_14iqq_1l9ij_222.awsui_with-paddings_14iqq_1l9ij_258:not(#\9) {
   padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px) var(--space-container-header-bottom-vj01hn, 8px);
 }
-.awsui_header_14iqq_1x1rn_227.awsui_with-paddings_14iqq_1x1rn_263.awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9) {
+.awsui_header_14iqq_1l9ij_222.awsui_with-paddings_14iqq_1l9ij_258.awsui_header-variant-cards_14iqq_1l9ij_249:not(#\9) {
   padding: var(--space-container-header-top-5qav00, 12px) var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_1x1rn_227.awsui_with-hidden-content_14iqq_1x1rn_269:not(#\9) {
+.awsui_header_14iqq_1l9ij_222.awsui_with-hidden-content_14iqq_1l9ij_264:not(#\9) {
   border-bottom-left-radius: var(--border-radius-container-wqv1zi, 16px);
   border-bottom-right-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9) {
+.awsui_header-variant-cards_14iqq_1l9ij_249:not(#\9) {
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1x1rn_242) {
-  position: relative;
+.awsui_header-variant-cards_14iqq_1l9ij_249.awsui_refresh_14iqq_1l9ij_124:not(#\9) {
+  border: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1l9ij_249:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -318,7 +313,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-wqv1zi, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9)::after {
+.awsui_header-variant-cards_14iqq_1l9ij_249:not(#\9):not(.awsui_refresh_14iqq_1l9ij_124)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -328,31 +323,28 @@ 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-mwue46, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
   border-radius: var(--border-radius-container-wqv1zi, 16px);
-  mix-blend-mode: multiply;
+  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
 }
-@media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_1x1rn_254:not(#\9) {
-    border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
-  }
+.awsui_header-variant-cards_14iqq_1l9ij_249:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1l9ij_237) {
+  position: relative;
 }
-.awsui_header-variant-cards_14iqq_1x1rn_254.awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::after, .awsui_header-variant-cards_14iqq_1x1rn_254.awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1l9ij_249.awsui_header-stuck_14iqq_1l9ij_243:not(#\9)::after, .awsui_header-variant-cards_14iqq_1l9ij_249.awsui_header-stuck_14iqq_1l9ij_243:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_1x1rn_319.awsui_header-stuck_14iqq_1x1rn_248:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1l9ij_311.awsui_header-stuck_14iqq_1l9ij_243:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1x1rn_319.awsui_header-stuck_14iqq_1x1rn_248:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1l9ij_311.awsui_header-stuck_14iqq_1l9ij_243:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
-  box-shadow: var(--shadow-sticky-frfqle, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
+  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
 
@@ -360,30 +352,30 @@ 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_1x1rn_337:not(#\9) {
+.awsui_dark-header_14iqq_1l9ij_329:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
-  color: var(--color-text-body-default-2sxhhn, #000716);
+  color: var(--color-text-body-default-at06ol, #000716);
 }
 
-.awsui_content_14iqq_1x1rn_189:not(#\9) {
+.awsui_content_14iqq_1l9ij_184:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_1x1rn_345:not(#\9) {
+.awsui_content-fit-height_14iqq_1l9ij_337:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_1x1rn_189.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
+.awsui_content_14iqq_1l9ij_184.awsui_with-paddings_14iqq_1l9ij_258:not(#\9) {
   padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_header_14iqq_1x1rn_227 + .awsui_content_14iqq_1x1rn_189.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
+.awsui_header_14iqq_1l9ij_222 + .awsui_content_14iqq_1l9ij_184.awsui_with-paddings_14iqq_1l9ij_258:not(#\9) {
   padding-top: var(--space-container-content-top-1ae0r3, 4px);
 }
-.awsui_header_14iqq_1x1rn_227 + .awsui_content_14iqq_1x1rn_189.awsui_with-paddings_14iqq_1x1rn_263.awsui_content-with-media_14iqq_1x1rn_354:not(#\9) {
+.awsui_header_14iqq_1l9ij_222 + .awsui_content_14iqq_1l9ij_184.awsui_with-paddings_14iqq_1l9ij_258.awsui_content-with-media_14iqq_1l9ij_346:not(#\9) {
   padding-top: 0;
 }
 
-.awsui_footer_14iqq_1x1rn_358.awsui_with-paddings_14iqq_1x1rn_263:not(#\9) {
+.awsui_footer_14iqq_1l9ij_350.awsui_with-paddings_14iqq_1l9ij_258:not(#\9) {
   padding: var(--space-scaled-s-aqzyko, 12px) var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_footer_14iqq_1x1rn_358.awsui_with-divider_14iqq_1x1rn_361:not(#\9) {
-  border-top: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
+.awsui_footer_14iqq_1l9ij_350.awsui_with-divider_14iqq_1l9ij_353:not(#\9) {
+  border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }

package/container/styles.selectors.js

@@ -2,33 +2,34 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.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"
 };
   

package/container/use-sticky-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-header.d.ts","sourceRoot":"lib/default/","sources":["container/use-sticky-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoE,MAAM,OAAO,CAAC;AAOpG,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAe,EACf,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,eAAmB,EACnB,eAAe,EACf,uBAAuB,GACxB,EAAE,kBAAkB,UA8BpB;AAED,eAAO,MAAM,mBAAmB,mDAE9B,CAAC;AAEH,eAAO,MAAM,eAAe,YACjB,UAAU,cAAc,CAAC,aACvB,UAAU,cAAc,CAAC,mBACnB,OAAO,mBACP,MAAM,yBACA,MAAM;;;;;;;;;;CAyE9B,CAAC"}
+{"version":3,"file":"use-sticky-header.d.ts","sourceRoot":"lib/default/","sources":["container/use-sticky-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoE,MAAM,OAAO,CAAC;AAOpG,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAe,EACf,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,eAAmB,EACnB,eAAe,EACf,uBAAuB,GACxB,EAAE,kBAAkB,UA8BpB;AAED,eAAO,MAAM,mBAAmB,mDAE9B,CAAC;AAEH,eAAO,MAAM,eAAe,YACjB,UAAU,cAAc,CAAC,aACvB,UAAU,cAAc,CAAC,mBACnB,OAAO,mBACP,MAAM,yBACA,MAAM;;;;;;;;;;CA2E9B,CAAC"}

package/container/use-sticky-header.js

@@ -78,7 +78,8 @@ export const useStickyHeader = (rootRef, headerRef, __stickyHeader, __stickyOffs
     // box-shadow, applied here by a "header-stuck" className
     const checkIfStuck = useCallback(() => {
         if (rootRef.current && headerRef.current) {
-            const rootTop = rootRef.current.getBoundingClientRect().top;
+            const rootTopBorderWidth = parseFloat(getComputedStyle(rootRef.current).borderTopWidth) || 0;
+            const rootTop = rootRef.current.getBoundingClientRect().top + rootTopBorderWidth;
             const headerTop = headerRef.current.getBoundingClientRect().top;
             if (rootTop < headerTop) {
                 setIsStuck(true);

package/container/use-sticky-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky-header.js","sourceRoot":"lib/default/","sources":["container/use-sticky-header.ts"],"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 { RefObject, useState, useLayoutEffect, useCallback, useEffect, createContext } from 'react';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { findUpUntil, supportsStickyPosition } from '../internal/utils/dom';\nimport { getOverflowParents } from '../internal/utils/scrollable-containers';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { useMobile } from '../internal/hooks/use-mobile';\ninterface StickyHeaderContextProps {\n  isStuck: boolean;\n}\n\ninterface ComputeOffsetProps {\n  isMobile: boolean;\n  isVisualRefresh: boolean;\n  customCssProps: Record<string, string>;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  mobileBarHeight?: number;\n  stickyOffsetTop: number;\n  hasInnerOverflowParents: boolean;\n}\n\nexport function computeOffset({\n  isMobile,\n  isVisualRefresh,\n  customCssProps,\n  __stickyOffset,\n  __mobileStickyOffset,\n  mobileBarHeight = 0,\n  stickyOffsetTop,\n  hasInnerOverflowParents,\n}: ComputeOffsetProps) {\n  const effectiveStickyOffset = __stickyOffset ?? (hasInnerOverflowParents ? 0 : stickyOffsetTop);\n  /**\n   * The AppLayout refactor removed the need for passing the sticky offset in px all the time through the\n   * AppLayoutDomContext provider because that information already exists on the DOM in a custom property\n   * on the Layout subcomponent. Thus, if the Container header is sticky, we are in Visual Refresh and use\n   * body scroll then we will use that property. When a component is used outside AppLayout, we fall back\n   * to the default offset calculated in AppLayoutDomContext.\n   */\n  let computedOffset = `${effectiveStickyOffset}px`;\n  if (isMobile) {\n    // This mobile offset is only relevant for full page tables in the mobile viewport.\n    // It is obtained by the sum of stickyOffsetTop (AppLayout header height), mobileBarHeight (AppLayout mobile bar height) and\n    // __stickyOffset (value of the stickyHeaderVerticalOffset, set by users), from which we subtract __mobileStickyOffset (which is the table tools header height).\n\n    // Classic offset is calculated using the AppLayout context\n    const classicOffset = `${\n      stickyOffsetTop + mobileBarHeight + (__stickyOffset ?? 0) - (__mobileStickyOffset ?? 0)\n    }px`;\n\n    // VR offset is calculated using CSS custom properties\n    const visualRefreshOffset = `calc(var(${customCssProps.offsetTop}, 0px) + var(${\n      customCssProps.mobileBarHeight\n    }, 0px) + ${(__stickyOffset ?? 0) - (__mobileStickyOffset ?? 0)}px)`;\n\n    computedOffset = isVisualRefresh ? visualRefreshOffset : classicOffset;\n  } else if (isVisualRefresh && !hasInnerOverflowParents) {\n    computedOffset = `var(${customCssProps.offsetTopWithNotifications}, ${computedOffset})`;\n  }\n  return computedOffset;\n}\n\nexport const StickyHeaderContext = createContext<StickyHeaderContextProps>({\n  isStuck: false,\n});\n\nexport const useStickyHeader = (\n  rootRef: RefObject<HTMLDivElement>,\n  headerRef: RefObject<HTMLDivElement>,\n  __stickyHeader?: boolean,\n  __stickyOffset?: number,\n  __mobileStickyOffset?: number,\n  __disableMobile = true\n) => {\n  const isMobile = useMobile();\n  // We reach into AppLayoutContext in case sticky header needs to be offset down by the height\n  // of other sticky elements positioned on top of the view.\n  const { stickyOffsetTop, mobileBarHeight } = useAppLayoutContext();\n  const disableSticky = isMobile && __disableMobile;\n  const isSticky = supportsStickyPosition() && !disableSticky && !!__stickyHeader;\n  const isVisualRefresh = useVisualRefresh();\n\n  // If it has overflow parents inside the app layout, we shouldn't apply a sticky offset.\n  const [hasInnerOverflowParents, setHasInnerOverflowParents] = useState(false);\n  const [isStuck, setIsStuck] = useState(false);\n  useLayoutEffect(() => {\n    if (rootRef.current) {\n      const overflowParents = getOverflowParents(rootRef.current);\n      const mainElement = findUpUntil(rootRef.current, elem => elem.tagName === 'MAIN');\n      // In both versions of the app layout, the scrolling element for disableBodyScroll\n      // is the <main>. If the closest overflow parent is also the closest <main> and we have\n      // offset values, it's safe to assume that it's the app layout scroll root and we\n      // should stop there.\n      setHasInnerOverflowParents(overflowParents.length > 0 && overflowParents[0] !== mainElement);\n    }\n  }, [rootRef]);\n\n  const computedOffset = computeOffset({\n    isMobile,\n    isVisualRefresh,\n    customCssProps,\n    __stickyOffset,\n    __mobileStickyOffset,\n    mobileBarHeight,\n    stickyOffsetTop,\n    hasInnerOverflowParents,\n  });\n\n  const stickyStyles = isSticky\n    ? {\n        style: {\n          top: computedOffset,\n        },\n      }\n    : {};\n\n  // \"stuck\" state, when the header has moved from its original posititon has a\n  // box-shadow, applied here by a \"header-stuck\" className\n  const checkIfStuck = useCallback(() => {\n    if (rootRef.current && headerRef.current) {\n      const rootTop = rootRef.current.getBoundingClientRect().top;\n      const headerTop = headerRef.current.getBoundingClientRect().top;\n      if (rootTop < headerTop) {\n        setIsStuck(true);\n      } else {\n        setIsStuck(false);\n      }\n    }\n  }, [rootRef, headerRef]);\n  useEffect(() => {\n    if (isSticky) {\n      window.addEventListener('scroll', checkIfStuck, true);\n      window.addEventListener('resize', checkIfStuck);\n      return () => {\n        window.removeEventListener('scroll', checkIfStuck, true);\n        window.removeEventListener('resize', checkIfStuck);\n      };\n    }\n  }, [isSticky, checkIfStuck]);\n  return {\n    isSticky,\n    isStuck,\n    stickyStyles,\n  };\n};\n"]}
+{"version":3,"file":"use-sticky-header.js","sourceRoot":"lib/default/","sources":["container/use-sticky-header.ts"],"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 { RefObject, useState, useLayoutEffect, useCallback, useEffect, createContext } from 'react';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { findUpUntil, supportsStickyPosition } from '../internal/utils/dom';\nimport { getOverflowParents } from '../internal/utils/scrollable-containers';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { useMobile } from '../internal/hooks/use-mobile';\ninterface StickyHeaderContextProps {\n  isStuck: boolean;\n}\n\ninterface ComputeOffsetProps {\n  isMobile: boolean;\n  isVisualRefresh: boolean;\n  customCssProps: Record<string, string>;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  mobileBarHeight?: number;\n  stickyOffsetTop: number;\n  hasInnerOverflowParents: boolean;\n}\n\nexport function computeOffset({\n  isMobile,\n  isVisualRefresh,\n  customCssProps,\n  __stickyOffset,\n  __mobileStickyOffset,\n  mobileBarHeight = 0,\n  stickyOffsetTop,\n  hasInnerOverflowParents,\n}: ComputeOffsetProps) {\n  const effectiveStickyOffset = __stickyOffset ?? (hasInnerOverflowParents ? 0 : stickyOffsetTop);\n  /**\n   * The AppLayout refactor removed the need for passing the sticky offset in px all the time through the\n   * AppLayoutDomContext provider because that information already exists on the DOM in a custom property\n   * on the Layout subcomponent. Thus, if the Container header is sticky, we are in Visual Refresh and use\n   * body scroll then we will use that property. When a component is used outside AppLayout, we fall back\n   * to the default offset calculated in AppLayoutDomContext.\n   */\n  let computedOffset = `${effectiveStickyOffset}px`;\n  if (isMobile) {\n    // This mobile offset is only relevant for full page tables in the mobile viewport.\n    // It is obtained by the sum of stickyOffsetTop (AppLayout header height), mobileBarHeight (AppLayout mobile bar height) and\n    // __stickyOffset (value of the stickyHeaderVerticalOffset, set by users), from which we subtract __mobileStickyOffset (which is the table tools header height).\n\n    // Classic offset is calculated using the AppLayout context\n    const classicOffset = `${\n      stickyOffsetTop + mobileBarHeight + (__stickyOffset ?? 0) - (__mobileStickyOffset ?? 0)\n    }px`;\n\n    // VR offset is calculated using CSS custom properties\n    const visualRefreshOffset = `calc(var(${customCssProps.offsetTop}, 0px) + var(${\n      customCssProps.mobileBarHeight\n    }, 0px) + ${(__stickyOffset ?? 0) - (__mobileStickyOffset ?? 0)}px)`;\n\n    computedOffset = isVisualRefresh ? visualRefreshOffset : classicOffset;\n  } else if (isVisualRefresh && !hasInnerOverflowParents) {\n    computedOffset = `var(${customCssProps.offsetTopWithNotifications}, ${computedOffset})`;\n  }\n  return computedOffset;\n}\n\nexport const StickyHeaderContext = createContext<StickyHeaderContextProps>({\n  isStuck: false,\n});\n\nexport const useStickyHeader = (\n  rootRef: RefObject<HTMLDivElement>,\n  headerRef: RefObject<HTMLDivElement>,\n  __stickyHeader?: boolean,\n  __stickyOffset?: number,\n  __mobileStickyOffset?: number,\n  __disableMobile = true\n) => {\n  const isMobile = useMobile();\n  // We reach into AppLayoutContext in case sticky header needs to be offset down by the height\n  // of other sticky elements positioned on top of the view.\n  const { stickyOffsetTop, mobileBarHeight } = useAppLayoutContext();\n  const disableSticky = isMobile && __disableMobile;\n  const isSticky = supportsStickyPosition() && !disableSticky && !!__stickyHeader;\n  const isVisualRefresh = useVisualRefresh();\n\n  // If it has overflow parents inside the app layout, we shouldn't apply a sticky offset.\n  const [hasInnerOverflowParents, setHasInnerOverflowParents] = useState(false);\n  const [isStuck, setIsStuck] = useState(false);\n  useLayoutEffect(() => {\n    if (rootRef.current) {\n      const overflowParents = getOverflowParents(rootRef.current);\n      const mainElement = findUpUntil(rootRef.current, elem => elem.tagName === 'MAIN');\n      // In both versions of the app layout, the scrolling element for disableBodyScroll\n      // is the <main>. If the closest overflow parent is also the closest <main> and we have\n      // offset values, it's safe to assume that it's the app layout scroll root and we\n      // should stop there.\n      setHasInnerOverflowParents(overflowParents.length > 0 && overflowParents[0] !== mainElement);\n    }\n  }, [rootRef]);\n\n  const computedOffset = computeOffset({\n    isMobile,\n    isVisualRefresh,\n    customCssProps,\n    __stickyOffset,\n    __mobileStickyOffset,\n    mobileBarHeight,\n    stickyOffsetTop,\n    hasInnerOverflowParents,\n  });\n\n  const stickyStyles = isSticky\n    ? {\n        style: {\n          top: computedOffset,\n        },\n      }\n    : {};\n\n  // \"stuck\" state, when the header has moved from its original posititon has a\n  // box-shadow, applied here by a \"header-stuck\" className\n  const checkIfStuck = useCallback(() => {\n    if (rootRef.current && headerRef.current) {\n      const rootTopBorderWidth = parseFloat(getComputedStyle(rootRef.current).borderTopWidth) || 0;\n      const rootTop = rootRef.current.getBoundingClientRect().top + rootTopBorderWidth;\n      const headerTop = headerRef.current.getBoundingClientRect().top;\n\n      if (rootTop < headerTop) {\n        setIsStuck(true);\n      } else {\n        setIsStuck(false);\n      }\n    }\n  }, [rootRef, headerRef]);\n  useEffect(() => {\n    if (isSticky) {\n      window.addEventListener('scroll', checkIfStuck, true);\n      window.addEventListener('resize', checkIfStuck);\n      return () => {\n        window.removeEventListener('scroll', checkIfStuck, true);\n        window.removeEventListener('resize', checkIfStuck);\n      };\n    }\n  }, [isSticky, checkIfStuck]);\n  return {\n    isSticky,\n    isStuck,\n    stickyStyles,\n  };\n};\n"]}

package/content-layout/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_lh8g2_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_lh8g2_99",
-  "background": "awsui_background_5gtk3_lh8g2_102",
-  "header": "awsui_header_5gtk3_lh8g2_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_lh8g2_121",
-  "content": "awsui_content_5gtk3_lh8g2_129",
-  "has-header": "awsui_has-header_5gtk3_lh8g2_133"
+  "layout": "awsui_layout_5gtk3_1fwv7_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1fwv7_99",
+  "background": "awsui_background_5gtk3_1fwv7_102",
+  "header": "awsui_header_5gtk3_1fwv7_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1fwv7_121",
+  "content": "awsui_content_5gtk3_1fwv7_129",
+  "has-header": "awsui_has-header_5gtk3_1fwv7_133"
 };
   

package/content-layout/styles.scoped.css

@@ -96,48 +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_lh8g2_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_lh8g2_99) {
+.awsui_layout_5gtk3_1fwv7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1fwv7_99) {
   display: contents;
 }
-.awsui_layout_5gtk3_lh8g2_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_lh8g2_99) > .awsui_background_5gtk3_lh8g2_102 {
+.awsui_layout_5gtk3_1fwv7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1fwv7_99) > .awsui_background_5gtk3_1fwv7_102 {
   display: none;
 }
-.awsui_layout_5gtk3_lh8g2_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_lh8g2_99) > .awsui_header_5gtk3_lh8g2_105 {
+.awsui_layout_5gtk3_1fwv7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1fwv7_99) > .awsui_header_5gtk3_1fwv7_105 {
   padding-bottom: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
 
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99:not(#\9) {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99:not(#\9) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   grid-template-rows: auto var(--space-dark-header-overlap-distance-lxpp0s, 36px) 1fr;
   min-height: 100%;
 }
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_background_5gtk3_lh8g2_102:not(#\9) {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_background_5gtk3_1fwv7_102:not(#\9) {
   background-color: var(--color-background-layout-main-nx09lr, #ffffff);
   grid-column: 1;
   grid-row: 1/3;
-  color: var(--color-text-body-default-2sxhhn, #000716);
+  color: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_background_5gtk3_lh8g2_102.awsui_is-overlap-disabled_5gtk3_lh8g2_121:not(#\9) {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_background_5gtk3_1fwv7_102.awsui_is-overlap-disabled_5gtk3_1fwv7_121:not(#\9) {
   grid-row: 1/2;
 }
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_header_5gtk3_lh8g2_105:not(#\9) {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_header_5gtk3_1fwv7_105:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   padding-bottom: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99 > .awsui_content_5gtk3_lh8g2_129:not(#\9) {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99 > .awsui_content_5gtk3_1fwv7_129:not(#\9) {
   grid-column: 1;
   grid-row: 2/4;
 }
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99:not(#\9):not(.awsui_has-header_5gtk3_lh8g2_133) {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99:not(#\9):not(.awsui_has-header_5gtk3_1fwv7_133) {
   grid-template-rows: auto calc(
         var(--space-dark-header-overlap-distance-lxpp0s, 36px) + var(--awsui-container-first-overlap-extension-y98gph, 0px) + var(--awsui-container-first-gap-y98gph, 0px)
       ) 1fr;
 }
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99:not(#\9):not(.awsui_has-header_5gtk3_lh8g2_133) > .awsui_content_5gtk3_lh8g2_129 {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99:not(#\9):not(.awsui_has-header_5gtk3_1fwv7_133) > .awsui_content_5gtk3_1fwv7_129 {
   padding-top: var(--awsui-container-first-gap-y98gph, 0px);
 }
-.awsui_layout_5gtk3_lh8g2_99.awsui_is-visual-refresh_5gtk3_lh8g2_99.awsui_is-overlap-disabled_5gtk3_lh8g2_121:not(#\9) {
+.awsui_layout_5gtk3_1fwv7_99.awsui_is-visual-refresh_5gtk3_1fwv7_99.awsui_is-overlap-disabled_5gtk3_1fwv7_121:not(#\9) {
   grid-template-rows: auto 0 1fr;
 }

package/content-layout/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_lh8g2_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_lh8g2_99",
-  "background": "awsui_background_5gtk3_lh8g2_102",
-  "header": "awsui_header_5gtk3_lh8g2_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_lh8g2_121",
-  "content": "awsui_content_5gtk3_lh8g2_129",
-  "has-header": "awsui_has-header_5gtk3_lh8g2_133"
+  "layout": "awsui_layout_5gtk3_1fwv7_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1fwv7_99",
+  "background": "awsui_background_5gtk3_1fwv7_102",
+  "header": "awsui_header_5gtk3_1fwv7_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1fwv7_121",
+  "content": "awsui_content_5gtk3_1fwv7_129",
+  "has-header": "awsui_has-header_5gtk3_1fwv7_133"
 };
   

package/date-picker/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_145pa_1t8x4_93",
-  "focus-lock": "awsui_focus-lock_145pa_1t8x4_106",
-  "calendar": "awsui_calendar_145pa_1t8x4_110",
-  "date-picker-container": "awsui_date-picker-container_145pa_1t8x4_123",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1t8x4_128",
-  "date-picker-input": "awsui_date-picker-input_145pa_1t8x4_132",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1t8x4_137"
+  "root": "awsui_root_145pa_12c7d_93",
+  "focus-lock": "awsui_focus-lock_145pa_12c7d_106",
+  "calendar": "awsui_calendar_145pa_12c7d_110",
+  "date-picker-container": "awsui_date-picker-container_145pa_12c7d_123",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_12c7d_128",
+  "date-picker-input": "awsui_date-picker-input_145pa_12c7d_132",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_12c7d_137"
 };