npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.776 → 3.0.778 - Mend

@cloudscape-design/components-themeable 3.0.776 → 3.0.778

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 (407) hide show

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

@@ -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_1qss1_185:not(#\9) {
+.awsui_root_14iqq_1y1ct_185:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -209,37 +209,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+  font-size: var(--font-size-body-m-6wxxs5, 14px);
+  line-height: var(--line-height-body-m-gw0130, 22px);
+  color: var(--color-text-body-default-agk00h, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-pxn2ad, "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_1qss1_185.awsui_fit-height_14iqq_1qss1_221:not(#\9) {
+.awsui_root_14iqq_1y1ct_185.awsui_fit-height_14iqq_1y1ct_221:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_1qss1_185.awsui_fit-height_14iqq_1qss1_221.awsui_with-side-media_14iqq_1qss1_226:not(#\9) {
+.awsui_root_14iqq_1y1ct_185.awsui_fit-height_14iqq_1y1ct_221.awsui_with-side-media_14iqq_1y1ct_226:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_1qss1_185.awsui_variant-default_14iqq_1qss1_229:not(#\9), .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9) {
-  background-color: var(--color-background-container-content-0j55iz, #ffffff);
-  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
+.awsui_root_14iqq_1y1ct_185.awsui_variant-default_14iqq_1y1ct_229:not(#\9), .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9) {
+  background-color: var(--color-background-container-content-myy7cn, #ffffff);
+  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_1qss1_185.awsui_variant-default_14iqq_1qss1_229.awsui_refresh_14iqq_1qss1_237:not(#\9), .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229.awsui_refresh_14iqq_1qss1_237:not(#\9) {
-  border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-qn9pru, #eaeded);
-  border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-qn9pru, #eaeded);
+.awsui_root_14iqq_1y1ct_185.awsui_variant-default_14iqq_1y1ct_229.awsui_refresh_14iqq_1y1ct_237:not(#\9), .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229.awsui_refresh_14iqq_1y1ct_237:not(#\9) {
+  border-block: solid var(--border-divider-section-width-iueskx, 1px) var(--color-border-divider-default-u5ytia, #eaeded);
+  border-inline: solid var(--border-divider-section-width-iueskx, 1px) var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_root_14iqq_1qss1_185.awsui_variant-default_14iqq_1qss1_229:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::before, .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::before {
+.awsui_root_14iqq_1y1ct_185.awsui_variant-default_14iqq_1y1ct_229:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::before, .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -250,14 +250,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-block-start: var(--border-container-top-width-s1x6t0, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
-  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
+  border-block-start: var(--border-container-top-width-197qfn, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
+  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_1qss1_185.awsui_variant-default_14iqq_1qss1_229:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::after, .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::after {
+.awsui_root_14iqq_1y1ct_185.awsui_variant-default_14iqq_1y1ct_229:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::after, .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -267,150 +267,150 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
-  box-shadow: var(--shadow-container-5104ec, 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-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
+  box-shadow: var(--shadow-container-8g76zh, 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_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9):not(:last-child), .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9):not(:last-child), .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_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_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229 + .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9), .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229 + .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9)::before, .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229 + .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9)::after {
+.awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229 + .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9), .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229 + .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9)::before, .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229 + .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229 + .awsui_root_14iqq_1qss1_185.awsui_variant-stacked_14iqq_1qss1_229:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::before {
-  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
+.awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229 + .awsui_root_14iqq_1y1ct_185.awsui_variant-stacked_14iqq_1y1ct_229:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::before {
+  border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_root_14iqq_1qss1_185.awsui_sticky-enabled_14iqq_1qss1_287:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::before {
-  inset-block-start: calc(-1 * var(--border-container-top-width-s1x6t0, 1px));
+.awsui_root_14iqq_1y1ct_185.awsui_sticky-enabled_14iqq_1y1ct_287:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::before {
+  inset-block-start: calc(-1 * var(--border-container-top-width-197qfn, 1px));
 }
-.awsui_root_14iqq_1qss1_185.awsui_sticky-enabled_14iqq_1qss1_287:not(#\9):not(.awsui_refresh_14iqq_1qss1_237).awsui_variant-stacked_14iqq_1qss1_229::before {
-  inset-block-start: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
+.awsui_root_14iqq_1y1ct_185.awsui_sticky-enabled_14iqq_1y1ct_287:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237).awsui_variant-stacked_14iqq_1y1ct_229::before {
+  inset-block-start: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
 }
-.awsui_with-side-media_14iqq_1qss1_226:not(#\9) {
+.awsui_with-side-media_14iqq_1y1ct_226:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_1qss1_299:not(#\9) {
+.awsui_with-top-media_14iqq_1y1ct_299:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_1qss1_304:not(#\9) {
+.awsui_content-wrapper_14iqq_1y1ct_304:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_1qss1_309:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1y1ct_309:not(#\9) {
   block-size: 100%;
   overflow: hidden;
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
 }
-.awsui_media_14iqq_1qss1_316:not(#\9) {
+.awsui_media_14iqq_1y1ct_316:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_1qss1_316 img:not(#\9),
-.awsui_media_14iqq_1qss1_316 video:not(#\9),
-.awsui_media_14iqq_1qss1_316 picture:not(#\9) {
+.awsui_media_14iqq_1y1ct_316 img:not(#\9),
+.awsui_media_14iqq_1y1ct_316 video:not(#\9),
+.awsui_media_14iqq_1y1ct_316 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_1qss1_316 iframe:not(#\9) {
+.awsui_media_14iqq_1y1ct_316 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_1qss1_334:not(#\9) {
+.awsui_media-top_14iqq_1y1ct_334:not(#\9) {
   max-block-size: 66%;
-  border-start-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
-  border-start-end-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
+  border-start-start-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
+  border-start-end-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
 }
-.awsui_media-side_14iqq_1qss1_339:not(#\9) {
+.awsui_media-side_14iqq_1y1ct_339:not(#\9) {
   max-inline-size: 66%;
-  border-start-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
-  border-end-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
+  border-start-start-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
+  border-end-start-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
 }
-.awsui_header_14iqq_1qss1_345:not(#\9) {
-  background-color: var(--color-background-container-header-9ekpze, #fafafa);
-  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
+.awsui_header_14iqq_1y1ct_345:not(#\9) {
+  background-color: var(--color-background-container-header-9jxtzb, #fafafa);
+  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
 }
-.awsui_header_14iqq_1qss1_345.awsui_header-full-page_14iqq_1qss1_350:not(#\9) {
-  background-color: var(--color-background-layout-main-84obzs, #f2f3f3);
+.awsui_header_14iqq_1y1ct_345.awsui_header-full-page_14iqq_1y1ct_350:not(#\9) {
+  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
 }
-.awsui_header_14iqq_1qss1_345.awsui_header-with-media_14iqq_1qss1_353:not(#\9) {
+.awsui_header_14iqq_1y1ct_345.awsui_header-with-media_14iqq_1y1ct_353:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_1qss1_345.awsui_header-with-media_14iqq_1qss1_353:not(#\9):not(:empty) {
+.awsui_header_14iqq_1y1ct_345.awsui_header-with-media_14iqq_1y1ct_353:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_1qss1_359:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1y1ct_359:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1qss1_363:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1y1ct_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_1qss1_369:not(#\9) {
+.awsui_header-stuck_14iqq_1y1ct_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_1qss1_369:not(#\9)::before {
+.awsui_header-stuck_14iqq_1y1ct_369:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_1qss1_369:not(#\9):not(.awsui_header-variant-cards_14iqq_1qss1_379) {
-  box-shadow: var(--shadow-sticky-embedded-f9wivk, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+.awsui_header-stuck_14iqq_1y1ct_369:not(#\9):not(.awsui_header-variant-cards_14iqq_1y1ct_379) {
+  box-shadow: var(--shadow-sticky-embedded-bxmsxm, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_1qss1_382.awsui_header-stuck_14iqq_1qss1_369:not(#\9) {
-  margin-block-end: calc(var(--line-height-heading-xl-v9hsvt, 36px) - var(--line-height-heading-l-vog8w7, 22px));
+.awsui_header-dynamic-height_14iqq_1y1ct_382.awsui_header-stuck_14iqq_1y1ct_369:not(#\9) {
+  margin-block-end: calc(var(--line-height-heading-xl-66u22x, 36px) - var(--line-height-heading-l-643aq3, 22px));
 }
-.awsui_header_14iqq_1qss1_345:not(#\9):not(:empty) {
-  border-block-end: var(--border-container-sticky-width-xo3q2l, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
+.awsui_header_14iqq_1y1ct_345:not(#\9):not(:empty) {
+  border-block-end: var(--border-container-sticky-width-lhedby, 1px) solid var(--color-border-container-divider-xr1vlc, #eaeded);
 }
-.awsui_header_14iqq_1qss1_345.awsui_with-paddings_14iqq_1qss1_388:not(#\9) {
-  padding-block-start: var(--space-container-header-top-bomjbu, 12px);
-  padding-block-end: var(--space-container-header-bottom-qqnwwz, 12px);
-  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
+.awsui_header_14iqq_1y1ct_345.awsui_with-paddings_14iqq_1y1ct_388:not(#\9) {
+  padding-block-start: var(--space-container-header-top-2yfg3x, 12px);
+  padding-block-end: var(--space-container-header-bottom-p6av5y, 12px);
+  padding-inline: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_header_14iqq_1qss1_345.awsui_with-paddings_14iqq_1qss1_388.awsui_header-variant-cards_14iqq_1qss1_379:not(#\9) {
-  padding-block: var(--space-container-header-top-bomjbu, 12px);
-  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
+.awsui_header_14iqq_1y1ct_345.awsui_with-paddings_14iqq_1y1ct_388.awsui_header-variant-cards_14iqq_1y1ct_379:not(#\9) {
+  padding-block: var(--space-container-header-top-2yfg3x, 12px);
+  padding-inline: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_header_14iqq_1qss1_345.awsui_with-hidden-content_14iqq_1qss1_397:not(#\9) {
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
+.awsui_header_14iqq_1y1ct_345.awsui_with-hidden-content_14iqq_1y1ct_397:not(#\9) {
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
 }
-.awsui_header-variant-cards_14iqq_1qss1_379:not(#\9) {
-  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
+.awsui_header-variant-cards_14iqq_1y1ct_379:not(#\9) {
+  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1qss1_379.awsui_refresh_14iqq_1qss1_237:not(#\9) {
-  border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-qn9pru, #eaeded);
-  border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-qn9pru, #eaeded);
+.awsui_header-variant-cards_14iqq_1y1ct_379.awsui_refresh_14iqq_1y1ct_237:not(#\9) {
+  border-block: solid var(--border-divider-section-width-iueskx, 1px) var(--color-border-divider-default-u5ytia, #eaeded);
+  border-inline: solid var(--border-divider-section-width-iueskx, 1px) var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_1qss1_379:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::before {
+.awsui_header-variant-cards_14iqq_1y1ct_379:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -421,14 +421,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-block-start: var(--border-container-top-width-s1x6t0, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
-  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
+  border-block-start: var(--border-container-top-width-197qfn, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
+  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1qss1_379:not(#\9):not(.awsui_refresh_14iqq_1qss1_237)::after {
+.awsui_header-variant-cards_14iqq_1y1ct_379:not(#\9):not(.awsui_refresh_14iqq_1y1ct_237)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -438,32 +438,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
-  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
-  box-shadow: var(--shadow-container-5104ec, 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-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
+  box-shadow: var(--shadow-container-8g76zh, 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_header-variant-cards_14iqq_1qss1_379:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1qss1_363) {
+.awsui_header-variant-cards_14iqq_1y1ct_379:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1y1ct_363) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_1qss1_379.awsui_header-stuck_14iqq_1qss1_369:not(#\9)::after, .awsui_header-variant-cards_14iqq_1qss1_379.awsui_header-stuck_14iqq_1qss1_369:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1y1ct_379.awsui_header-stuck_14iqq_1y1ct_369:not(#\9)::after, .awsui_header-variant-cards_14iqq_1y1ct_379.awsui_header-stuck_14iqq_1y1ct_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_1qss1_455.awsui_header-stuck_14iqq_1qss1_369:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1y1ct_455.awsui_header-stuck_14iqq_1y1ct_369:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1qss1_455.awsui_header-stuck_14iqq_1qss1_369 > .awsui_header-cover_14iqq_1qss1_458:not(#\9) {
-  background-color: var(--color-background-layout-main-84obzs, #f2f3f3);
+.awsui_header-variant-full-page_14iqq_1y1ct_455.awsui_header-stuck_14iqq_1y1ct_369 > .awsui_header-cover_14iqq_1y1ct_458:not(#\9) {
+  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
   inline-size: 100%;
   position: absolute;
-  block-size: var(--space-scaled-s-9q8n2q, 12px);
-  inset-block-start: calc(-1 * var(--space-scaled-s-9q8n2q, 12px));
+  block-size: var(--space-scaled-s-8j7izy, 12px);
+  inset-block-start: calc(-1 * var(--space-scaled-s-8j7izy, 12px));
 }
-.awsui_header-variant-full-page_14iqq_1qss1_455.awsui_header-stuck_14iqq_1qss1_369:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_1y1ct_455.awsui_header-stuck_14iqq_1y1ct_369:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -471,37 +471,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   inset-block-end: 0;
   inset-block-start: 0;
-  border-block-end: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-qn9pru, #eaeded);
+  border-block-end: solid var(--border-divider-section-width-iueskx, 1px) var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_header-variant-full-page_14iqq_1qss1_455.awsui_header-stuck_14iqq_1qss1_369:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1y1ct_455.awsui_header-stuck_14iqq_1y1ct_369:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
-  box-shadow: var(--shadow-sticky-hxu2pv, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+  box-shadow: var(--shadow-sticky-ghu2x9, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_content_14iqq_1qss1_304:not(#\9) {
+.awsui_content_14iqq_1y1ct_304:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_1qss1_486:not(#\9) {
+.awsui_content-fit-height_14iqq_1y1ct_486:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_1qss1_304.awsui_with-paddings_14iqq_1qss1_388:not(#\9) {
-  padding-block: var(--space-scaled-l-08jb88, 20px);
-  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
+.awsui_content_14iqq_1y1ct_304.awsui_with-paddings_14iqq_1y1ct_388:not(#\9) {
+  padding-block: var(--space-scaled-l-7e51pg, 20px);
+  padding-inline: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_header_14iqq_1qss1_345 + .awsui_content_14iqq_1qss1_304.awsui_with-paddings_14iqq_1qss1_388:not(#\9) {
-  padding-block-start: var(--space-container-content-top-dkluz9, 16px);
+.awsui_header_14iqq_1y1ct_345 + .awsui_content_14iqq_1y1ct_304.awsui_with-paddings_14iqq_1y1ct_388:not(#\9) {
+  padding-block-start: var(--space-container-content-top-pvv221, 16px);
 }
-.awsui_header_14iqq_1qss1_345 + .awsui_content_14iqq_1qss1_304.awsui_with-paddings_14iqq_1qss1_388.awsui_content-with-media_14iqq_1qss1_496:not(#\9) {
+.awsui_header_14iqq_1y1ct_345 + .awsui_content_14iqq_1y1ct_304.awsui_with-paddings_14iqq_1y1ct_388.awsui_content-with-media_14iqq_1y1ct_496:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_footer_14iqq_1qss1_500.awsui_with-paddings_14iqq_1qss1_388:not(#\9) {
-  padding-block: var(--space-scaled-s-9q8n2q, 12px);
-  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
+.awsui_footer_14iqq_1y1ct_500.awsui_with-paddings_14iqq_1y1ct_388:not(#\9) {
+  padding-block: var(--space-scaled-s-8j7izy, 12px);
+  padding-inline: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_footer_14iqq_1qss1_500.awsui_with-divider_14iqq_1qss1_504:not(#\9) {
-  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
+.awsui_footer_14iqq_1y1ct_500.awsui_with-divider_14iqq_1y1ct_504:not(#\9) {
+  border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }

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

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1qss1_185",
-  "fit-height": "awsui_fit-height_14iqq_1qss1_221",
-  "with-side-media": "awsui_with-side-media_14iqq_1qss1_226",
-  "variant-default": "awsui_variant-default_14iqq_1qss1_229",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1qss1_229",
-  "refresh": "awsui_refresh_14iqq_1qss1_237",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1qss1_287",
-  "with-top-media": "awsui_with-top-media_14iqq_1qss1_299",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1qss1_304",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1qss1_309",
-  "media": "awsui_media_14iqq_1qss1_316",
-  "media-top": "awsui_media-top_14iqq_1qss1_334",
-  "media-side": "awsui_media-side_14iqq_1qss1_339",
-  "header": "awsui_header_14iqq_1qss1_345",
-  "header-full-page": "awsui_header-full-page_14iqq_1qss1_350",
-  "header-with-media": "awsui_header-with-media_14iqq_1qss1_353",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1qss1_359",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1qss1_363",
-  "header-stuck": "awsui_header-stuck_14iqq_1qss1_369",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1qss1_379",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1qss1_382",
-  "with-paddings": "awsui_with-paddings_14iqq_1qss1_388",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1qss1_397",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1qss1_455",
-  "header-cover": "awsui_header-cover_14iqq_1qss1_458",
-  "content": "awsui_content_14iqq_1qss1_304",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1qss1_486",
-  "content-with-media": "awsui_content-with-media_14iqq_1qss1_496",
-  "footer": "awsui_footer_14iqq_1qss1_500",
-  "with-divider": "awsui_with-divider_14iqq_1qss1_504"
+  "root": "awsui_root_14iqq_1y1ct_185",
+  "fit-height": "awsui_fit-height_14iqq_1y1ct_221",
+  "with-side-media": "awsui_with-side-media_14iqq_1y1ct_226",
+  "variant-default": "awsui_variant-default_14iqq_1y1ct_229",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1y1ct_229",
+  "refresh": "awsui_refresh_14iqq_1y1ct_237",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1y1ct_287",
+  "with-top-media": "awsui_with-top-media_14iqq_1y1ct_299",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1y1ct_304",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1y1ct_309",
+  "media": "awsui_media_14iqq_1y1ct_316",
+  "media-top": "awsui_media-top_14iqq_1y1ct_334",
+  "media-side": "awsui_media-side_14iqq_1y1ct_339",
+  "header": "awsui_header_14iqq_1y1ct_345",
+  "header-full-page": "awsui_header-full-page_14iqq_1y1ct_350",
+  "header-with-media": "awsui_header-with-media_14iqq_1y1ct_353",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1y1ct_359",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1y1ct_363",
+  "header-stuck": "awsui_header-stuck_14iqq_1y1ct_369",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1y1ct_379",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1y1ct_382",
+  "with-paddings": "awsui_with-paddings_14iqq_1y1ct_388",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1y1ct_397",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1y1ct_455",
+  "header-cover": "awsui_header-cover_14iqq_1y1ct_458",
+  "content": "awsui_content_14iqq_1y1ct_304",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1y1ct_486",
+  "content-with-media": "awsui_content-with-media_14iqq_1y1ct_496",
+  "footer": "awsui_footer_14iqq_1y1ct_500",
+  "with-divider": "awsui_with-divider_14iqq_1y1ct_504"
 };

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

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_2vkgm_141",
-  "background": "awsui_background_5gtk3_2vkgm_155",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_2vkgm_160",
-  "header-background": "awsui_header-background_5gtk3_2vkgm_163",
-  "notifications": "awsui_notifications_5gtk3_2vkgm_167",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_2vkgm_172",
-  "default-padding": "awsui_default-padding_5gtk3_2vkgm_177",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_2vkgm_181",
-  "with-divider": "awsui_with-divider_5gtk3_2vkgm_186",
-  "content": "awsui_content_5gtk3_2vkgm_189",
-  "has-header": "awsui_has-header_5gtk3_2vkgm_193",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_2vkgm_200",
-  "has-default-background": "awsui_has-default-background_5gtk3_2vkgm_200",
-  "has-notifications": "awsui_has-notifications_5gtk3_2vkgm_204"
+  "layout": "awsui_layout_5gtk3_fcxx8_141",
+  "background": "awsui_background_5gtk3_fcxx8_155",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_fcxx8_160",
+  "header-background": "awsui_header-background_5gtk3_fcxx8_163",
+  "notifications": "awsui_notifications_5gtk3_fcxx8_167",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_fcxx8_172",
+  "default-padding": "awsui_default-padding_5gtk3_fcxx8_177",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_fcxx8_181",
+  "with-divider": "awsui_with-divider_5gtk3_fcxx8_186",
+  "content": "awsui_content_5gtk3_fcxx8_189",
+  "has-header": "awsui_has-header_5gtk3_fcxx8_193",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_fcxx8_200",
+  "has-default-background": "awsui_has-default-background_5gtk3_fcxx8_200",
+  "has-notifications": "awsui_has-notifications_5gtk3_fcxx8_204"
 };