npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.359 → 3.0.360 - Mend

@cloudscape-design/components-themeable 3.0.359 → 3.0.360

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/lib/internal/template/container/styles.scoped.css CHANGED Viewed

@@ -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_krti9_97:not(#\9) {
+.awsui_root_14iqq_bt64y_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -124,30 +124,30 @@ 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-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-43ichb, 22px);
-  color: var(--color-text-body-default-4colr5, #16191f);
+  font-size: var(--font-body-m-size-q2y4dq, 14px);
+  line-height: var(--font-body-m-line-height-7pedlt, 22px);
+  color: var(--color-text-body-default-rcjsde, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8fp8i6, "Noto 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_krti9_97.awsui_fit-height_14iqq_krti9_111:not(#\9) {
+.awsui_root_14iqq_bt64y_97.awsui_fit-height_14iqq_bt64y_111:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_krti9_97.awsui_fit-height_14iqq_krti9_111.awsui_with-side-media_14iqq_krti9_116:not(#\9) {
+.awsui_root_14iqq_bt64y_97.awsui_fit-height_14iqq_bt64y_111.awsui_with-side-media_14iqq_bt64y_116:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_krti9_97.awsui_variant-default_14iqq_krti9_119:not(#\9), .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9) {
-  border-radius: var(--border-radius-container-53367b, 0px);
+.awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9) {
+  border-radius: var(--border-radius-container-2j9fta, 0px);
   box-sizing: border-box;
-  background-color: var(--color-background-container-content-xlzim4, #ffffff);
+  background-color: var(--color-background-container-content-rearqm, #ffffff);
 }
-.awsui_root_14iqq_krti9_97.awsui_variant-default_14iqq_krti9_119:not(#\9)::before, .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9)::before {
+.awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9)::before, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -158,11 +158,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-um0aeg, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
-  border-radius: var(--border-radius-container-53367b, 0px);
+  border-top: var(--border-container-top-width-d5kmap, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
+  border-radius: var(--border-radius-container-2j9fta, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_krti9_97.awsui_variant-default_14iqq_krti9_119:not(#\9)::after, .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9)::after {
+.awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9)::after, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -172,133 +172,133 @@ 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-zksiv4, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-radius: var(--border-radius-container-53367b, 0px);
+  box-shadow: var(--shadow-container-vs1zdn, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-radius: var(--border-radius-container-2j9fta, 0px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_krti9_97.awsui_variant-default_14iqq_krti9_119:not(#\9), .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9) {
-    border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
+  .awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9) {
+    border: var(--border-field-width-diib1p, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
   }
 }
-.awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9):not(:last-child), .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9):not(:last-child), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119 + .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9), .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119 + .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9)::before, .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119 + .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9)::after {
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119 + .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9)::before {
-  border-top: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before {
+  border-top: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
 }
-.awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119 + .awsui_root_14iqq_krti9_97.awsui_variant-stacked_14iqq_krti9_119:not(#\9)::after {
-  box-shadow: var(--shadow-container-stacked-5kph6k, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::after {
+  box-shadow: var(--shadow-container-stacked-vbgy88, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_root_14iqq_krti9_97.awsui_sticky-enabled_14iqq_krti9_172:not(#\9)::before {
-  top: calc(-1 * var(--border-container-top-width-um0aeg, 1px));
+.awsui_root_14iqq_bt64y_97.awsui_sticky-enabled_14iqq_bt64y_172:not(#\9)::before {
+  top: calc(-1 * var(--border-container-top-width-d5kmap, 1px));
 }
-.awsui_root_14iqq_krti9_97.awsui_sticky-enabled_14iqq_krti9_172.awsui_variant-stacked_14iqq_krti9_119:not(#\9)::before {
-  top: calc(-1 * var(--border-divider-section-width-p0xg84, 1px));
+.awsui_root_14iqq_bt64y_97.awsui_sticky-enabled_14iqq_bt64y_172.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before {
+  top: calc(-1 * var(--border-divider-section-width-uu4597, 1px));
 }
-.awsui_with-side-media_14iqq_krti9_116:not(#\9) {
+.awsui_with-side-media_14iqq_bt64y_116:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_krti9_184:not(#\9) {
+.awsui_with-top-media_14iqq_bt64y_184:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_krti9_189:not(#\9) {
+.awsui_content-wrapper_14iqq_bt64y_189:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_krti9_194:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_bt64y_194:not(#\9) {
   height: 100%;
   overflow: hidden;
 }
-.awsui_media_14iqq_krti9_199:not(#\9) {
+.awsui_media_14iqq_bt64y_199:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_krti9_199 img:not(#\9),
-.awsui_media_14iqq_krti9_199 video:not(#\9),
-.awsui_media_14iqq_krti9_199 picture:not(#\9) {
+.awsui_media_14iqq_bt64y_199 img:not(#\9),
+.awsui_media_14iqq_bt64y_199 video:not(#\9),
+.awsui_media_14iqq_bt64y_199 picture:not(#\9) {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media-top_14iqq_krti9_211:not(#\9) {
+.awsui_media-top_14iqq_bt64y_211:not(#\9) {
   max-height: 66%;
-  border-top-left-radius: var(--border-radius-container-53367b, 0px);
-  border-top-right-radius: var(--border-radius-container-53367b, 0px);
+  border-top-left-radius: var(--border-radius-container-2j9fta, 0px);
+  border-top-right-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_media-side_14iqq_krti9_216:not(#\9) {
+.awsui_media-side_14iqq_bt64y_216:not(#\9) {
   max-width: 66%;
-  border-top-left-radius: var(--border-radius-container-53367b, 0px);
-  border-bottom-left-radius: var(--border-radius-container-53367b, 0px);
+  border-top-left-radius: var(--border-radius-container-2j9fta, 0px);
+  border-bottom-left-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_header_14iqq_krti9_222:not(#\9) {
-  background-color: var(--color-background-container-header-gnwbip, #fafafa);
-  border-top-left-radius: var(--border-radius-container-53367b, 0px);
-  border-top-right-radius: var(--border-radius-container-53367b, 0px);
+.awsui_header_14iqq_bt64y_222:not(#\9) {
+  background-color: var(--color-background-container-header-yoggcm, #fafafa);
+  border-top-left-radius: var(--border-radius-container-2j9fta, 0px);
+  border-top-right-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_header_14iqq_krti9_222.awsui_header-with-media_14iqq_krti9_227:not(#\9) {
+.awsui_header_14iqq_bt64y_222.awsui_header-with-media_14iqq_bt64y_227:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_krti9_222.awsui_header-with-media_14iqq_krti9_227:not(#\9):not(:empty) {
+.awsui_header_14iqq_bt64y_222.awsui_header-with-media_14iqq_bt64y_227:not(#\9):not(:empty) {
   border-bottom: none;
 }
-.awsui_header-sticky-disabled_14iqq_krti9_233:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_bt64y_233:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_krti9_237:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_bt64y_237:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_krti9_243:not(#\9) {
+.awsui_header-stuck_14iqq_bt64y_243:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_krti9_243:not(#\9)::before {
+.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_krti9_243:not(#\9):not(.awsui_header-variant-cards_14iqq_krti9_249) {
-  box-shadow: var(--shadow-sticky-embedded-tua7gl, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+.awsui_header-stuck_14iqq_bt64y_243:not(#\9):not(.awsui_header-variant-cards_14iqq_bt64y_249) {
+  box-shadow: var(--shadow-sticky-embedded-t8qout, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_krti9_252.awsui_header-stuck_14iqq_krti9_243:not(#\9) {
-  margin-bottom: calc(var(--font-heading-xl-line-height-befp08, 36px) - var(--font-heading-l-line-height-79efyr, 22px));
+.awsui_header-dynamic-height_14iqq_bt64y_252.awsui_header-stuck_14iqq_bt64y_243:not(#\9) {
+  margin-bottom: calc(var(--font-heading-xl-line-height-ar3qte, 36px) - var(--font-heading-l-line-height-imzcck, 22px));
 }
-.awsui_header_14iqq_krti9_222:not(#\9):not(:empty) {
-  border-bottom: var(--border-container-sticky-width-iyq76r, 1px) solid var(--color-border-container-divider-b2ream, #eaeded);
+.awsui_header_14iqq_bt64y_222:not(#\9):not(:empty) {
+  border-bottom: var(--border-container-sticky-width-shgl39, 1px) solid var(--color-border-container-divider-1k3lvm, #eaeded);
 }
-.awsui_header_14iqq_krti9_222.awsui_with-paddings_14iqq_krti9_258:not(#\9) {
-  padding: var(--space-container-header-top-l0hr40, 12px) var(--space-container-horizontal-7bp7wa, 20px) var(--space-container-header-bottom-5qqls8, 12px);
+.awsui_header_14iqq_bt64y_222.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
+  padding: var(--space-container-header-top-61cbsr, 12px) var(--space-container-horizontal-67gbm5, 20px) var(--space-container-header-bottom-7t7tqo, 12px);
 }
-.awsui_header_14iqq_krti9_222.awsui_with-paddings_14iqq_krti9_258.awsui_header-variant-cards_14iqq_krti9_249:not(#\9) {
-  padding: var(--space-scaled-s-73r995, 12px) var(--space-container-horizontal-7bp7wa, 20px);
+.awsui_header_14iqq_bt64y_222.awsui_with-paddings_14iqq_bt64y_258.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9) {
+  padding: var(--space-scaled-s-eyzx9z, 12px) var(--space-container-horizontal-67gbm5, 20px);
 }
-.awsui_header_14iqq_krti9_222.awsui_with-hidden-content_14iqq_krti9_264:not(#\9) {
-  border-bottom-left-radius: var(--border-radius-container-53367b, 0px);
-  border-bottom-right-radius: var(--border-radius-container-53367b, 0px);
+.awsui_header_14iqq_bt64y_222.awsui_with-hidden-content_14iqq_bt64y_264:not(#\9) {
+  border-bottom-left-radius: var(--border-radius-container-2j9fta, 0px);
+  border-bottom-right-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_header-variant-cards_14iqq_krti9_249:not(#\9) {
-  border-radius: var(--border-radius-container-53367b, 0px);
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9) {
+  border-radius: var(--border-radius-container-2j9fta, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_krti9_249:not(#\9):not(.awsui_header-sticky-enabled_14iqq_krti9_237) {
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9):not(.awsui_header-sticky-enabled_14iqq_bt64y_237) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_krti9_249:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -309,11 +309,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-um0aeg, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
-  border-radius: var(--border-radius-container-53367b, 0px);
+  border-top: var(--border-container-top-width-d5kmap, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
+  border-radius: var(--border-radius-container-2j9fta, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_krti9_249:not(#\9)::after {
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -323,31 +323,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-zksiv4, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-radius: var(--border-radius-container-53367b, 0px);
+  box-shadow: var(--shadow-container-vs1zdn, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-radius: var(--border-radius-container-2j9fta, 0px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_krti9_249:not(#\9) {
-    border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
+  .awsui_header-variant-cards_14iqq_bt64y_249:not(#\9) {
+    border: var(--border-field-width-diib1p, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
   }
 }
-.awsui_header-variant-cards_14iqq_krti9_249.awsui_header-stuck_14iqq_krti9_243:not(#\9)::after, .awsui_header-variant-cards_14iqq_krti9_249.awsui_header-stuck_14iqq_krti9_243:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_bt64y_249.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::after, .awsui_header-variant-cards_14iqq_bt64y_249.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_krti9_314.awsui_header-stuck_14iqq_krti9_243:not(#\9) {
+.awsui_header-variant-full-page_14iqq_bt64y_314.awsui_header-stuck_14iqq_bt64y_243:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_krti9_314.awsui_header-stuck_14iqq_krti9_243:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_bt64y_314.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
-  box-shadow: var(--shadow-sticky-80zglr, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+  box-shadow: var(--shadow-sticky-raf734, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
@@ -355,30 +355,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_krti9_332:not(#\9) {
-  background-color: var(--color-background-layout-main-nd5gs3, #f2f3f3);
-  color: var(--color-text-body-default-4colr5, #16191f);
+.awsui_dark-header_14iqq_bt64y_332:not(#\9) {
+  background-color: var(--color-background-layout-main-l0tv3m, #f2f3f3);
+  color: var(--color-text-body-default-rcjsde, #16191f);
 }
-.awsui_content_14iqq_krti9_189:not(#\9) {
+.awsui_content_14iqq_bt64y_189:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_krti9_340:not(#\9) {
+.awsui_content-fit-height_14iqq_bt64y_340:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_krti9_189.awsui_with-paddings_14iqq_krti9_258:not(#\9) {
-  padding: var(--space-scaled-l-w7rqqb, 20px) var(--space-container-horizontal-7bp7wa, 20px);
+.awsui_content_14iqq_bt64y_189.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
+  padding: var(--space-scaled-l-udxpzh, 20px) var(--space-container-horizontal-67gbm5, 20px);
 }
-.awsui_header_14iqq_krti9_222 + .awsui_content_14iqq_krti9_189.awsui_with-paddings_14iqq_krti9_258:not(#\9) {
-  padding-top: var(--space-container-content-top-98501y, 16px);
+.awsui_header_14iqq_bt64y_222 + .awsui_content_14iqq_bt64y_189.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
+  padding-top: var(--space-container-content-top-mswvhf, 16px);
 }
-.awsui_header_14iqq_krti9_222 + .awsui_content_14iqq_krti9_189.awsui_with-paddings_14iqq_krti9_258.awsui_content-with-media_14iqq_krti9_349:not(#\9) {
+.awsui_header_14iqq_bt64y_222 + .awsui_content_14iqq_bt64y_189.awsui_with-paddings_14iqq_bt64y_258.awsui_content-with-media_14iqq_bt64y_349:not(#\9) {
   padding-top: 0;
 }
-.awsui_footer_14iqq_krti9_353.awsui_with-paddings_14iqq_krti9_258:not(#\9) {
-  padding: var(--space-scaled-s-73r995, 12px) var(--space-container-horizontal-7bp7wa, 20px);
+.awsui_footer_14iqq_bt64y_353.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
+  padding: var(--space-scaled-s-eyzx9z, 12px) var(--space-container-horizontal-67gbm5, 20px);
 }
-.awsui_footer_14iqq_krti9_353.awsui_with-divider_14iqq_krti9_356:not(#\9) {
-  border-top: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
+.awsui_footer_14iqq_bt64y_353.awsui_with-divider_14iqq_bt64y_356:not(#\9) {
+  border-top: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
 }

package/lib/internal/template/container/styles.selectors.js CHANGED Viewed

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_krti9_97",
-  "fit-height": "awsui_fit-height_14iqq_krti9_111",
-  "with-side-media": "awsui_with-side-media_14iqq_krti9_116",
-  "variant-default": "awsui_variant-default_14iqq_krti9_119",
-  "variant-stacked": "awsui_variant-stacked_14iqq_krti9_119",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_krti9_172",
-  "with-top-media": "awsui_with-top-media_14iqq_krti9_184",
-  "content-wrapper": "awsui_content-wrapper_14iqq_krti9_189",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_krti9_194",
-  "media": "awsui_media_14iqq_krti9_199",
-  "media-top": "awsui_media-top_14iqq_krti9_211",
-  "media-side": "awsui_media-side_14iqq_krti9_216",
-  "header": "awsui_header_14iqq_krti9_222",
-  "header-with-media": "awsui_header-with-media_14iqq_krti9_227",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_krti9_233",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_krti9_237",
-  "header-stuck": "awsui_header-stuck_14iqq_krti9_243",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_krti9_249",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_krti9_252",
-  "with-paddings": "awsui_with-paddings_14iqq_krti9_258",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_krti9_264",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_krti9_314",
-  "dark-header": "awsui_dark-header_14iqq_krti9_332",
-  "content": "awsui_content_14iqq_krti9_189",
-  "content-fit-height": "awsui_content-fit-height_14iqq_krti9_340",
-  "content-with-media": "awsui_content-with-media_14iqq_krti9_349",
-  "footer": "awsui_footer_14iqq_krti9_353",
-  "with-divider": "awsui_with-divider_14iqq_krti9_356"
+  "root": "awsui_root_14iqq_bt64y_97",
+  "fit-height": "awsui_fit-height_14iqq_bt64y_111",
+  "with-side-media": "awsui_with-side-media_14iqq_bt64y_116",
+  "variant-default": "awsui_variant-default_14iqq_bt64y_119",
+  "variant-stacked": "awsui_variant-stacked_14iqq_bt64y_119",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_bt64y_172",
+  "with-top-media": "awsui_with-top-media_14iqq_bt64y_184",
+  "content-wrapper": "awsui_content-wrapper_14iqq_bt64y_189",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_bt64y_194",
+  "media": "awsui_media_14iqq_bt64y_199",
+  "media-top": "awsui_media-top_14iqq_bt64y_211",
+  "media-side": "awsui_media-side_14iqq_bt64y_216",
+  "header": "awsui_header_14iqq_bt64y_222",
+  "header-with-media": "awsui_header-with-media_14iqq_bt64y_227",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_bt64y_233",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_bt64y_237",
+  "header-stuck": "awsui_header-stuck_14iqq_bt64y_243",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_bt64y_249",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_bt64y_252",
+  "with-paddings": "awsui_with-paddings_14iqq_bt64y_258",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_bt64y_264",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_bt64y_314",
+  "dark-header": "awsui_dark-header_14iqq_bt64y_332",
+  "content": "awsui_content_14iqq_bt64y_189",
+  "content-fit-height": "awsui_content-fit-height_14iqq_bt64y_340",
+  "content-with-media": "awsui_content-with-media_14iqq_bt64y_349",
+  "footer": "awsui_footer_14iqq_bt64y_353",
+  "with-divider": "awsui_with-divider_14iqq_bt64y_356"
 };

package/lib/internal/template/content-layout/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_1846h_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1846h_99",
-  "background": "awsui_background_5gtk3_1846h_102",
-  "header": "awsui_header_5gtk3_1846h_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1846h_121",
-  "content": "awsui_content_5gtk3_1846h_129",
-  "has-header": "awsui_has-header_5gtk3_1846h_133"
+  "layout": "awsui_layout_5gtk3_bmetv_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_bmetv_99",
+  "background": "awsui_background_5gtk3_bmetv_102",
+  "header": "awsui_header_5gtk3_bmetv_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_bmetv_121",
+  "content": "awsui_content_5gtk3_bmetv_129",
+  "has-header": "awsui_has-header_5gtk3_bmetv_133"
 };

package/lib/internal/template/content-layout/styles.scoped.css CHANGED Viewed

@@ -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_1846h_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1846h_99) {
+.awsui_layout_5gtk3_bmetv_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_bmetv_99) {
   display: contents;
 }
-.awsui_layout_5gtk3_1846h_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1846h_99) > .awsui_background_5gtk3_1846h_102 {
+.awsui_layout_5gtk3_bmetv_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_bmetv_99) > .awsui_background_5gtk3_bmetv_102 {
   display: none;
 }
-.awsui_layout_5gtk3_1846h_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1846h_99) > .awsui_header_5gtk3_1846h_105 {
-  padding-bottom: var(--space-content-header-padding-bottom-bdft6l, 16px);
+.awsui_layout_5gtk3_bmetv_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_bmetv_99) > .awsui_header_5gtk3_bmetv_105 {
+  padding-bottom: var(--space-content-header-padding-bottom-qymtuw, 16px);
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99:not(#\9) {
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99:not(#\9) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  grid-template-rows: auto var(--space-dark-header-overlap-distance-g5z45b, 0px) 1fr;
+  grid-template-rows: auto var(--space-dark-header-overlap-distance-gpubvu, 0px) 1fr;
   min-height: 100%;
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99 > .awsui_background_5gtk3_1846h_102:not(#\9) {
-  background-color: var(--color-background-layout-main-nd5gs3, #f2f3f3);
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99 > .awsui_background_5gtk3_bmetv_102:not(#\9) {
+  background-color: var(--color-background-layout-main-l0tv3m, #f2f3f3);
   grid-column: 1;
   grid-row: 1/3;
-  color: var(--color-text-body-default-4colr5, #16191f);
+  color: var(--color-text-body-default-rcjsde, #16191f);
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99 > .awsui_background_5gtk3_1846h_102.awsui_is-overlap-disabled_5gtk3_1846h_121:not(#\9) {
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99 > .awsui_background_5gtk3_bmetv_102.awsui_is-overlap-disabled_5gtk3_bmetv_121:not(#\9) {
   grid-row: 1/2;
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99 > .awsui_header_5gtk3_1846h_105:not(#\9) {
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99 > .awsui_header_5gtk3_bmetv_105:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  padding-bottom: var(--space-content-header-padding-bottom-bdft6l, 16px);
+  padding-bottom: var(--space-content-header-padding-bottom-qymtuw, 16px);
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99 > .awsui_content_5gtk3_1846h_129:not(#\9) {
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99 > .awsui_content_5gtk3_bmetv_129:not(#\9) {
   grid-column: 1;
   grid-row: 2/4;
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99:not(#\9):not(.awsui_has-header_5gtk3_1846h_133) {
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99:not(#\9):not(.awsui_has-header_5gtk3_bmetv_133) {
   grid-template-rows: auto calc(
-        var(--space-dark-header-overlap-distance-g5z45b, 0px) + var(--awsui-container-first-overlap-extension-zw2xxa, 0px) + var(--awsui-container-first-gap-zw2xxa, 0px)
+        var(--space-dark-header-overlap-distance-gpubvu, 0px) + var(--awsui-container-first-overlap-extension-zw2xxa, 0px) + var(--awsui-container-first-gap-zw2xxa, 0px)
       ) 1fr;
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99:not(#\9):not(.awsui_has-header_5gtk3_1846h_133) > .awsui_content_5gtk3_1846h_129 {
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99:not(#\9):not(.awsui_has-header_5gtk3_bmetv_133) > .awsui_content_5gtk3_bmetv_129 {
   padding-top: var(--awsui-container-first-gap-zw2xxa, 0px);
 }
-.awsui_layout_5gtk3_1846h_99.awsui_is-visual-refresh_5gtk3_1846h_99.awsui_is-overlap-disabled_5gtk3_1846h_121:not(#\9) {
+.awsui_layout_5gtk3_bmetv_99.awsui_is-visual-refresh_5gtk3_bmetv_99.awsui_is-overlap-disabled_5gtk3_bmetv_121:not(#\9) {
   grid-template-rows: auto 0 1fr;
 }

package/lib/internal/template/content-layout/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_1846h_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1846h_99",
-  "background": "awsui_background_5gtk3_1846h_102",
-  "header": "awsui_header_5gtk3_1846h_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1846h_121",
-  "content": "awsui_content_5gtk3_1846h_129",
-  "has-header": "awsui_has-header_5gtk3_1846h_133"
+  "layout": "awsui_layout_5gtk3_bmetv_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_bmetv_99",
+  "background": "awsui_background_5gtk3_bmetv_102",
+  "header": "awsui_header_5gtk3_bmetv_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_bmetv_121",
+  "content": "awsui_content_5gtk3_bmetv_129",
+  "has-header": "awsui_has-header_5gtk3_bmetv_133"
 };

package/lib/internal/template/date-picker/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_145pa_1uuje_93",
-  "focus-lock": "awsui_focus-lock_145pa_1uuje_106",
-  "calendar": "awsui_calendar_145pa_1uuje_110",
-  "date-picker-container": "awsui_date-picker-container_145pa_1uuje_123",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1uuje_128",
-  "date-picker-input": "awsui_date-picker-input_145pa_1uuje_132",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1uuje_137"
+  "root": "awsui_root_145pa_wkl6r_93",
+  "focus-lock": "awsui_focus-lock_145pa_wkl6r_106",
+  "calendar": "awsui_calendar_145pa_wkl6r_110",
+  "date-picker-container": "awsui_date-picker-container_145pa_wkl6r_123",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_wkl6r_128",
+  "date-picker-input": "awsui_date-picker-input_145pa_wkl6r_132",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_wkl6r_137"
 };

package/lib/internal/template/date-picker/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_145pa_1uuje_93:not(#\9) {
+.awsui_root_145pa_wkl6r_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,46 +120,46 @@ 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-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-43ichb, 22px);
-  color: var(--color-text-body-default-4colr5, #16191f);
+  font-size: var(--font-body-m-size-q2y4dq, 14px);
+  line-height: var(--font-body-m-line-height-7pedlt, 22px);
+  color: var(--color-text-body-default-rcjsde, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_focus-lock_145pa_1uuje_106:not(#\9) {
+.awsui_focus-lock_145pa_wkl6r_106:not(#\9) {
   display: contents;
 }
-.awsui_calendar_145pa_1uuje_110:not(#\9) {
+.awsui_calendar_145pa_wkl6r_110:not(#\9) {
   overflow: auto;
 }
-.awsui_calendar_145pa_1uuje_110:not(#\9):focus {
+.awsui_calendar_145pa_wkl6r_110:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1uuje_110:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_calendar_145pa_wkl6r_110:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-dropdown-svczfv, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
+  border-radius: var(--border-radius-dropdown-u5jq1e, 0px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
 }
-.awsui_date-picker-container_145pa_1uuje_123:not(#\9) {
+.awsui_date-picker-container_145pa_wkl6r_123:not(#\9) {
   position: relative;
   max-width: 234px;
 }
-.awsui_date-picker-trigger_145pa_1uuje_128:not(#\9) {
+.awsui_date-picker-trigger_145pa_wkl6r_128:not(#\9) {
   display: flex;
 }
-.awsui_date-picker-input_145pa_1uuje_132:not(#\9) {
-  padding-right: var(--space-xs-7veqkr, 8px);
+.awsui_date-picker-input_145pa_wkl6r_132:not(#\9) {
+  padding-right: var(--space-xs-e7dyai, 8px);
   width: 100%;
 }
-.awsui_open-calendar-button_145pa_1uuje_137:not(#\9) {
+.awsui_open-calendar-button_145pa_wkl6r_137:not(#\9) {
   /* used in test-utils */
 }