npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1359 → 3.0.1361 - Mend

@cloudscape-design/components-themeable 3.0.1359 → 3.0.1361

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

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_k2y2q_1fngv_9",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_1fngv_42",
-  "outline": "awsui_outline_k2y2q_1fngv_50"
+  "root": "awsui_root_k2y2q_cvwwu_9",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_cvwwu_42",
+  "outline": "awsui_outline_k2y2q_cvwwu_50"
 };

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

@@ -1,38 +1,38 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_126kz_13",
-  "fit-height": "awsui_fit-height_14iqq_126kz_46",
-  "with-side-media": "awsui_with-side-media_14iqq_126kz_51",
-  "variant-default": "awsui_variant-default_14iqq_126kz_54",
-  "variant-stacked": "awsui_variant-stacked_14iqq_126kz_54",
-  "refresh": "awsui_refresh_14iqq_126kz_62",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_126kz_112",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_126kz_118",
-  "with-top-media": "awsui_with-top-media_14iqq_126kz_128",
-  "content-wrapper": "awsui_content-wrapper_14iqq_126kz_133",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_126kz_138",
-  "media": "awsui_media_14iqq_126kz_145",
-  "media-top": "awsui_media-top_14iqq_126kz_163",
-  "media-side": "awsui_media-side_14iqq_126kz_168",
-  "header": "awsui_header_14iqq_126kz_174",
-  "header-full-page": "awsui_header-full-page_14iqq_126kz_179",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_126kz_182",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_126kz_182",
-  "header-with-media": "awsui_header-with-media_14iqq_126kz_185",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_126kz_191",
-  "header-stuck": "awsui_header-stuck_14iqq_126kz_201",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_126kz_211",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_126kz_214",
-  "with-paddings": "awsui_with-paddings_14iqq_126kz_220",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_126kz_229",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_126kz_287",
-  "header-cover": "awsui_header-cover_14iqq_126kz_290",
-  "content": "awsui_content_14iqq_126kz_133",
-  "content-fit-height": "awsui_content-fit-height_14iqq_126kz_318",
-  "content-inner": "awsui_content-inner_14iqq_126kz_324",
-  "with-header": "awsui_with-header_14iqq_126kz_331",
-  "footer": "awsui_footer_14iqq_126kz_335",
-  "with-divider": "awsui_with-divider_14iqq_126kz_339"
+  "root": "awsui_root_14iqq_1me67_13",
+  "fit-height": "awsui_fit-height_14iqq_1me67_46",
+  "with-side-media": "awsui_with-side-media_14iqq_1me67_51",
+  "variant-default": "awsui_variant-default_14iqq_1me67_54",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1me67_54",
+  "refresh": "awsui_refresh_14iqq_1me67_63",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1me67_113",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_1me67_119",
+  "with-top-media": "awsui_with-top-media_14iqq_1me67_129",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1me67_134",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1me67_139",
+  "media": "awsui_media_14iqq_1me67_146",
+  "media-top": "awsui_media-top_14iqq_1me67_164",
+  "media-side": "awsui_media-side_14iqq_1me67_169",
+  "header": "awsui_header_14iqq_1me67_175",
+  "header-full-page": "awsui_header-full-page_14iqq_1me67_180",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_1me67_183",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1me67_183",
+  "header-with-media": "awsui_header-with-media_14iqq_1me67_186",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1me67_192",
+  "header-stuck": "awsui_header-stuck_14iqq_1me67_202",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1me67_212",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1me67_215",
+  "with-paddings": "awsui_with-paddings_14iqq_1me67_221",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1me67_230",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1me67_288",
+  "header-cover": "awsui_header-cover_14iqq_1me67_291",
+  "content": "awsui_content_14iqq_1me67_134",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1me67_319",
+  "content-inner": "awsui_content-inner_14iqq_1me67_325",
+  "with-header": "awsui_with-header_14iqq_1me67_332",
+  "footer": "awsui_footer_14iqq_1me67_336",
+  "with-divider": "awsui_with-divider_14iqq_1me67_340"
 };

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

