npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.537 → 3.0.538 - Mend

@cloudscape-design/components-themeable 3.0.537 → 3.0.538

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 (211) 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_14ovh_97:not(#\9) {
+.awsui_root_14iqq_ptcr2_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -131,15 +131,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_14ovh_97.awsui_fit-height_14iqq_14ovh_133:not(#\9) {
+.awsui_root_14iqq_ptcr2_97.awsui_fit-height_14iqq_ptcr2_133:not(#\9) {
   display: flex;
   flex-direction: column;
-  height: 100%;
+  block-size: 100%;
 }
-.awsui_root_14iqq_14ovh_97.awsui_fit-height_14iqq_14ovh_133.awsui_with-side-media_14iqq_14ovh_138:not(#\9) {
+.awsui_root_14iqq_ptcr2_97.awsui_fit-height_14iqq_ptcr2_133.awsui_with-side-media_14iqq_ptcr2_138:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_14ovh_97.awsui_variant-default_14iqq_14ovh_141:not(#\9), .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9) {
+.awsui_root_14iqq_ptcr2_97.awsui_variant-default_14iqq_ptcr2_141:not(#\9), .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9) {
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
@@ -147,11 +147,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_14ovh_97.awsui_variant-default_14iqq_14ovh_141.awsui_refresh_14iqq_14ovh_149:not(#\9), .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141.awsui_refresh_14iqq_14ovh_149:not(#\9) {
+.awsui_root_14iqq_ptcr2_97.awsui_variant-default_14iqq_ptcr2_141.awsui_refresh_14iqq_ptcr2_149:not(#\9), .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141.awsui_refresh_14iqq_ptcr2_149:not(#\9) {
   border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
   border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_14ovh_97.awsui_variant-default_14iqq_14ovh_141:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::before, .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::before {
+.awsui_root_14iqq_ptcr2_97.awsui_variant-default_14iqq_ptcr2_141:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::before, .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -169,7 +169,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_14ovh_97.awsui_variant-default_14iqq_14ovh_141:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::after, .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::after {
+.awsui_root_14iqq_ptcr2_97.awsui_variant-default_14iqq_ptcr2_141:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::after, .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -185,131 +185,139 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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));
 }
-.awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9):not(:last-child), .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9):not(:last-child)::after {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  border-bottom-width: 0;
+.awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9):not(:last-child), .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9):not(:last-child)::after {
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+  border-block-end-width: 0;
 }
-.awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141 + .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9), .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141 + .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9)::before, .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141 + .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9)::after {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141 + .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9), .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141 + .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9)::before, .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141 + .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9)::after {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
 }
