npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.961 → 3.0.963 - Mend

@cloudscape-design/components-themeable 3.0.961 → 3.0.963

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

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

@@ -186,7 +186,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_1kkdz_189:not(#\9) {
+.awsui_root_14iqq_1g6nc_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -210,37 +210,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-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "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_1kkdz_189.awsui_fit-height_14iqq_1kkdz_222:not(#\9) {
+.awsui_root_14iqq_1g6nc_189.awsui_fit-height_14iqq_1g6nc_222:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_1kkdz_189.awsui_fit-height_14iqq_1kkdz_222.awsui_with-side-media_14iqq_1kkdz_227:not(#\9) {
+.awsui_root_14iqq_1g6nc_189.awsui_fit-height_14iqq_1g6nc_222.awsui_with-side-media_14iqq_1g6nc_227:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_1kkdz_189.awsui_variant-default_14iqq_1kkdz_230:not(#\9), .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230: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);
+.awsui_root_14iqq_1g6nc_189.awsui_variant-default_14iqq_1g6nc_230:not(#\9), .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9) {
+  background-color: var(--color-background-container-content-mvmryi, #ffffff);
+  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_1kkdz_189.awsui_variant-default_14iqq_1kkdz_230.awsui_refresh_14iqq_1kkdz_238:not(#\9), .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230.awsui_refresh_14iqq_1kkdz_238: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_1g6nc_189.awsui_variant-default_14iqq_1g6nc_230.awsui_refresh_14iqq_1g6nc_238:not(#\9), .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230.awsui_refresh_14iqq_1g6nc_238:not(#\9) {
+  border-block: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-pt4umz, #eaeded);
+  border-inline: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-pt4umz, #eaeded);
 }
-.awsui_root_14iqq_1kkdz_189.awsui_variant-default_14iqq_1kkdz_230:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::before, .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::before {
+.awsui_root_14iqq_1g6nc_189.awsui_variant-default_14iqq_1g6nc_230:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::before, .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -251,14 +251,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-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);
+  border-block-start: var(--border-container-top-width-w3qnoe, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
+  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_1kkdz_189.awsui_variant-default_14iqq_1kkdz_230:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::after, .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::after {
+.awsui_root_14iqq_1g6nc_189.awsui_variant-default_14iqq_1g6nc_230:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::after, .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -268,157 +268,157 @@ 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-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));
+  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
+  box-shadow: var(--shadow-container-3fh0j3, 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_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9):not(:last-child), .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9):not(:last-child), .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230 + .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9), .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230 + .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9)::before, .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230 + .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9)::after {
+.awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230 + .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9), .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230 + .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9)::before, .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230 + .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230 + .awsui_root_14iqq_1kkdz_189.awsui_variant-stacked_14iqq_1kkdz_230:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::before {
-  border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
+.awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230 + .awsui_root_14iqq_1g6nc_189.awsui_variant-stacked_14iqq_1g6nc_230:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::before {
+  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-pt4umz, #eaeded);
 }
-.awsui_root_14iqq_1kkdz_189.awsui_sticky-enabled_14iqq_1kkdz_288:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::before {
-  inset-block-start: calc(-1 * var(--border-container-top-width-197qfn, 1px));
+.awsui_root_14iqq_1g6nc_189.awsui_sticky-enabled_14iqq_1g6nc_288:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::before {
+  inset-block-start: calc(-1 * var(--border-container-top-width-w3qnoe, 1px));
 }
-.awsui_root_14iqq_1kkdz_189.awsui_sticky-enabled_14iqq_1kkdz_288:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238).awsui_variant-stacked_14iqq_1kkdz_230::before {
-  inset-block-start: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
+.awsui_root_14iqq_1g6nc_189.awsui_sticky-enabled_14iqq_1g6nc_288:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238).awsui_variant-stacked_14iqq_1g6nc_230::before {
+  inset-block-start: calc(-1 * var(--border-divider-section-width-sznrdy, 1px));
 }
-.awsui_root_14iqq_1kkdz_189.awsui_with-stuck-sticky-header-at-bottom_14iqq_1kkdz_294:not(#\9) {
+.awsui_root_14iqq_1g6nc_189.awsui_with-stuck-sticky-header-at-bottom_14iqq_1g6nc_294:not(#\9) {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
 }
-.awsui_with-side-media_14iqq_1kkdz_227:not(#\9) {
+.awsui_with-side-media_14iqq_1g6nc_227:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_1kkdz_304:not(#\9) {
+.awsui_with-top-media_14iqq_1g6nc_304:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_1kkdz_309:not(#\9) {
+.awsui_content-wrapper_14iqq_1g6nc_309:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_1kkdz_314:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1g6nc_314:not(#\9) {
   block-size: 100%;
   overflow: hidden;
-  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
 }
-.awsui_media_14iqq_1kkdz_321:not(#\9) {
+.awsui_media_14iqq_1g6nc_321:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_1kkdz_321 img:not(#\9),
-.awsui_media_14iqq_1kkdz_321 video:not(#\9),
-.awsui_media_14iqq_1kkdz_321 picture:not(#\9) {
+.awsui_media_14iqq_1g6nc_321 img:not(#\9),
+.awsui_media_14iqq_1g6nc_321 video:not(#\9),
+.awsui_media_14iqq_1g6nc_321 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_1kkdz_321 iframe:not(#\9) {
+.awsui_media_14iqq_1g6nc_321 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_1kkdz_339:not(#\9) {
+.awsui_media-top_14iqq_1g6nc_339:not(#\9) {
   max-block-size: 66%;
-  border-start-start-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
-  border-start-end-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
+  border-start-start-radius: calc(var(--border-radius-container-l30zxy, 0px) - 1px);
+  border-start-end-radius: calc(var(--border-radius-container-l30zxy, 0px) - 1px);
 }
-.awsui_media-side_14iqq_1kkdz_344:not(#\9) {
+.awsui_media-side_14iqq_1g6nc_344:not(#\9) {
   max-inline-size: 66%;
-  border-start-start-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
-  border-end-start-radius: calc(var(--border-radius-container-3o3ats, 0px) - 1px);
+  border-start-start-radius: calc(var(--border-radius-container-l30zxy, 0px) - 1px);
+  border-end-start-radius: calc(var(--border-radius-container-l30zxy, 0px) - 1px);
 }
-.awsui_header_14iqq_1kkdz_350: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_1g6nc_350:not(#\9) {
+  background-color: var(--color-background-container-header-u82ajz, #fafafa);
+  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
 }
-.awsui_header_14iqq_1kkdz_350.awsui_header-full-page_14iqq_1kkdz_355:not(#\9) {
-  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
+.awsui_header_14iqq_1g6nc_350.awsui_header-full-page_14iqq_1g6nc_355:not(#\9) {
+  background-color: var(--color-background-layout-main-nu5m0g, #f2f3f3);
 }
-.awsui_header-variant-embedded_14iqq_1kkdz_358.awsui_refresh_14iqq_1kkdz_238:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1kkdz_358) {
+.awsui_header-variant-embedded_14iqq_1g6nc_358.awsui_refresh_14iqq_1g6nc_238:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1g6nc_358) {
   background-color: transparent;
 }
-.awsui_header_14iqq_1kkdz_350.awsui_header-with-media_14iqq_1kkdz_361:not(#\9) {
+.awsui_header_14iqq_1g6nc_350.awsui_header-with-media_14iqq_1g6nc_361:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_1kkdz_350.awsui_header-with-media_14iqq_1kkdz_361:not(#\9):not(:empty) {
+.awsui_header_14iqq_1g6nc_350.awsui_header-with-media_14iqq_1g6nc_361:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_1kkdz_367:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1g6nc_367:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1kkdz_358:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1g6nc_358:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1kkdz_377:not(#\9) {
+.awsui_header-stuck_14iqq_1g6nc_377: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_1kkdz_377:not(#\9)::before {
+.awsui_header-stuck_14iqq_1g6nc_377:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_1kkdz_377:not(#\9):not(.awsui_header-variant-cards_14iqq_1kkdz_387) {
-  box-shadow: var(--shadow-sticky-embedded-bxmsxm, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+.awsui_header-stuck_14iqq_1g6nc_377:not(#\9):not(.awsui_header-variant-cards_14iqq_1g6nc_387) {
+  box-shadow: var(--shadow-sticky-embedded-ficuhd, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_1kkdz_390.awsui_header-stuck_14iqq_1kkdz_377:not(#\9) {
-  margin-block-end: calc(var(--line-height-heading-xl-66u22x, 36px) - var(--line-height-heading-l-643aq3, 22px));
+.awsui_header-dynamic-height_14iqq_1g6nc_390.awsui_header-stuck_14iqq_1g6nc_377:not(#\9) {
+  margin-block-end: calc(var(--line-height-heading-xl-vs1f23, 36px) - var(--line-height-heading-l-vhgtnq, 22px));
 }
-.awsui_header_14iqq_1kkdz_350: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_1g6nc_350:not(#\9):not(:empty) {
+  border-block-end: var(--border-container-sticky-width-q7q2bv, 1px) solid var(--color-border-container-divider-0lh379, #eaeded);
 }
-.awsui_header_14iqq_1kkdz_350.awsui_with-paddings_14iqq_1kkdz_396: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_1g6nc_350.awsui_with-paddings_14iqq_1g6nc_396:not(#\9) {
+  padding-block-start: var(--space-container-header-top-3cfni8, 12px);
+  padding-block-end: var(--space-container-header-bottom-rbnprk, 12px);
+  padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_header_14iqq_1kkdz_350.awsui_with-paddings_14iqq_1kkdz_396.awsui_header-variant-cards_14iqq_1kkdz_387:not(#\9) {
-  padding-block: var(--space-container-header-top-2yfg3x, 12px);
-  padding-inline: var(--space-container-horizontal-v3575u, 20px);
+.awsui_header_14iqq_1g6nc_350.awsui_with-paddings_14iqq_1g6nc_396.awsui_header-variant-cards_14iqq_1g6nc_387:not(#\9) {
+  padding-block: var(--space-container-header-top-3cfni8, 12px);
+  padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_header_14iqq_1kkdz_350.awsui_with-hidden-content_14iqq_1kkdz_405:not(#\9) {
-  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
+.awsui_header_14iqq_1g6nc_350.awsui_with-hidden-content_14iqq_1g6nc_405:not(#\9) {
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
 }
-.awsui_header-variant-cards_14iqq_1kkdz_387: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);
+.awsui_header-variant-cards_14iqq_1g6nc_387:not(#\9) {
+  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1kkdz_387.awsui_refresh_14iqq_1kkdz_238: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_1g6nc_387.awsui_refresh_14iqq_1g6nc_238:not(#\9) {
+  border-block: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-pt4umz, #eaeded);
+  border-inline: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-pt4umz, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_1kkdz_387:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::before {
+.awsui_header-variant-cards_14iqq_1g6nc_387:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -429,14 +429,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-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);
+  border-block-start: var(--border-container-top-width-w3qnoe, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
+  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1kkdz_387:not(#\9):not(.awsui_refresh_14iqq_1kkdz_238)::after {
+.awsui_header-variant-cards_14iqq_1g6nc_387:not(#\9):not(.awsui_refresh_14iqq_1g6nc_238)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -446,32 +446,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-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));
+  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
+  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
+  box-shadow: var(--shadow-container-3fh0j3, 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_1kkdz_387:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1kkdz_358) {
+.awsui_header-variant-cards_14iqq_1g6nc_387:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1g6nc_358) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_1kkdz_387.awsui_header-stuck_14iqq_1kkdz_377:not(#\9)::after, .awsui_header-variant-cards_14iqq_1kkdz_387.awsui_header-stuck_14iqq_1kkdz_377:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1g6nc_387.awsui_header-stuck_14iqq_1g6nc_377:not(#\9)::after, .awsui_header-variant-cards_14iqq_1g6nc_387.awsui_header-stuck_14iqq_1g6nc_377: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_1kkdz_463.awsui_header-stuck_14iqq_1kkdz_377:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1g6nc_463.awsui_header-stuck_14iqq_1g6nc_377:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1kkdz_463.awsui_header-stuck_14iqq_1kkdz_377 > .awsui_header-cover_14iqq_1kkdz_466:not(#\9) {
-  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
+.awsui_header-variant-full-page_14iqq_1g6nc_463.awsui_header-stuck_14iqq_1g6nc_377 > .awsui_header-cover_14iqq_1g6nc_466:not(#\9) {
+  background-color: var(--color-background-layout-main-nu5m0g, #f2f3f3);
   inline-size: 100%;
   position: absolute;
-  block-size: var(--space-scaled-s-8j7izy, 12px);
-  inset-block-start: calc(-1 * var(--space-scaled-s-8j7izy, 12px));
+  block-size: var(--space-scaled-s-gjhvjd, 12px);
+  inset-block-start: calc(-1 * var(--space-scaled-s-gjhvjd, 12px));
 }
-.awsui_header-variant-full-page_14iqq_1kkdz_463.awsui_header-stuck_14iqq_1kkdz_377:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_1g6nc_463.awsui_header-stuck_14iqq_1g6nc_377:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -479,40 +479,40 @@ 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-iueskx, 1px) var(--color-border-divider-default-u5ytia, #eaeded);
+  border-block-end: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-pt4umz, #eaeded);
 }
-.awsui_header-variant-full-page_14iqq_1kkdz_463.awsui_header-stuck_14iqq_1kkdz_377:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1g6nc_463.awsui_header-stuck_14iqq_1g6nc_377:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
-  box-shadow: var(--shadow-sticky-ghu2x9, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+  box-shadow: var(--shadow-sticky-50bkab, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_content_14iqq_1kkdz_309:not(#\9) {
+.awsui_content_14iqq_1g6nc_309:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_1kkdz_494:not(#\9) {
+.awsui_content-fit-height_14iqq_1g6nc_494:not(#\9) {
   overflow: auto;
   display: flex;
   flex-direction: column;
 }
-.awsui_content-inner_14iqq_1kkdz_500:not(#\9) {
+.awsui_content-inner_14iqq_1g6nc_500:not(#\9) {
   flex: 1;
 }
-.awsui_content-inner_14iqq_1kkdz_500.awsui_with-paddings_14iqq_1kkdz_396:not(#\9) {
-  padding-block: var(--space-scaled-l-7e51pg, 20px);
-  padding-inline: var(--space-container-horizontal-v3575u, 20px);
+.awsui_content-inner_14iqq_1g6nc_500.awsui_with-paddings_14iqq_1g6nc_396:not(#\9) {
+  padding-block: var(--space-scaled-l-66n9sr, 20px);
+  padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_content-inner_14iqq_1kkdz_500.awsui_with-paddings_14iqq_1kkdz_396.awsui_with-header_14iqq_1kkdz_507:not(#\9) {
-  padding-block-start: var(--space-container-content-top-pvv221, 16px);
+.awsui_content-inner_14iqq_1g6nc_500.awsui_with-paddings_14iqq_1g6nc_396.awsui_with-header_14iqq_1g6nc_507:not(#\9) {
+  padding-block-start: var(--space-container-content-top-8fvzh2, 16px);
 }
-.awsui_footer_14iqq_1kkdz_511.awsui_with-paddings_14iqq_1kkdz_396:not(#\9) {
-  padding-block: var(--space-scaled-s-8j7izy, 12px);
-  padding-inline: var(--space-container-horizontal-v3575u, 20px);
+.awsui_footer_14iqq_1g6nc_511.awsui_with-paddings_14iqq_1g6nc_396:not(#\9) {
+  padding-block: var(--space-scaled-s-gjhvjd, 12px);
+  padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_footer_14iqq_1kkdz_511.awsui_with-divider_14iqq_1kkdz_515:not(#\9) {
-  border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
+.awsui_footer_14iqq_1g6nc_511.awsui_with-divider_14iqq_1g6nc_515:not(#\9) {
+  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-pt4umz, #eaeded);
 }

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

@@ -2,38 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1kkdz_189",
-  "fit-height": "awsui_fit-height_14iqq_1kkdz_222",
-  "with-side-media": "awsui_with-side-media_14iqq_1kkdz_227",
-  "variant-default": "awsui_variant-default_14iqq_1kkdz_230",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1kkdz_230",
-  "refresh": "awsui_refresh_14iqq_1kkdz_238",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1kkdz_288",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_1kkdz_294",
-  "with-top-media": "awsui_with-top-media_14iqq_1kkdz_304",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1kkdz_309",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1kkdz_314",
-  "media": "awsui_media_14iqq_1kkdz_321",
-  "media-top": "awsui_media-top_14iqq_1kkdz_339",
-  "media-side": "awsui_media-side_14iqq_1kkdz_344",
-  "header": "awsui_header_14iqq_1kkdz_350",
-  "header-full-page": "awsui_header-full-page_14iqq_1kkdz_355",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_1kkdz_358",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1kkdz_358",
-  "header-with-media": "awsui_header-with-media_14iqq_1kkdz_361",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1kkdz_367",
-  "header-stuck": "awsui_header-stuck_14iqq_1kkdz_377",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1kkdz_387",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1kkdz_390",
-  "with-paddings": "awsui_with-paddings_14iqq_1kkdz_396",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1kkdz_405",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1kkdz_463",
-  "header-cover": "awsui_header-cover_14iqq_1kkdz_466",
-  "content": "awsui_content_14iqq_1kkdz_309",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1kkdz_494",
-  "content-inner": "awsui_content-inner_14iqq_1kkdz_500",
-  "with-header": "awsui_with-header_14iqq_1kkdz_507",
-  "footer": "awsui_footer_14iqq_1kkdz_511",
-  "with-divider": "awsui_with-divider_14iqq_1kkdz_515"
+  "root": "awsui_root_14iqq_1g6nc_189",
+  "fit-height": "awsui_fit-height_14iqq_1g6nc_222",
+  "with-side-media": "awsui_with-side-media_14iqq_1g6nc_227",
+  "variant-default": "awsui_variant-default_14iqq_1g6nc_230",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1g6nc_230",
+  "refresh": "awsui_refresh_14iqq_1g6nc_238",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1g6nc_288",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_1g6nc_294",
+  "with-top-media": "awsui_with-top-media_14iqq_1g6nc_304",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1g6nc_309",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1g6nc_314",
+  "media": "awsui_media_14iqq_1g6nc_321",
+  "media-top": "awsui_media-top_14iqq_1g6nc_339",
+  "media-side": "awsui_media-side_14iqq_1g6nc_344",
+  "header": "awsui_header_14iqq_1g6nc_350",
+  "header-full-page": "awsui_header-full-page_14iqq_1g6nc_355",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_1g6nc_358",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1g6nc_358",
+  "header-with-media": "awsui_header-with-media_14iqq_1g6nc_361",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1g6nc_367",
+  "header-stuck": "awsui_header-stuck_14iqq_1g6nc_377",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1g6nc_387",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1g6nc_390",
+  "with-paddings": "awsui_with-paddings_14iqq_1g6nc_396",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1g6nc_405",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1g6nc_463",
+  "header-cover": "awsui_header-cover_14iqq_1g6nc_466",
+  "content": "awsui_content_14iqq_1g6nc_309",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1g6nc_494",
+  "content-inner": "awsui_content-inner_14iqq_1g6nc_500",
+  "with-header": "awsui_with-header_14iqq_1g6nc_507",
+  "footer": "awsui_footer_14iqq_1g6nc_511",
+  "with-divider": "awsui_with-divider_14iqq_1g6nc_515"
 };

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_1633j_145",
-  "background": "awsui_background_5gtk3_1633j_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1633j_164",
-  "header-background": "awsui_header-background_5gtk3_1633j_167",
-  "notifications": "awsui_notifications_5gtk3_1633j_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1633j_176",
-  "default-padding": "awsui_default-padding_5gtk3_1633j_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_1633j_185",
-  "with-divider": "awsui_with-divider_5gtk3_1633j_190",
-  "content": "awsui_content_5gtk3_1633j_193",
-  "has-header": "awsui_has-header_5gtk3_1633j_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1633j_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_1633j_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_1633j_208"
+  "layout": "awsui_layout_5gtk3_16nmo_145",
+  "background": "awsui_background_5gtk3_16nmo_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_16nmo_164",
+  "header-background": "awsui_header-background_5gtk3_16nmo_167",
+  "notifications": "awsui_notifications_5gtk3_16nmo_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_16nmo_176",
+  "default-padding": "awsui_default-padding_5gtk3_16nmo_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_16nmo_185",
+  "with-divider": "awsui_with-divider_5gtk3_16nmo_190",
+  "content": "awsui_content_5gtk3_16nmo_193",
+  "has-header": "awsui_has-header_5gtk3_16nmo_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_16nmo_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_16nmo_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_16nmo_208"
 };