@@ -10,7 +10,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_126kz_13:not(#\9) {
+.awsui_root_14iqq_1me67_13:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -43,27 +43,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_126kz_13.awsui_fit-height_14iqq_126kz_46:not(#\9) {
+.awsui_root_14iqq_1me67_13.awsui_fit-height_14iqq_1me67_46:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_126kz_13.awsui_fit-height_14iqq_126kz_46.awsui_with-side-media_14iqq_126kz_51:not(#\9) {
+.awsui_root_14iqq_1me67_13.awsui_fit-height_14iqq_1me67_46.awsui_with-side-media_14iqq_1me67_51:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_126kz_13.awsui_variant-default_14iqq_126kz_54:not(#\9), .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9) {
+.awsui_root_14iqq_1me67_13.awsui_variant-default_14iqq_1me67_54:not(#\9), .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9) {
   background-color: var(--color-background-container-content-mjfil9, #ffffff);
+  --awsui-inline-label-background-color-66120l: var(--color-background-container-content-mjfil9, #ffffff);
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_126kz_13.awsui_variant-default_14iqq_126kz_54.awsui_refresh_14iqq_126kz_62:not(#\9), .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54.awsui_refresh_14iqq_126kz_62:not(#\9) {
+.awsui_root_14iqq_1me67_13.awsui_variant-default_14iqq_1me67_54.awsui_refresh_14iqq_1me67_63:not(#\9), .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54.awsui_refresh_14iqq_1me67_63:not(#\9) {
   border-block: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
   border-inline: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_root_14iqq_126kz_13.awsui_variant-default_14iqq_126kz_54:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::before, .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::before {
+.awsui_root_14iqq_1me67_13.awsui_variant-default_14iqq_1me67_54:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::before, .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -81,7 +82,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_126kz_13.awsui_variant-default_14iqq_126kz_54:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::after, .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::after {
+.awsui_root_14iqq_1me67_13.awsui_variant-default_14iqq_1me67_54:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::after, .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -97,151 +98,151 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   box-shadow: var(--shadow-container-quglkl, 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_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9):not(:last-child), .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9):not(:last-child)::before, .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9):not(:last-child), .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54 + .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9), .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54 + .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9)::before, .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54 + .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9)::after {
+.awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54 + .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9), .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54 + .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9)::before, .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54 + .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54 + .awsui_root_14iqq_126kz_13.awsui_variant-stacked_14iqq_126kz_54:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::before {
+.awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54 + .awsui_root_14iqq_1me67_13.awsui_variant-stacked_14iqq_1me67_54:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::before {
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_root_14iqq_126kz_13.awsui_sticky-enabled_14iqq_126kz_112:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::before {
+.awsui_root_14iqq_1me67_13.awsui_sticky-enabled_14iqq_1me67_113:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-6p1io9, 1px));
 }
-.awsui_root_14iqq_126kz_13.awsui_sticky-enabled_14iqq_126kz_112:not(#\9):not(.awsui_refresh_14iqq_126kz_62).awsui_variant-stacked_14iqq_126kz_54::before {
+.awsui_root_14iqq_1me67_13.awsui_sticky-enabled_14iqq_1me67_113:not(#\9):not(.awsui_refresh_14iqq_1me67_63).awsui_variant-stacked_14iqq_1me67_54::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_root_14iqq_126kz_13.awsui_with-stuck-sticky-header-at-bottom_14iqq_126kz_118:not(#\9) {
+.awsui_root_14iqq_1me67_13.awsui_with-stuck-sticky-header-at-bottom_14iqq_1me67_119:not(#\9) {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
 }
-.awsui_with-side-media_14iqq_126kz_51:not(#\9) {
+.awsui_with-side-media_14iqq_1me67_51:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_126kz_128:not(#\9) {
+.awsui_with-top-media_14iqq_1me67_129:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_126kz_133:not(#\9) {
+.awsui_content-wrapper_14iqq_1me67_134:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_126kz_138:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1me67_139:not(#\9) {
   block-size: 100%;
   overflow: hidden;
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_media_14iqq_126kz_145:not(#\9) {
+.awsui_media_14iqq_1me67_146:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_126kz_145 img:not(#\9),
-.awsui_media_14iqq_126kz_145 video:not(#\9),
-.awsui_media_14iqq_126kz_145 picture:not(#\9) {
+.awsui_media_14iqq_1me67_146 img:not(#\9),
+.awsui_media_14iqq_1me67_146 video:not(#\9),
+.awsui_media_14iqq_1me67_146 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_126kz_145 iframe:not(#\9) {
+.awsui_media_14iqq_1me67_146 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_126kz_163:not(#\9) {
+.awsui_media-top_14iqq_1me67_164:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
 }
-.awsui_media-side_14iqq_126kz_168:not(#\9) {
+.awsui_media-side_14iqq_1me67_169:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-33hhdh, 0px) - 1px);
 }
-.awsui_header_14iqq_126kz_174:not(#\9) {
+.awsui_header_14iqq_1me67_175:not(#\9) {
   background-color: var(--color-background-container-header-irktp5, #fafafa);
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_header_14iqq_126kz_174.awsui_header-full-page_14iqq_126kz_179:not(#\9) {
+.awsui_header_14iqq_1me67_175.awsui_header-full-page_14iqq_1me67_180:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
-.awsui_header-variant-embedded_14iqq_126kz_182.awsui_refresh_14iqq_126kz_62:not(#\9):not(.awsui_header-sticky-enabled_14iqq_126kz_182) {
+.awsui_header-variant-embedded_14iqq_1me67_183.awsui_refresh_14iqq_1me67_63:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1me67_183) {
   background-color: transparent;
 }
-.awsui_header_14iqq_126kz_174.awsui_header-with-media_14iqq_126kz_185:not(#\9) {
+.awsui_header_14iqq_1me67_175.awsui_header-with-media_14iqq_1me67_186:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_126kz_174.awsui_header-with-media_14iqq_126kz_185:not(#\9):not(:empty) {
+.awsui_header_14iqq_1me67_175.awsui_header-with-media_14iqq_1me67_186:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_126kz_191:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1me67_192:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_126kz_182:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1me67_183:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_126kz_201:not(#\9) {
+.awsui_header-stuck_14iqq_1me67_202: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_126kz_201:not(#\9)::before {
+.awsui_header-stuck_14iqq_1me67_202:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_126kz_201:not(#\9):not(.awsui_header-variant-cards_14iqq_126kz_211) {
+.awsui_header-stuck_14iqq_1me67_202:not(#\9):not(.awsui_header-variant-cards_14iqq_1me67_212) {
   box-shadow: var(--shadow-sticky-embedded-5m1s1m, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_126kz_214.awsui_header-stuck_14iqq_126kz_201:not(#\9) {
+.awsui_header-dynamic-height_14iqq_1me67_215.awsui_header-stuck_14iqq_1me67_202:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-pi61pg, 36px) - var(--line-height-heading-l-zmt48b, 22px));
 }
-.awsui_header_14iqq_126kz_174:not(#\9):not(:empty) {
+.awsui_header_14iqq_1me67_175:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-ns9pe4, 1px) solid var(--color-border-container-divider-rkhoab, #eaeded);
 }
-.awsui_header_14iqq_126kz_174.awsui_with-paddings_14iqq_126kz_220:not(#\9) {
+.awsui_header_14iqq_1me67_175.awsui_with-paddings_14iqq_1me67_221:not(#\9) {
   padding-block-start: var(--space-container-header-top-3txhx4, 12px);
   padding-block-end: var(--space-container-header-bottom-9elagw, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_header_14iqq_126kz_174.awsui_with-paddings_14iqq_126kz_220.awsui_header-variant-cards_14iqq_126kz_211:not(#\9) {
+.awsui_header_14iqq_1me67_175.awsui_with-paddings_14iqq_1me67_221.awsui_header-variant-cards_14iqq_1me67_212:not(#\9) {
   padding-block: var(--space-container-header-top-3txhx4, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_header_14iqq_126kz_174.awsui_with-hidden-content_14iqq_126kz_229:not(#\9) {
+.awsui_header_14iqq_1me67_175.awsui_with-hidden-content_14iqq_1me67_230:not(#\9) {
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_header-variant-cards_14iqq_126kz_211:not(#\9) {
+.awsui_header-variant-cards_14iqq_1me67_212:not(#\9) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_126kz_211.awsui_refresh_14iqq_126kz_62:not(#\9) {
+.awsui_header-variant-cards_14iqq_1me67_212.awsui_refresh_14iqq_1me67_63:not(#\9) {
   border-block: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
   border-inline: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_126kz_211:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::before {
+.awsui_header-variant-cards_14iqq_1me67_212:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -259,7 +260,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_126kz_211:not(#\9):not(.awsui_refresh_14iqq_126kz_62)::after {
+.awsui_header-variant-cards_14iqq_1me67_212:not(#\9):not(.awsui_refresh_14iqq_1me67_63)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -275,26 +276,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   box-shadow: var(--shadow-container-quglkl, 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_126kz_211:not(#\9):not(.awsui_header-sticky-enabled_14iqq_126kz_182) {
+.awsui_header-variant-cards_14iqq_1me67_212:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1me67_183) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_126kz_211.awsui_header-stuck_14iqq_126kz_201:not(#\9)::after, .awsui_header-variant-cards_14iqq_126kz_211.awsui_header-stuck_14iqq_126kz_201:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1me67_212.awsui_header-stuck_14iqq_1me67_202:not(#\9)::after, .awsui_header-variant-cards_14iqq_1me67_212.awsui_header-stuck_14iqq_1me67_202: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_126kz_287.awsui_header-stuck_14iqq_126kz_201:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1me67_288.awsui_header-stuck_14iqq_1me67_202:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_126kz_287.awsui_header-stuck_14iqq_126kz_201 > .awsui_header-cover_14iqq_126kz_290:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1me67_288.awsui_header-stuck_14iqq_1me67_202 > .awsui_header-cover_14iqq_1me67_291:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
   inline-size: 100%;
   position: absolute;
   block-size: var(--space-scaled-s-2crg2b, 12px);
   inset-block-start: calc(-1 * var(--space-scaled-s-2crg2b, 12px));
 }
-.awsui_header-variant-full-page_14iqq_126kz_287.awsui_header-stuck_14iqq_126kz_201:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_1me67_288.awsui_header-stuck_14iqq_1me67_202:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -304,7 +305,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_header-variant-full-page_14iqq_126kz_287.awsui_header-stuck_14iqq_126kz_201:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1me67_288.awsui_header-stuck_14iqq_1me67_202:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -312,30 +313,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_content_14iqq_126kz_133:not(#\9) {
+.awsui_content_14iqq_1me67_134:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_126kz_318:not(#\9) {
+.awsui_content-fit-height_14iqq_1me67_319:not(#\9) {
   overflow: auto;
   display: flex;
   flex-direction: column;
 }
-.awsui_content-inner_14iqq_126kz_324:not(#\9) {
+.awsui_content-inner_14iqq_1me67_325:not(#\9) {
   flex: 1;
 }
-.awsui_content-inner_14iqq_126kz_324.awsui_with-paddings_14iqq_126kz_220:not(#\9) {
+.awsui_content-inner_14iqq_1me67_325.awsui_with-paddings_14iqq_1me67_221:not(#\9) {
   padding-block: var(--space-scaled-l-33ruz6, 20px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_content-inner_14iqq_126kz_324.awsui_with-paddings_14iqq_126kz_220.awsui_with-header_14iqq_126kz_331:not(#\9) {
+.awsui_content-inner_14iqq_1me67_325.awsui_with-paddings_14iqq_1me67_221.awsui_with-header_14iqq_1me67_332:not(#\9) {
   padding-block-start: var(--space-container-content-top-ryubqz, 16px);
 }
-.awsui_footer_14iqq_126kz_335.awsui_with-paddings_14iqq_126kz_220:not(#\9) {
+.awsui_footer_14iqq_1me67_336.awsui_with-paddings_14iqq_1me67_221:not(#\9) {
   padding-block: var(--space-scaled-s-2crg2b, 12px);
   padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
-.awsui_footer_14iqq_126kz_335.awsui_with-divider_14iqq_126kz_339:not(#\9) {
+.awsui_footer_14iqq_1me67_336.awsui_with-divider_14iqq_1me67_340:not(#\9) {
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #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_126kz_13",
-  "fit-height": "awsui_fit-height_14iqq_126kz_46",
-  "with-side-media": "awsui_with-side-media_14iqq_126kz_51",
-  "variant-default": "awsui_variant-default_14iqq_126kz_54",
-  "variant-stacked": "awsui_variant-stacked_14iqq_126kz_54",
-  "refresh": "awsui_refresh_14iqq_126kz_62",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_126kz_112",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_126kz_118",
-  "with-top-media": "awsui_with-top-media_14iqq_126kz_128",
-  "content-wrapper": "awsui_content-wrapper_14iqq_126kz_133",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_126kz_138",
-  "media": "awsui_media_14iqq_126kz_145",
-  "media-top": "awsui_media-top_14iqq_126kz_163",
-  "media-side": "awsui_media-side_14iqq_126kz_168",
-  "header": "awsui_header_14iqq_126kz_174",
-  "header-full-page": "awsui_header-full-page_14iqq_126kz_179",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_126kz_182",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_126kz_182",
-  "header-with-media": "awsui_header-with-media_14iqq_126kz_185",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_126kz_191",
-  "header-stuck": "awsui_header-stuck_14iqq_126kz_201",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_126kz_211",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_126kz_214",
-  "with-paddings": "awsui_with-paddings_14iqq_126kz_220",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_126kz_229",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_126kz_287",
-  "header-cover": "awsui_header-cover_14iqq_126kz_290",
-  "content": "awsui_content_14iqq_126kz_133",
-  "content-fit-height": "awsui_content-fit-height_14iqq_126kz_318",
-  "content-inner": "awsui_content-inner_14iqq_126kz_324",
-  "with-header": "awsui_with-header_14iqq_126kz_331",
-  "footer": "awsui_footer_14iqq_126kz_335",
-  "with-divider": "awsui_with-divider_14iqq_126kz_339"
+  "root": "awsui_root_14iqq_1me67_13",
+  "fit-height": "awsui_fit-height_14iqq_1me67_46",
+  "with-side-media": "awsui_with-side-media_14iqq_1me67_51",
+  "variant-default": "awsui_variant-default_14iqq_1me67_54",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1me67_54",
+  "refresh": "awsui_refresh_14iqq_1me67_63",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1me67_113",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_1me67_119",
+  "with-top-media": "awsui_with-top-media_14iqq_1me67_129",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1me67_134",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1me67_139",
+  "media": "awsui_media_14iqq_1me67_146",
+  "media-top": "awsui_media-top_14iqq_1me67_164",
+  "media-side": "awsui_media-side_14iqq_1me67_169",
+  "header": "awsui_header_14iqq_1me67_175",
+  "header-full-page": "awsui_header-full-page_14iqq_1me67_180",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_1me67_183",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1me67_183",
+  "header-with-media": "awsui_header-with-media_14iqq_1me67_186",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1me67_192",
+  "header-stuck": "awsui_header-stuck_14iqq_1me67_202",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1me67_212",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1me67_215",
+  "with-paddings": "awsui_with-paddings_14iqq_1me67_221",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1me67_230",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1me67_288",
+  "header-cover": "awsui_header-cover_14iqq_1me67_291",
+  "content": "awsui_content_14iqq_1me67_134",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1me67_319",
+  "content-inner": "awsui_content-inner_14iqq_1me67_325",
+  "with-header": "awsui_with-header_14iqq_1me67_332",
+  "footer": "awsui_footer_14iqq_1me67_336",
+  "with-divider": "awsui_with-divider_14iqq_1me67_340"
 };

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_1eyqt_9",
-  "background": "awsui_background_5gtk3_1eyqt_23",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1eyqt_28",
-  "header-background": "awsui_header-background_5gtk3_1eyqt_31",
-  "notifications": "awsui_notifications_5gtk3_1eyqt_35",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1eyqt_40",
-  "default-padding": "awsui_default-padding_5gtk3_1eyqt_45",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_1eyqt_49",
-  "with-divider": "awsui_with-divider_5gtk3_1eyqt_54",
-  "content": "awsui_content_5gtk3_1eyqt_57",
-  "has-header": "awsui_has-header_5gtk3_1eyqt_61",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1eyqt_68",
-  "has-default-background": "awsui_has-default-background_5gtk3_1eyqt_68",
-  "has-notifications": "awsui_has-notifications_5gtk3_1eyqt_72"
+  "layout": "awsui_layout_5gtk3_10lrw_9",
+  "background": "awsui_background_5gtk3_10lrw_23",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_10lrw_28",
+  "header-background": "awsui_header-background_5gtk3_10lrw_31",
+  "notifications": "awsui_notifications_5gtk3_10lrw_35",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_10lrw_40",
+  "default-padding": "awsui_default-padding_5gtk3_10lrw_45",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_10lrw_49",
+  "with-divider": "awsui_with-divider_5gtk3_10lrw_54",
+  "content": "awsui_content_5gtk3_10lrw_57",
+  "has-header": "awsui_has-header_5gtk3_10lrw_61",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_10lrw_68",
+  "has-default-background": "awsui_has-default-background_5gtk3_10lrw_68",
+  "has-notifications": "awsui_has-notifications_5gtk3_10lrw_72"
 };

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

@@ -6,72 +6,72 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_layout_5gtk3_1eyqt_9:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-esndbs: var(--space-layout-content-horizontal-axaoos, 40px);
-  --awsui-content-layout-max-content-width-esndbs: 0px;
-  --awsui-content-layout-main-gap-esndbs: 0px;
+.awsui_layout_5gtk3_10lrw_9:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-66120l: var(--space-layout-content-horizontal-axaoos, 40px);
+  --awsui-content-layout-max-content-width-66120l: 0px;
+  --awsui-content-layout-main-gap-66120l: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-esndbs)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-esndbs) min-content min-content auto var(--space-dark-header-overlap-distance-16rv3i, 0px) 1fr;
+  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-66120l)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-66120l) min-content min-content auto var(--space-dark-header-overlap-distance-16rv3i, 0px) 1fr;
   min-block-size: 100%;
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_1eyqt_9:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-esndbs: var(--space-l-dpyxli, 20px);
+  .awsui_layout_5gtk3_10lrw_9:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-66120l: var(--space-l-dpyxli, 20px);
   }
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_background_5gtk3_1eyqt_23:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_background_5gtk3_10lrw_23:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-b2us04, #16191f);
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_background_5gtk3_1eyqt_23.awsui_is-overlap-disabled_5gtk3_1eyqt_28:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_background_5gtk3_10lrw_23.awsui_is-overlap-disabled_5gtk3_10lrw_28:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_background_5gtk3_1eyqt_23 > .awsui_header-background_5gtk3_1eyqt_31:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_background_5gtk3_10lrw_23 > .awsui_header-background_5gtk3_10lrw_31:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_notifications_5gtk3_1eyqt_35:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_notifications_5gtk3_10lrw_35:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_breadcrumbs_5gtk3_1eyqt_40:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_breadcrumbs_5gtk3_10lrw_40:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_layout_5gtk3_1eyqt_9.awsui_default-padding_5gtk3_1eyqt_45:not(#\9) {
-  --awsui-content-layout-main-gap-esndbs: var(--space-scaled-m-lfeh3i, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-esndbs, 0) var(--awsui-content-layout-default-horizontal-padding-esndbs, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-esndbs)) 1fr var(--awsui-content-layout-default-horizontal-padding-esndbs, 0) var(--awsui-toggles-right-width-esndbs, 0);
+.awsui_layout_5gtk3_10lrw_9.awsui_default-padding_5gtk3_10lrw_45:not(#\9) {
+  --awsui-content-layout-main-gap-66120l: var(--space-scaled-m-lfeh3i, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-66120l, 0) var(--awsui-content-layout-default-horizontal-padding-66120l, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-66120l)) 1fr var(--awsui-content-layout-default-horizontal-padding-66120l, 0) var(--awsui-toggles-right-width-66120l, 0);
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_header-wrapper_5gtk3_1eyqt_49:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_header-wrapper_5gtk3_10lrw_49:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-yv2yex, 16px);
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_header-wrapper_5gtk3_1eyqt_49.awsui_with-divider_5gtk3_1eyqt_54:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_header-wrapper_5gtk3_10lrw_49.awsui_with-divider_5gtk3_10lrw_54:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_layout_5gtk3_1eyqt_9 > .awsui_content_5gtk3_1eyqt_57:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9 > .awsui_content_5gtk3_10lrw_57:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_1eyqt_9:not(#\9):not(.awsui_has-header_5gtk3_1eyqt_61) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-esndbs) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-16rv3i, 0px)) 1fr;
+.awsui_layout_5gtk3_10lrw_9:not(#\9):not(.awsui_has-header_5gtk3_10lrw_61) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-66120l) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-16rv3i, 0px)) 1fr;
 }
-.awsui_layout_5gtk3_1eyqt_9.awsui_is-overlap-disabled_5gtk3_1eyqt_28:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-esndbs) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_10lrw_9.awsui_is-overlap-disabled_5gtk3_10lrw_28:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-66120l) min-content min-content auto 0 1fr;
 }
-.awsui_layout_5gtk3_1eyqt_9.awsui_is-visual-refresh_5gtk3_1eyqt_68 > .awsui_background_5gtk3_1eyqt_23.awsui_has-default-background_5gtk3_1eyqt_68:not(#\9) {
+.awsui_layout_5gtk3_10lrw_9.awsui_is-visual-refresh_5gtk3_10lrw_68 > .awsui_background_5gtk3_10lrw_23.awsui_has-default-background_5gtk3_10lrw_68:not(#\9) {
   background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
-.awsui_layout_5gtk3_1eyqt_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1eyqt_68).awsui_has-notifications_5gtk3_1eyqt_72 {
-  --awsui-content-layout-main-gap-esndbs: 0px;
+.awsui_layout_5gtk3_10lrw_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_10lrw_68).awsui_has-notifications_5gtk3_10lrw_72 {
+  --awsui-content-layout-main-gap-66120l: 0px;
 }
-.awsui_layout_5gtk3_1eyqt_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1eyqt_68) > .awsui_notifications_5gtk3_1eyqt_35 {
+.awsui_layout_5gtk3_10lrw_9:not(#\9):not(.awsui_is-visual-refresh_5gtk3_10lrw_68) > .awsui_notifications_5gtk3_10lrw_35 {
   grid-column: 1/8;
 }