-.awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141 + .awsui_root_14iqq_14ovh_97.awsui_variant-stacked_14iqq_14ovh_141:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::before {
-  border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+.awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141 + .awsui_root_14iqq_ptcr2_97.awsui_variant-stacked_14iqq_ptcr2_141:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::before {
+  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_14ovh_97.awsui_sticky-enabled_14iqq_14ovh_199:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::before {
-  top: calc(-1 * var(--border-container-top-width-s1x6t0, 1px));
+.awsui_root_14iqq_ptcr2_97.awsui_sticky-enabled_14iqq_ptcr2_199:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::before {
+  inset-block-start: calc(-1 * var(--border-container-top-width-s1x6t0, 1px));
 }
-.awsui_root_14iqq_14ovh_97.awsui_sticky-enabled_14iqq_14ovh_199:not(#\9):not(.awsui_refresh_14iqq_14ovh_149).awsui_variant-stacked_14iqq_14ovh_141::before {
-  top: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
+.awsui_root_14iqq_ptcr2_97.awsui_sticky-enabled_14iqq_ptcr2_199:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149).awsui_variant-stacked_14iqq_ptcr2_141::before {
+  inset-block-start: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
 }
-.awsui_with-side-media_14iqq_14ovh_138:not(#\9) {
+.awsui_with-side-media_14iqq_ptcr2_138:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_14ovh_211:not(#\9) {
+.awsui_with-top-media_14iqq_ptcr2_211:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_14ovh_216:not(#\9) {
+.awsui_content-wrapper_14iqq_ptcr2_216:not(#\9) {
   display: flex;
   flex-direction: column;
-  width: 100%;
+  inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_14ovh_221:not(#\9) {
-  height: 100%;
+.awsui_content-wrapper-fit-height_14iqq_ptcr2_221:not(#\9) {
+  block-size: 100%;
   overflow: hidden;
 }
-.awsui_media_14iqq_14ovh_226:not(#\9) {
+.awsui_media_14iqq_ptcr2_226:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_14ovh_226 img:not(#\9),
-.awsui_media_14iqq_14ovh_226 video:not(#\9),
-.awsui_media_14iqq_14ovh_226 picture:not(#\9) {
-  width: 100%;
-  height: 100%;
+.awsui_media_14iqq_ptcr2_226 img:not(#\9),
+.awsui_media_14iqq_ptcr2_226 video:not(#\9),
+.awsui_media_14iqq_ptcr2_226 picture:not(#\9) {
+  inline-size: 100%;
+  block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_14ovh_226 iframe:not(#\9) {
-  width: 100%;
-  height: 100%;
-  border: 0;
+.awsui_media_14iqq_ptcr2_226 iframe:not(#\9) {
+  inline-size: 100%;
+  block-size: 100%;
+  border-block: 0;
+  border-inline: 0;
 }
-.awsui_media-top_14iqq_14ovh_243:not(#\9) {
-  max-height: 66%;
-  border-top-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
-  border-top-right-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
+.awsui_media-top_14iqq_ptcr2_244: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);
 }
-.awsui_media-side_14iqq_14ovh_248:not(#\9) {
-  max-width: 66%;
-  border-top-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
-  border-bottom-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
+.awsui_media-side_14iqq_ptcr2_249: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);
 }
-.awsui_header_14iqq_14ovh_254:not(#\9) {
+.awsui_header_14iqq_ptcr2_255:not(#\9) {
   background-color: var(--color-background-container-header-ni4jv3, #fafafa);
-  border-top-left-radius: var(--border-radius-container-jm6teg, 0px);
-  border-top-right-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header_14iqq_14ovh_254.awsui_header-with-media_14iqq_14ovh_259:not(#\9) {
+.awsui_header_14iqq_ptcr2_255.awsui_header-with-media_14iqq_ptcr2_260:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_14ovh_254.awsui_header-with-media_14iqq_14ovh_259:not(#\9):not(:empty) {
-  border-bottom: none;
+.awsui_header_14iqq_ptcr2_255.awsui_header-with-media_14iqq_ptcr2_260:not(#\9):not(:empty) {
+  border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_14ovh_265:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_ptcr2_266:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_14ovh_269:not(#\9) {
-  top: 0;
+.awsui_header-sticky-enabled_14iqq_ptcr2_270:not(#\9) {
+  inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_14ovh_275:not(#\9) {
-  border-radius: 0;
+.awsui_header-stuck_14iqq_ptcr2_276: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_14ovh_275:not(#\9)::before {
-  border: 0;
+.awsui_header-stuck_14iqq_ptcr2_276:not(#\9)::before {
+  border-block: 0;
+  border-inline: 0;
 }
-.awsui_header-stuck_14iqq_14ovh_275:not(#\9):not(.awsui_header-variant-cards_14iqq_14ovh_281) {
+.awsui_header-stuck_14iqq_ptcr2_276:not(#\9):not(.awsui_header-variant-cards_14iqq_ptcr2_286) {
   box-shadow: var(--shadow-sticky-embedded-f9wivk, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_14ovh_284.awsui_header-stuck_14iqq_14ovh_275:not(#\9) {
-  margin-bottom: calc(var(--line-height-heading-xl-v9hsvt, 36px) - var(--line-height-heading-l-vog8w7, 22px));
+.awsui_header-dynamic-height_14iqq_ptcr2_289.awsui_header-stuck_14iqq_ptcr2_276:not(#\9) {
+  margin-block-end: calc(var(--line-height-heading-xl-v9hsvt, 36px) - var(--line-height-heading-l-vog8w7, 22px));
 }
-.awsui_header_14iqq_14ovh_254:not(#\9):not(:empty) {
-  border-bottom: var(--border-container-sticky-width-xo3q2l, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
+.awsui_header_14iqq_ptcr2_255: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_14ovh_254.awsui_with-paddings_14iqq_14ovh_290:not(#\9) {
-  padding: var(--space-container-header-top-bomjbu, 12px) var(--space-container-horizontal-oebwqe, 20px) var(--space-container-header-bottom-qqnwwz, 12px);
+.awsui_header_14iqq_ptcr2_255.awsui_with-paddings_14iqq_ptcr2_295: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_14ovh_254.awsui_with-paddings_14iqq_14ovh_290.awsui_header-variant-cards_14iqq_14ovh_281:not(#\9) {
-  padding: var(--space-container-header-top-bomjbu, 12px) var(--space-container-horizontal-oebwqe, 20px);
+.awsui_header_14iqq_ptcr2_255.awsui_with-paddings_14iqq_ptcr2_295.awsui_header-variant-cards_14iqq_ptcr2_286:not(#\9) {
+  padding-block: var(--space-container-header-top-bomjbu, 12px);
+  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_14ovh_254.awsui_with-hidden-content_14iqq_14ovh_296:not(#\9) {
-  border-bottom-left-radius: var(--border-radius-container-jm6teg, 0px);
-  border-bottom-right-radius: var(--border-radius-container-jm6teg, 0px);
+.awsui_header_14iqq_ptcr2_255.awsui_with-hidden-content_14iqq_ptcr2_304:not(#\9) {
+  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_14ovh_281:not(#\9) {
+.awsui_header-variant-cards_14iqq_ptcr2_286: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);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_14ovh_281.awsui_refresh_14iqq_14ovh_149:not(#\9) {
+.awsui_header-variant-cards_14iqq_ptcr2_286.awsui_refresh_14iqq_ptcr2_149:not(#\9) {
   border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
   border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_14ovh_281:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::before {
+.awsui_header-variant-cards_14iqq_ptcr2_286:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -327,7 +335,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_14ovh_281:not(#\9):not(.awsui_refresh_14iqq_14ovh_149)::after {
+.awsui_header-variant-cards_14iqq_ptcr2_286:not(#\9):not(.awsui_refresh_14iqq_ptcr2_149)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -343,70 +351,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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));
 }
-.awsui_header-variant-cards_14iqq_14ovh_281:not(#\9):not(.awsui_header-sticky-enabled_14iqq_14ovh_269) {
+.awsui_header-variant-cards_14iqq_ptcr2_286:not(#\9):not(.awsui_header-sticky-enabled_14iqq_ptcr2_270) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_14ovh_281.awsui_header-stuck_14iqq_14ovh_275:not(#\9)::after, .awsui_header-variant-cards_14iqq_14ovh_281.awsui_header-stuck_14iqq_14ovh_275:not(#\9)::before {
-  border: 0;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.awsui_header-variant-cards_14iqq_ptcr2_286.awsui_header-stuck_14iqq_ptcr2_276:not(#\9)::after, .awsui_header-variant-cards_14iqq_ptcr2_286.awsui_header-stuck_14iqq_ptcr2_276: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_14ovh_353.awsui_header-stuck_14iqq_14ovh_275:not(#\9) {
+.awsui_header-variant-full-page_14iqq_ptcr2_362.awsui_header-stuck_14iqq_ptcr2_276:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_14ovh_353.awsui_header-stuck_14iqq_14ovh_275:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_ptcr2_362.awsui_header-stuck_14iqq_ptcr2_276:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  top: 0;
-  border-bottom: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
+  inset-inline-end: 0;
+  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-in8dkg, #eaeded);
 }
-.awsui_header-variant-full-page_14iqq_14ovh_353.awsui_header-stuck_14iqq_14ovh_275:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_ptcr2_362.awsui_header-stuck_14iqq_ptcr2_276:not(#\9)::after {
   content: "";
   position: absolute;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  top: 0;
+  inset: 0;
   box-shadow: var(--shadow-sticky-hxu2pv, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_header-variant-full-page_14iqq_14ovh_353.awsui_header-stuck_14iqq_14ovh_275:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_14ovh_376)::before {
+.awsui_header-variant-full-page_14iqq_ptcr2_362.awsui_header-stuck_14iqq_ptcr2_276:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_ptcr2_382)::before {
   content: "";
-  border-bottom: none;
+  border-block-end: none;
 }
 /*
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_14ovh_385:not(#\9) {
+.awsui_dark-header_14iqq_ptcr2_391:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_content_14iqq_14ovh_216:not(#\9) {
+.awsui_content_14iqq_ptcr2_216:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_14ovh_393:not(#\9) {
+.awsui_content-fit-height_14iqq_ptcr2_399:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_14ovh_216.awsui_with-paddings_14iqq_14ovh_290:not(#\9) {
-  padding: var(--space-scaled-l-08jb88, 20px) var(--space-container-horizontal-oebwqe, 20px);
+.awsui_content_14iqq_ptcr2_216.awsui_with-paddings_14iqq_ptcr2_295:not(#\9) {
+  padding-block: var(--space-scaled-l-08jb88, 20px);
+  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_14ovh_254 + .awsui_content_14iqq_14ovh_216.awsui_with-paddings_14iqq_14ovh_290:not(#\9) {
-  padding-top: var(--space-container-content-top-dkluz9, 16px);
+.awsui_header_14iqq_ptcr2_255 + .awsui_content_14iqq_ptcr2_216.awsui_with-paddings_14iqq_ptcr2_295:not(#\9) {
+  padding-block-start: var(--space-container-content-top-dkluz9, 16px);
 }
-.awsui_header_14iqq_14ovh_254 + .awsui_content_14iqq_14ovh_216.awsui_with-paddings_14iqq_14ovh_290.awsui_content-with-media_14iqq_14ovh_402:not(#\9) {
-  padding-top: 0;
+.awsui_header_14iqq_ptcr2_255 + .awsui_content_14iqq_ptcr2_216.awsui_with-paddings_14iqq_ptcr2_295.awsui_content-with-media_14iqq_ptcr2_409:not(#\9) {
+  padding-block-start: 0;
 }
-.awsui_footer_14iqq_14ovh_406.awsui_with-paddings_14iqq_14ovh_290:not(#\9) {
-  padding: var(--space-scaled-s-9q8n2q, 12px) var(--space-container-horizontal-oebwqe, 20px);
+.awsui_footer_14iqq_ptcr2_413.awsui_with-paddings_14iqq_ptcr2_295:not(#\9) {
+  padding-block: var(--space-scaled-s-9q8n2q, 12px);
+  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_footer_14iqq_14ovh_406.awsui_with-divider_14iqq_14ovh_409:not(#\9) {
-  border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+.awsui_footer_14iqq_ptcr2_413.awsui_with-divider_14iqq_ptcr2_417:not(#\9) {
+  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #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_14ovh_97",
-  "fit-height": "awsui_fit-height_14iqq_14ovh_133",
-  "with-side-media": "awsui_with-side-media_14iqq_14ovh_138",
-  "variant-default": "awsui_variant-default_14iqq_14ovh_141",
-  "variant-stacked": "awsui_variant-stacked_14iqq_14ovh_141",
-  "refresh": "awsui_refresh_14iqq_14ovh_149",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_14ovh_199",
-  "with-top-media": "awsui_with-top-media_14iqq_14ovh_211",
-  "content-wrapper": "awsui_content-wrapper_14iqq_14ovh_216",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_14ovh_221",
-  "media": "awsui_media_14iqq_14ovh_226",
-  "media-top": "awsui_media-top_14iqq_14ovh_243",
-  "media-side": "awsui_media-side_14iqq_14ovh_248",
-  "header": "awsui_header_14iqq_14ovh_254",
-  "header-with-media": "awsui_header-with-media_14iqq_14ovh_259",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_14ovh_265",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_14ovh_269",
-  "header-stuck": "awsui_header-stuck_14iqq_14ovh_275",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_14ovh_281",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_14ovh_284",
-  "with-paddings": "awsui_with-paddings_14iqq_14ovh_290",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_14ovh_296",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_14ovh_353",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_14ovh_376",
-  "dark-header": "awsui_dark-header_14iqq_14ovh_385",
-  "content": "awsui_content_14iqq_14ovh_216",
-  "content-fit-height": "awsui_content-fit-height_14iqq_14ovh_393",
-  "content-with-media": "awsui_content-with-media_14iqq_14ovh_402",
-  "footer": "awsui_footer_14iqq_14ovh_406",
-  "with-divider": "awsui_with-divider_14iqq_14ovh_409"
+  "root": "awsui_root_14iqq_ptcr2_97",
+  "fit-height": "awsui_fit-height_14iqq_ptcr2_133",
+  "with-side-media": "awsui_with-side-media_14iqq_ptcr2_138",
+  "variant-default": "awsui_variant-default_14iqq_ptcr2_141",
+  "variant-stacked": "awsui_variant-stacked_14iqq_ptcr2_141",
+  "refresh": "awsui_refresh_14iqq_ptcr2_149",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_ptcr2_199",
+  "with-top-media": "awsui_with-top-media_14iqq_ptcr2_211",
+  "content-wrapper": "awsui_content-wrapper_14iqq_ptcr2_216",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_ptcr2_221",
+  "media": "awsui_media_14iqq_ptcr2_226",
+  "media-top": "awsui_media-top_14iqq_ptcr2_244",
+  "media-side": "awsui_media-side_14iqq_ptcr2_249",
+  "header": "awsui_header_14iqq_ptcr2_255",
+  "header-with-media": "awsui_header-with-media_14iqq_ptcr2_260",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_ptcr2_266",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_ptcr2_270",
+  "header-stuck": "awsui_header-stuck_14iqq_ptcr2_276",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_ptcr2_286",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_ptcr2_289",
+  "with-paddings": "awsui_with-paddings_14iqq_ptcr2_295",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_ptcr2_304",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_ptcr2_362",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_ptcr2_382",
+  "dark-header": "awsui_dark-header_14iqq_ptcr2_391",
+  "content": "awsui_content_14iqq_ptcr2_216",
+  "content-fit-height": "awsui_content-fit-height_14iqq_ptcr2_399",
+  "content-with-media": "awsui_content-with-media_14iqq_ptcr2_409",
+  "footer": "awsui_footer_14iqq_ptcr2_413",
+  "with-divider": "awsui_with-divider_14iqq_ptcr2_417"
 };

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_16z67_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_16z67_99",
-  "background": "awsui_background_5gtk3_16z67_102",
-  "header": "awsui_header_5gtk3_16z67_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_16z67_121",
-  "content": "awsui_content_5gtk3_16z67_129",
-  "has-header": "awsui_has-header_5gtk3_16z67_133"
+  "layout": "awsui_layout_5gtk3_epevd_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_epevd_99",
+  "background": "awsui_background_5gtk3_epevd_102",
+  "header": "awsui_header_5gtk3_epevd_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_epevd_121",
+  "content": "awsui_content_5gtk3_epevd_129",
+  "has-header": "awsui_has-header_5gtk3_epevd_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_16z67_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_16z67_99) {
+.awsui_layout_5gtk3_epevd_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_epevd_99) {
   display: contents;
 }
-.awsui_layout_5gtk3_16z67_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_16z67_99) > .awsui_background_5gtk3_16z67_102 {
+.awsui_layout_5gtk3_epevd_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_epevd_99) > .awsui_background_5gtk3_epevd_102 {
   display: none;
 }
-.awsui_layout_5gtk3_16z67_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_16z67_99) > .awsui_header_5gtk3_16z67_105 {
-  padding-bottom: var(--space-content-header-padding-bottom-d3iv03, 16px);
+.awsui_layout_5gtk3_epevd_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_epevd_99) > .awsui_header_5gtk3_epevd_105 {
+  padding-block-end: var(--space-content-header-padding-bottom-d3iv03, 16px);
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99:not(#\9) {
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99:not(#\9) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   grid-template-rows: auto var(--space-dark-header-overlap-distance-f6oo6u, 0px) 1fr;
-  min-height: 100%;
+  min-block-size: 100%;
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99 > .awsui_background_5gtk3_16z67_102:not(#\9) {
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99 > .awsui_background_5gtk3_epevd_102:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   grid-column: 1;
   grid-row: 1/3;
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99 > .awsui_background_5gtk3_16z67_102.awsui_is-overlap-disabled_5gtk3_16z67_121:not(#\9) {
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99 > .awsui_background_5gtk3_epevd_102.awsui_is-overlap-disabled_5gtk3_epevd_121:not(#\9) {
   grid-row: 1/2;
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99 > .awsui_header_5gtk3_16z67_105:not(#\9) {
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99 > .awsui_header_5gtk3_epevd_105:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  padding-bottom: var(--space-content-header-padding-bottom-d3iv03, 16px);
+  padding-block-end: var(--space-content-header-padding-bottom-d3iv03, 16px);
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99 > .awsui_content_5gtk3_16z67_129:not(#\9) {
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99 > .awsui_content_5gtk3_epevd_129:not(#\9) {
   grid-column: 1;
   grid-row: 2/4;
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99:not(#\9):not(.awsui_has-header_5gtk3_16z67_133) {
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99:not(#\9):not(.awsui_has-header_5gtk3_epevd_133) {
   grid-template-rows: auto calc(
         var(--space-dark-header-overlap-distance-f6oo6u, 0px) + var(--awsui-container-first-overlap-extension-y98gph, 0px) + var(--awsui-container-first-gap-y98gph, 0px)
       ) 1fr;
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99:not(#\9):not(.awsui_has-header_5gtk3_16z67_133) > .awsui_content_5gtk3_16z67_129 {
-  padding-top: var(--awsui-container-first-gap-y98gph, 0px);
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99:not(#\9):not(.awsui_has-header_5gtk3_epevd_133) > .awsui_content_5gtk3_epevd_129 {
+  padding-block-start: var(--awsui-container-first-gap-y98gph, 0px);
 }
-.awsui_layout_5gtk3_16z67_99.awsui_is-visual-refresh_5gtk3_16z67_99.awsui_is-overlap-disabled_5gtk3_16z67_121:not(#\9) {
+.awsui_layout_5gtk3_epevd_99.awsui_is-visual-refresh_5gtk3_epevd_99.awsui_is-overlap-disabled_5gtk3_epevd_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_16z67_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_16z67_99",
-  "background": "awsui_background_5gtk3_16z67_102",
-  "header": "awsui_header_5gtk3_16z67_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_16z67_121",
-  "content": "awsui_content_5gtk3_16z67_129",
-  "has-header": "awsui_has-header_5gtk3_16z67_133"
+  "layout": "awsui_layout_5gtk3_epevd_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_epevd_99",
+  "background": "awsui_background_5gtk3_epevd_102",
+  "header": "awsui_header_5gtk3_epevd_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_epevd_121",
+  "content": "awsui_content_5gtk3_epevd_129",
+  "has-header": "awsui_has-header_5gtk3_epevd_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_1dahn_93",
-  "focus-lock": "awsui_focus-lock_145pa_1dahn_128",
-  "calendar": "awsui_calendar_145pa_1dahn_132",
-  "date-picker-container": "awsui_date-picker-container_145pa_1dahn_148",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1dahn_153",
-  "date-picker-input": "awsui_date-picker-input_145pa_1dahn_157",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1dahn_162"
+  "root": "awsui_root_145pa_1pwk7_93",
+  "focus-lock": "awsui_focus-lock_145pa_1pwk7_128",
+  "calendar": "awsui_calendar_145pa_1pwk7_132",
+  "date-picker-container": "awsui_date-picker-container_145pa_1pwk7_148",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1pwk7_153",
+  "date-picker-input": "awsui_date-picker-input_145pa_1pwk7_157",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_1pwk7_162"
 };

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_1dahn_93:not(#\9) {
+.awsui_root_145pa_1pwk7_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -126,17 +126,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_focus-lock_145pa_1dahn_128:not(#\9) {
+.awsui_focus-lock_145pa_1pwk7_128:not(#\9) {
   display: contents;
 }
-.awsui_calendar_145pa_1dahn_132:not(#\9) {
+.awsui_calendar_145pa_1pwk7_132:not(#\9) {
   overflow: auto;
 }
-.awsui_calendar_145pa_1dahn_132:not(#\9):focus {
+.awsui_calendar_145pa_1pwk7_132:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1dahn_132:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1pwk7_132:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-dropdown-cw0ldi, 0px);
@@ -146,20 +146,20 @@ body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1dahn_132:not(#\9):foc
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_date-picker-container_145pa_1dahn_148:not(#\9) {
+.awsui_date-picker-container_145pa_1pwk7_148:not(#\9) {
   position: relative;
-  max-width: 234px;
+  max-inline-size: 234px;
 }
-.awsui_date-picker-trigger_145pa_1dahn_153:not(#\9) {
+.awsui_date-picker-trigger_145pa_1pwk7_153:not(#\9) {
   display: flex;
 }
-.awsui_date-picker-input_145pa_1dahn_157:not(#\9) {
-  padding-right: var(--space-xs-xf5ch3, 8px);
-  width: 100%;
+.awsui_date-picker-input_145pa_1pwk7_157:not(#\9) {
+  padding-inline-end: var(--space-xs-xf5ch3, 8px);
+  inline-size: 100%;
 }
-.awsui_open-calendar-button_145pa_1dahn_162:not(#\9) {
+.awsui_open-calendar-button_145pa_1pwk7_162:not(#\9) {
   /* used in test-utils */
 }