npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.367 → 3.0.368 - Mend

@cloudscape-design/components-themeable 3.0.367 → 3.0.368

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "974be84825834bb151532ec34b5df28b8892c83d"
+  "commit": "d87a49a05958256ed124cce5fd85947515787adf"
 }

package/lib/internal/scss/container/styles.scss CHANGED Viewed

@@ -159,7 +159,7 @@
   &.with-paddings {
     padding: shared.$header-padding;
     &.header-variant-cards {
-      padding: awsui.$space-container-header-top awsui.$space-container-horizontal;
+      padding: awsui.$space-scaled-s awsui.$space-container-horizontal;
     }
   }

package/lib/internal/scss/expandable-section/styles.scss CHANGED Viewed

@@ -109,10 +109,6 @@ $icon-total-space-medium: calc(#{$icon-width-medium} + #{$icon-margin-left} + #{
     padding-bottom: awsui.$space-container-header-bottom;
     padding-right: container.$header-padding-horizontal;
-    &:not(.wrapper-expanded) {
-      // Equal top and bottom padding so standalone header has vertical symmetry.
-      padding-bottom: awsui.$space-container-header-top;
-    }
     &.header-deprecated {
       padding-left: container.$header-padding-horizontal;
     }

package/lib/internal/scss/header/styles.scss CHANGED Viewed

@@ -6,10 +6,6 @@
 @use '../internal/styles/tokens' as awsui;
 @use '../internal/styles' as styles;
-@function space-heading-button-diff($heading-height) {
-  @return calc((#{awsui.$size-vertical-input} - #{$heading-height}) / 2);
-}
 .root {
   @include styles.styles-reset();
   cursor: inherit;
@@ -48,7 +44,7 @@
   &.refresh {
     display: flex;
     flex-direction: column;
-    // Can't use justify-content: center because it won't align with configurable dashboard fixed handle icon
+    // Can't use justify-content: center because it won't align with configurable dashboard handle icon
   }
   &-variant-h1 {
@@ -110,23 +106,22 @@
   &-variant-h1 {
     font-size: awsui.$font-heading-xl-size;
-    // Use padding rather than center align with min height to avoid having extra bottom space when no actions are present.
-    // Having top padding always present ensures that all headers of the same variant start at the same height in the container,
+    // Use padding rather than center align so that all headers of the same size start at the same height in the container,
     // whether there are buttons present or not; otherwise configurable dashboard handles are misaligned.
     &.refresh {
-      padding-top: space-heading-button-diff(awsui.$font-heading-xl-line-height);
+      padding-top: calc((#{awsui.$size-vertical-input} - #{awsui.$font-heading-xl-line-height}) / 2);
     }
   }
   &-variant-h2 {
     font-size: awsui.$font-heading-l-size;
     &.refresh {
-      padding-top: space-heading-button-diff(awsui.$font-heading-l-line-height);
+      padding-top: calc((#{awsui.$size-vertical-input} - #{awsui.$font-heading-l-line-height}) / 2);
     }
   }
   &-variant-h3 {
     font-size: awsui.$font-heading-m-size;
     &.refresh {
-      padding-top: space-heading-button-diff(awsui.$font-heading-m-line-height);
+      padding-top: calc((#{awsui.$size-vertical-input} - #{awsui.$font-heading-m-line-height}) / 2);
     }
   }
   &-variant-h2:not(.refresh),

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

@@ -1,33 +1,33 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_1gaxg_97",
-  "fit-height": "awsui_fit-height_14iqq_1gaxg_111",
-  "with-side-media": "awsui_with-side-media_14iqq_1gaxg_116",
-  "variant-default": "awsui_variant-default_14iqq_1gaxg_119",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1gaxg_119",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1gaxg_172",
-  "with-top-media": "awsui_with-top-media_14iqq_1gaxg_184",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1gaxg_189",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1gaxg_194",
-  "media": "awsui_media_14iqq_1gaxg_199",
-  "media-top": "awsui_media-top_14iqq_1gaxg_211",
-  "media-side": "awsui_media-side_14iqq_1gaxg_216",
-  "header": "awsui_header_14iqq_1gaxg_222",
-  "header-with-media": "awsui_header-with-media_14iqq_1gaxg_227",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1gaxg_233",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1gaxg_237",
-  "header-stuck": "awsui_header-stuck_14iqq_1gaxg_243",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1gaxg_249",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1gaxg_252",
-  "with-paddings": "awsui_with-paddings_14iqq_1gaxg_258",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1gaxg_264",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1gaxg_314",
-  "dark-header": "awsui_dark-header_14iqq_1gaxg_332",
-  "content": "awsui_content_14iqq_1gaxg_189",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1gaxg_340",
-  "content-with-media": "awsui_content-with-media_14iqq_1gaxg_349",
-  "footer": "awsui_footer_14iqq_1gaxg_353",
-  "with-divider": "awsui_with-divider_14iqq_1gaxg_356"
+  "root": "awsui_root_14iqq_bt64y_97",
+  "fit-height": "awsui_fit-height_14iqq_bt64y_111",
+  "with-side-media": "awsui_with-side-media_14iqq_bt64y_116",
+  "variant-default": "awsui_variant-default_14iqq_bt64y_119",
+  "variant-stacked": "awsui_variant-stacked_14iqq_bt64y_119",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_bt64y_172",
+  "with-top-media": "awsui_with-top-media_14iqq_bt64y_184",
+  "content-wrapper": "awsui_content-wrapper_14iqq_bt64y_189",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_bt64y_194",
+  "media": "awsui_media_14iqq_bt64y_199",
+  "media-top": "awsui_media-top_14iqq_bt64y_211",
+  "media-side": "awsui_media-side_14iqq_bt64y_216",
+  "header": "awsui_header_14iqq_bt64y_222",
+  "header-with-media": "awsui_header-with-media_14iqq_bt64y_227",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_bt64y_233",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_bt64y_237",
+  "header-stuck": "awsui_header-stuck_14iqq_bt64y_243",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_bt64y_249",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_bt64y_252",
+  "with-paddings": "awsui_with-paddings_14iqq_bt64y_258",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_bt64y_264",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_bt64y_314",
+  "dark-header": "awsui_dark-header_14iqq_bt64y_332",
+  "content": "awsui_content_14iqq_bt64y_189",
+  "content-fit-height": "awsui_content-fit-height_14iqq_bt64y_340",
+  "content-with-media": "awsui_content-with-media_14iqq_bt64y_349",
+  "footer": "awsui_footer_14iqq_bt64y_353",
+  "with-divider": "awsui_with-divider_14iqq_bt64y_356"
 };

package/lib/internal/template/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_1gaxg_97:not(#\9) {
+.awsui_root_14iqq_bt64y_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -134,20 +134,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_1gaxg_97.awsui_fit-height_14iqq_1gaxg_111:not(#\9) {
+.awsui_root_14iqq_bt64y_97.awsui_fit-height_14iqq_bt64y_111:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_1gaxg_97.awsui_fit-height_14iqq_1gaxg_111.awsui_with-side-media_14iqq_1gaxg_116:not(#\9) {
+.awsui_root_14iqq_bt64y_97.awsui_fit-height_14iqq_bt64y_111.awsui_with-side-media_14iqq_bt64y_116:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_1gaxg_97.awsui_variant-default_14iqq_1gaxg_119:not(#\9), .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9) {
+.awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9) {
   border-radius: var(--border-radius-container-2j9fta, 0px);
   box-sizing: border-box;
   background-color: var(--color-background-container-content-rearqm, #ffffff);
 }
-.awsui_root_14iqq_1gaxg_97.awsui_variant-default_14iqq_1gaxg_119:not(#\9)::before, .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9)::before {
+.awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9)::before, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-2j9fta, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_1gaxg_97.awsui_variant-default_14iqq_1gaxg_119:not(#\9)::after, .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9)::after {
+.awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9)::after, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -177,128 +177,128 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_1gaxg_97.awsui_variant-default_14iqq_1gaxg_119:not(#\9), .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9) {
+  .awsui_root_14iqq_bt64y_97.awsui_variant-default_14iqq_bt64y_119:not(#\9), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9) {
     border: var(--border-field-width-diib1p, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
   }
 }
-.awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9):not(:last-child), .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9):not(:last-child), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9):not(:last-child)::before, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119 + .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9), .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119 + .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9)::before, .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119 + .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9)::after {
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9), .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before, .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119 + .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9)::before {
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before {
   border-top: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
 }
-.awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119 + .awsui_root_14iqq_1gaxg_97.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9)::after {
+.awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119 + .awsui_root_14iqq_bt64y_97.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::after {
   box-shadow: var(--shadow-container-stacked-vbgy88, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_root_14iqq_1gaxg_97.awsui_sticky-enabled_14iqq_1gaxg_172:not(#\9)::before {
+.awsui_root_14iqq_bt64y_97.awsui_sticky-enabled_14iqq_bt64y_172:not(#\9)::before {
   top: calc(-1 * var(--border-container-top-width-d5kmap, 1px));
 }
-.awsui_root_14iqq_1gaxg_97.awsui_sticky-enabled_14iqq_1gaxg_172.awsui_variant-stacked_14iqq_1gaxg_119:not(#\9)::before {
+.awsui_root_14iqq_bt64y_97.awsui_sticky-enabled_14iqq_bt64y_172.awsui_variant-stacked_14iqq_bt64y_119:not(#\9)::before {
   top: calc(-1 * var(--border-divider-section-width-uu4597, 1px));
 }
-.awsui_with-side-media_14iqq_1gaxg_116:not(#\9) {
+.awsui_with-side-media_14iqq_bt64y_116:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_1gaxg_184:not(#\9) {
+.awsui_with-top-media_14iqq_bt64y_184:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_1gaxg_189:not(#\9) {
+.awsui_content-wrapper_14iqq_bt64y_189:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_1gaxg_194:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_bt64y_194:not(#\9) {
   height: 100%;
   overflow: hidden;
 }
-.awsui_media_14iqq_1gaxg_199:not(#\9) {
+.awsui_media_14iqq_bt64y_199:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_1gaxg_199 img:not(#\9),
-.awsui_media_14iqq_1gaxg_199 video:not(#\9),
-.awsui_media_14iqq_1gaxg_199 picture:not(#\9) {
+.awsui_media_14iqq_bt64y_199 img:not(#\9),
+.awsui_media_14iqq_bt64y_199 video:not(#\9),
+.awsui_media_14iqq_bt64y_199 picture:not(#\9) {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media-top_14iqq_1gaxg_211:not(#\9) {
+.awsui_media-top_14iqq_bt64y_211:not(#\9) {
   max-height: 66%;
   border-top-left-radius: var(--border-radius-container-2j9fta, 0px);
   border-top-right-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_media-side_14iqq_1gaxg_216:not(#\9) {
+.awsui_media-side_14iqq_bt64y_216:not(#\9) {
   max-width: 66%;
   border-top-left-radius: var(--border-radius-container-2j9fta, 0px);
   border-bottom-left-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_header_14iqq_1gaxg_222:not(#\9) {
+.awsui_header_14iqq_bt64y_222:not(#\9) {
   background-color: var(--color-background-container-header-yoggcm, #fafafa);
   border-top-left-radius: var(--border-radius-container-2j9fta, 0px);
   border-top-right-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_header_14iqq_1gaxg_222.awsui_header-with-media_14iqq_1gaxg_227:not(#\9) {
+.awsui_header_14iqq_bt64y_222.awsui_header-with-media_14iqq_bt64y_227:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_1gaxg_222.awsui_header-with-media_14iqq_1gaxg_227:not(#\9):not(:empty) {
+.awsui_header_14iqq_bt64y_222.awsui_header-with-media_14iqq_bt64y_227:not(#\9):not(:empty) {
   border-bottom: none;
 }
-.awsui_header-sticky-disabled_14iqq_1gaxg_233:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_bt64y_233:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1gaxg_237:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_bt64y_237:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1gaxg_243:not(#\9) {
+.awsui_header-stuck_14iqq_bt64y_243:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_1gaxg_243:not(#\9)::before {
+.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_1gaxg_243:not(#\9):not(.awsui_header-variant-cards_14iqq_1gaxg_249) {
+.awsui_header-stuck_14iqq_bt64y_243:not(#\9):not(.awsui_header-variant-cards_14iqq_bt64y_249) {
   box-shadow: var(--shadow-sticky-embedded-t8qout, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_1gaxg_252.awsui_header-stuck_14iqq_1gaxg_243:not(#\9) {
+.awsui_header-dynamic-height_14iqq_bt64y_252.awsui_header-stuck_14iqq_bt64y_243:not(#\9) {
   margin-bottom: calc(var(--font-heading-xl-line-height-ar3qte, 36px) - var(--font-heading-l-line-height-imzcck, 22px));
 }
-.awsui_header_14iqq_1gaxg_222:not(#\9):not(:empty) {
+.awsui_header_14iqq_bt64y_222:not(#\9):not(:empty) {
   border-bottom: var(--border-container-sticky-width-shgl39, 1px) solid var(--color-border-container-divider-1k3lvm, #eaeded);
 }
-.awsui_header_14iqq_1gaxg_222.awsui_with-paddings_14iqq_1gaxg_258:not(#\9) {
+.awsui_header_14iqq_bt64y_222.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
   padding: var(--space-container-header-top-61cbsr, 12px) var(--space-container-horizontal-67gbm5, 20px) var(--space-container-header-bottom-7t7tqo, 12px);
 }
-.awsui_header_14iqq_1gaxg_222.awsui_with-paddings_14iqq_1gaxg_258.awsui_header-variant-cards_14iqq_1gaxg_249:not(#\9) {
-  padding: var(--space-container-header-top-61cbsr, 12px) var(--space-container-horizontal-67gbm5, 20px);
+.awsui_header_14iqq_bt64y_222.awsui_with-paddings_14iqq_bt64y_258.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9) {
+  padding: var(--space-scaled-s-eyzx9z, 12px) var(--space-container-horizontal-67gbm5, 20px);
 }
-.awsui_header_14iqq_1gaxg_222.awsui_with-hidden-content_14iqq_1gaxg_264:not(#\9) {
+.awsui_header_14iqq_bt64y_222.awsui_with-hidden-content_14iqq_bt64y_264:not(#\9) {
   border-bottom-left-radius: var(--border-radius-container-2j9fta, 0px);
   border-bottom-right-radius: var(--border-radius-container-2j9fta, 0px);
 }
-.awsui_header-variant-cards_14iqq_1gaxg_249:not(#\9) {
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9) {
   border-radius: var(--border-radius-container-2j9fta, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1gaxg_249:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1gaxg_237) {
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9):not(.awsui_header-sticky-enabled_14iqq_bt64y_237) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_1gaxg_249:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -313,7 +313,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-2j9fta, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1gaxg_249:not(#\9)::after {
+.awsui_header-variant-cards_14iqq_bt64y_249:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -328,19 +328,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_1gaxg_249:not(#\9) {
+  .awsui_header-variant-cards_14iqq_bt64y_249:not(#\9) {
     border: var(--border-field-width-diib1p, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
   }
 }
-.awsui_header-variant-cards_14iqq_1gaxg_249.awsui_header-stuck_14iqq_1gaxg_243:not(#\9)::after, .awsui_header-variant-cards_14iqq_1gaxg_249.awsui_header-stuck_14iqq_1gaxg_243:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_bt64y_249.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::after, .awsui_header-variant-cards_14iqq_bt64y_249.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_1gaxg_314.awsui_header-stuck_14iqq_1gaxg_243:not(#\9) {
+.awsui_header-variant-full-page_14iqq_bt64y_314.awsui_header-stuck_14iqq_bt64y_243:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1gaxg_314.awsui_header-stuck_14iqq_1gaxg_243:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_bt64y_314.awsui_header-stuck_14iqq_bt64y_243:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
@@ -355,30 +355,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_1gaxg_332:not(#\9) {
+.awsui_dark-header_14iqq_bt64y_332:not(#\9) {
   background-color: var(--color-background-layout-main-l0tv3m, #f2f3f3);
   color: var(--color-text-body-default-rcjsde, #16191f);
 }
-.awsui_content_14iqq_1gaxg_189:not(#\9) {
+.awsui_content_14iqq_bt64y_189:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_1gaxg_340:not(#\9) {
+.awsui_content-fit-height_14iqq_bt64y_340:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_1gaxg_189.awsui_with-paddings_14iqq_1gaxg_258:not(#\9) {
+.awsui_content_14iqq_bt64y_189.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
   padding: var(--space-scaled-l-udxpzh, 20px) var(--space-container-horizontal-67gbm5, 20px);
 }
-.awsui_header_14iqq_1gaxg_222 + .awsui_content_14iqq_1gaxg_189.awsui_with-paddings_14iqq_1gaxg_258:not(#\9) {
+.awsui_header_14iqq_bt64y_222 + .awsui_content_14iqq_bt64y_189.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
   padding-top: var(--space-container-content-top-mswvhf, 16px);
 }
-.awsui_header_14iqq_1gaxg_222 + .awsui_content_14iqq_1gaxg_189.awsui_with-paddings_14iqq_1gaxg_258.awsui_content-with-media_14iqq_1gaxg_349:not(#\9) {
+.awsui_header_14iqq_bt64y_222 + .awsui_content_14iqq_bt64y_189.awsui_with-paddings_14iqq_bt64y_258.awsui_content-with-media_14iqq_bt64y_349:not(#\9) {
   padding-top: 0;
 }
-.awsui_footer_14iqq_1gaxg_353.awsui_with-paddings_14iqq_1gaxg_258:not(#\9) {
+.awsui_footer_14iqq_bt64y_353.awsui_with-paddings_14iqq_bt64y_258:not(#\9) {
   padding: var(--space-scaled-s-eyzx9z, 12px) var(--space-container-horizontal-67gbm5, 20px);
 }
-.awsui_footer_14iqq_1gaxg_353.awsui_with-divider_14iqq_1gaxg_356:not(#\9) {
+.awsui_footer_14iqq_bt64y_353.awsui_with-divider_14iqq_bt64y_356:not(#\9) {
   border-top: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
 }

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

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1gaxg_97",
-  "fit-height": "awsui_fit-height_14iqq_1gaxg_111",
-  "with-side-media": "awsui_with-side-media_14iqq_1gaxg_116",
-  "variant-default": "awsui_variant-default_14iqq_1gaxg_119",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1gaxg_119",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1gaxg_172",
-  "with-top-media": "awsui_with-top-media_14iqq_1gaxg_184",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1gaxg_189",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1gaxg_194",
-  "media": "awsui_media_14iqq_1gaxg_199",
-  "media-top": "awsui_media-top_14iqq_1gaxg_211",
-  "media-side": "awsui_media-side_14iqq_1gaxg_216",
-  "header": "awsui_header_14iqq_1gaxg_222",
-  "header-with-media": "awsui_header-with-media_14iqq_1gaxg_227",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1gaxg_233",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1gaxg_237",
-  "header-stuck": "awsui_header-stuck_14iqq_1gaxg_243",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1gaxg_249",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1gaxg_252",
-  "with-paddings": "awsui_with-paddings_14iqq_1gaxg_258",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1gaxg_264",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1gaxg_314",
-  "dark-header": "awsui_dark-header_14iqq_1gaxg_332",
-  "content": "awsui_content_14iqq_1gaxg_189",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1gaxg_340",
-  "content-with-media": "awsui_content-with-media_14iqq_1gaxg_349",
-  "footer": "awsui_footer_14iqq_1gaxg_353",
-  "with-divider": "awsui_with-divider_14iqq_1gaxg_356"
+  "root": "awsui_root_14iqq_bt64y_97",
+  "fit-height": "awsui_fit-height_14iqq_bt64y_111",
+  "with-side-media": "awsui_with-side-media_14iqq_bt64y_116",
+  "variant-default": "awsui_variant-default_14iqq_bt64y_119",
+  "variant-stacked": "awsui_variant-stacked_14iqq_bt64y_119",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_bt64y_172",
+  "with-top-media": "awsui_with-top-media_14iqq_bt64y_184",
+  "content-wrapper": "awsui_content-wrapper_14iqq_bt64y_189",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_bt64y_194",
+  "media": "awsui_media_14iqq_bt64y_199",
+  "media-top": "awsui_media-top_14iqq_bt64y_211",
+  "media-side": "awsui_media-side_14iqq_bt64y_216",
+  "header": "awsui_header_14iqq_bt64y_222",
+  "header-with-media": "awsui_header-with-media_14iqq_bt64y_227",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_bt64y_233",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_bt64y_237",
+  "header-stuck": "awsui_header-stuck_14iqq_bt64y_243",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_bt64y_249",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_bt64y_252",
+  "with-paddings": "awsui_with-paddings_14iqq_bt64y_258",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_bt64y_264",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_bt64y_314",
+  "dark-header": "awsui_dark-header_14iqq_bt64y_332",
+  "content": "awsui_content_14iqq_bt64y_189",
+  "content-fit-height": "awsui_content-fit-height_14iqq_bt64y_340",
+  "content-with-media": "awsui_content-with-media_14iqq_bt64y_349",
+  "footer": "awsui_footer_14iqq_bt64y_353",
+  "with-divider": "awsui_with-divider_14iqq_bt64y_356"
 };

package/lib/internal/template/expandable-section/styles.css.js CHANGED Viewed

@@ -1,34 +1,34 @@
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_1rnzn_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1rnzn_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1rnzn_119",
-  "icon": "awsui_icon_gwq0h_1rnzn_133",
-  "root": "awsui_root_gwq0h_1rnzn_151",
-  "expand-button": "awsui_expand-button_gwq0h_1rnzn_168",
-  "expanded": "awsui_expanded_gwq0h_1rnzn_175",
-  "icon-container": "awsui_icon-container_gwq0h_1rnzn_179",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_1rnzn_184",
-  "wrapper": "awsui_wrapper_gwq0h_1rnzn_188",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_1rnzn_195",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1rnzn_195",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1rnzn_198",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_1rnzn_201",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_1rnzn_217",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1rnzn_239",
-  "header": "awsui_header_gwq0h_1rnzn_217",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_1rnzn_258",
-  "header-button": "awsui_header-button_gwq0h_1rnzn_268",
-  "header-container-button": "awsui_header-container-button_gwq0h_1rnzn_268",
-  "header-container": "awsui_header-container_gwq0h_1rnzn_268",
-  "header-navigation": "awsui_header-navigation_gwq0h_1rnzn_300",
-  "header-text": "awsui_header-text_gwq0h_1rnzn_332",
-  "content": "awsui_content_gwq0h_1rnzn_97",
-  "content-default": "awsui_content-default_gwq0h_1rnzn_339",
-  "content-footer": "awsui_content-footer_gwq0h_1rnzn_342",
-  "content-expanded": "awsui_content-expanded_gwq0h_1rnzn_345",
-  "focusable": "awsui_focusable_gwq0h_1rnzn_349",
-  "click-target": "awsui_click-target_gwq0h_1rnzn_360"
+  "content-enter": "awsui_content-enter_gwq0h_m19zu_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_m19zu_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_m19zu_119",
+  "icon": "awsui_icon_gwq0h_m19zu_133",
+  "root": "awsui_root_gwq0h_m19zu_151",
+  "expand-button": "awsui_expand-button_gwq0h_m19zu_168",
+  "expanded": "awsui_expanded_gwq0h_m19zu_175",
+  "icon-container": "awsui_icon-container_gwq0h_m19zu_179",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_m19zu_184",
+  "wrapper": "awsui_wrapper_gwq0h_m19zu_188",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_m19zu_195",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_m19zu_195",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_m19zu_198",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_m19zu_201",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_m19zu_217",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_m19zu_248",
+  "header": "awsui_header_gwq0h_m19zu_217",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_m19zu_255",
+  "header-button": "awsui_header-button_gwq0h_m19zu_265",
+  "header-container-button": "awsui_header-container-button_gwq0h_m19zu_265",
+  "header-container": "awsui_header-container_gwq0h_m19zu_265",
+  "header-navigation": "awsui_header-navigation_gwq0h_m19zu_297",
+  "header-text": "awsui_header-text_gwq0h_m19zu_329",
+  "content": "awsui_content_gwq0h_m19zu_97",
+  "content-default": "awsui_content-default_gwq0h_m19zu_336",
+  "content-footer": "awsui_content-footer_gwq0h_m19zu_339",
+  "content-expanded": "awsui_content-expanded_gwq0h_m19zu_342",
+  "focusable": "awsui_focusable_gwq0h_m19zu_346",
+  "click-target": "awsui_click-target_gwq0h_m19zu_357"
 };