npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.299 → 3.0.301 - Mend

@cloudscape-design/components-themeable 3.0.299 → 3.0.301

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

package/lib/internal/template/column-layout/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "column-layout": "awsui_column-layout_vvxn7_13ncy_93",
-  "grid": "awsui_grid_vvxn7_13ncy_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_13ncy_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_13ncy_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_13ncy_121",
-  "grid-columns-1": "awsui_grid-columns-1_vvxn7_13ncy_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_13ncy_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_13ncy_127",
-  "grid-columns-2": "awsui_grid-columns-2_vvxn7_13ncy_130",
-  "grid-columns-3": "awsui_grid-columns-3_vvxn7_13ncy_136",
-  "grid-columns-4": "awsui_grid-columns-4_vvxn7_13ncy_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_13ncy_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_13ncy_188"
+  "column-layout": "awsui_column-layout_vvxn7_plgvw_93",
+  "grid": "awsui_grid_vvxn7_plgvw_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_plgvw_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_plgvw_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_plgvw_121",
+  "grid-columns-1": "awsui_grid-columns-1_vvxn7_plgvw_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_plgvw_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_plgvw_127",
+  "grid-columns-2": "awsui_grid-columns-2_vvxn7_plgvw_130",
+  "grid-columns-3": "awsui_grid-columns-3_vvxn7_plgvw_136",
+  "grid-columns-4": "awsui_grid-columns-4_vvxn7_plgvw_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_plgvw_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_plgvw_188"
 };

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

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_5x9t2_97",
-  "fit-height": "awsui_fit-height_14iqq_5x9t2_111",
-  "variant-default": "awsui_variant-default_14iqq_5x9t2_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_5x9t2_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_5x9t2_169",
-  "header": "awsui_header_14iqq_5x9t2_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_5x9t2_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_5x9t2_185",
-  "header-stuck": "awsui_header-stuck_14iqq_5x9t2_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_5x9t2_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_5x9t2_200",
-  "with-paddings": "awsui_with-paddings_14iqq_5x9t2_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_5x9t2_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_5x9t2_259",
-  "dark-header": "awsui_dark-header_14iqq_5x9t2_277",
-  "content": "awsui_content_14iqq_5x9t2_282",
-  "footer": "awsui_footer_14iqq_5x9t2_293",
-  "with-divider": "awsui_with-divider_14iqq_5x9t2_296"
+  "root": "awsui_root_14iqq_mpjrl_97",
+  "fit-height": "awsui_fit-height_14iqq_mpjrl_111",
+  "variant-default": "awsui_variant-default_14iqq_mpjrl_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_mpjrl_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_mpjrl_169",
+  "header": "awsui_header_14iqq_mpjrl_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_mpjrl_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_mpjrl_185",
+  "header-stuck": "awsui_header-stuck_14iqq_mpjrl_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_mpjrl_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_mpjrl_200",
+  "with-paddings": "awsui_with-paddings_14iqq_mpjrl_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_mpjrl_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_mpjrl_259",
+  "dark-header": "awsui_dark-header_14iqq_mpjrl_277",
+  "content": "awsui_content_14iqq_mpjrl_282",
+  "footer": "awsui_footer_14iqq_mpjrl_293",
+  "with-divider": "awsui_with-divider_14iqq_mpjrl_296"
 };

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_5x9t2_97:not(#\9) {
+.awsui_root_14iqq_mpjrl_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -124,27 +124,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+  font-size: var(--font-body-m-size-i6yc1c, 14px);
+  line-height: var(--font-body-m-line-height-uf359w, 22px);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_5x9t2_97.awsui_fit-height_14iqq_5x9t2_111:not(#\9) {
+.awsui_root_14iqq_mpjrl_97.awsui_fit-height_14iqq_mpjrl_111:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_5x9t2_97.awsui_variant-default_14iqq_5x9t2_116:not(#\9), .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9) {
-  border-radius: var(--border-radius-container-1aveko, 0px);
+.awsui_root_14iqq_mpjrl_97.awsui_variant-default_14iqq_mpjrl_116:not(#\9), .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9) {
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   box-sizing: border-box;
-  background-color: var(--color-background-container-content-o88wxm, #ffffff);
+  background-color: var(--color-background-container-content-2tfmjb, #ffffff);
 }
-.awsui_root_14iqq_5x9t2_97.awsui_variant-default_14iqq_5x9t2_116:not(#\9)::before, .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9)::before {
+.awsui_root_14iqq_mpjrl_97.awsui_variant-default_14iqq_mpjrl_116:not(#\9)::before, .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -155,11 +155,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  border-top: var(--border-container-top-width-y1te4w, 1px) solid var(--color-border-container-top-zudzrh, #eaeded);
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_5x9t2_97.awsui_variant-default_14iqq_5x9t2_116:not(#\9)::after, .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9)::after {
+.awsui_root_14iqq_mpjrl_97.awsui_variant-default_14iqq_mpjrl_116:not(#\9)::after, .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -169,81 +169,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  box-shadow: var(--shadow-container-ipdkbv, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_5x9t2_97.awsui_variant-default_14iqq_5x9t2_116:not(#\9), .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9) {
-    border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
+  .awsui_root_14iqq_mpjrl_97.awsui_variant-default_14iqq_mpjrl_116:not(#\9), .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9) {
+    border: var(--border-field-width-nvrpcd, 1px) solid var(--color-border-container-top-zudzrh, #eaeded);
   }
 }
-.awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9):not(:last-child), .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9):not(:last-child), .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116 + .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9), .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116 + .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9)::before, .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116 + .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9)::after {
+.awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116 + .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9), .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116 + .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9)::before, .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116 + .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116 + .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9)::before {
-  border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
+.awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116 + .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9)::before {
+  border-top: var(--border-divider-section-width-om0oy7, 1px) solid var(--color-border-divider-default-77o8t1, #eaeded);
 }
-.awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116 + .awsui_root_14iqq_5x9t2_97.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9)::after {
-  box-shadow: var(--shadow-container-stacked-j8j87i, 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_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116 + .awsui_root_14iqq_mpjrl_97.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9)::after {
+  box-shadow: var(--shadow-container-stacked-edsgnb, 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_5x9t2_97.awsui_sticky-enabled_14iqq_5x9t2_169:not(#\9)::before {
-  top: calc(-1 * var(--border-container-top-width-fs2udu, 1px));
+.awsui_root_14iqq_mpjrl_97.awsui_sticky-enabled_14iqq_mpjrl_169:not(#\9)::before {
+  top: calc(-1 * var(--border-container-top-width-y1te4w, 1px));
 }
-.awsui_root_14iqq_5x9t2_97.awsui_sticky-enabled_14iqq_5x9t2_169.awsui_variant-stacked_14iqq_5x9t2_116:not(#\9)::before {
-  top: calc(-1 * var(--border-divider-section-width-5a4cv1, 1px));
+.awsui_root_14iqq_mpjrl_97.awsui_sticky-enabled_14iqq_mpjrl_169.awsui_variant-stacked_14iqq_mpjrl_116:not(#\9)::before {
+  top: calc(-1 * var(--border-divider-section-width-om0oy7, 1px));
 }
-.awsui_header_14iqq_5x9t2_176:not(#\9) {
-  background-color: var(--color-background-container-header-g9rg0j, #fafafa);
-  border-top-left-radius: var(--border-radius-container-1aveko, 0px);
-  border-top-right-radius: var(--border-radius-container-1aveko, 0px);
+.awsui_header_14iqq_mpjrl_176:not(#\9) {
+  background-color: var(--color-background-container-header-6n79uq, #fafafa);
+  border-top-left-radius: var(--border-radius-container-y2o1gq, 0px);
+  border-top-right-radius: var(--border-radius-container-y2o1gq, 0px);
 }
-.awsui_header-sticky-disabled_14iqq_5x9t2_181:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_mpjrl_181:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_5x9t2_185:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_mpjrl_185:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_5x9t2_191:not(#\9) {
+.awsui_header-stuck_14iqq_mpjrl_191:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_5x9t2_191:not(#\9)::before {
+.awsui_header-stuck_14iqq_mpjrl_191:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_5x9t2_191:not(#\9):not(.awsui_header-variant-cards_14iqq_5x9t2_197) {
-  box-shadow: var(--shadow-sticky-embedded-5acv0s, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+.awsui_header-stuck_14iqq_mpjrl_191:not(#\9):not(.awsui_header-variant-cards_14iqq_mpjrl_197) {
+  box-shadow: var(--shadow-sticky-embedded-doqg2u, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_5x9t2_200.awsui_header-stuck_14iqq_5x9t2_191:not(#\9) {
-  margin-bottom: calc(var(--font-heading-xl-line-height-qeciux, 36px) - var(--font-heading-l-line-height-oujdab, 22px));
+.awsui_header-dynamic-height_14iqq_mpjrl_200.awsui_header-stuck_14iqq_mpjrl_191:not(#\9) {
+  margin-bottom: calc(var(--font-heading-xl-line-height-9q9u2q, 36px) - var(--font-heading-l-line-height-lqaxss, 22px));
 }
-.awsui_header_14iqq_5x9t2_176:not(#\9):not(:empty) {
-  border-bottom: var(--border-container-sticky-width-pybmba, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
+.awsui_header_14iqq_mpjrl_176:not(#\9):not(:empty) {
+  border-bottom: var(--border-container-sticky-width-7rkswm, 1px) solid var(--color-border-container-divider-t9c066, #eaeded);
 }
-.awsui_header_14iqq_5x9t2_176.awsui_with-paddings_14iqq_5x9t2_206:not(#\9) {
-  padding: var(--space-container-header-vertical-0bd19u, 12px) var(--space-container-horizontal-tlw03i, 20px);
+.awsui_header_14iqq_mpjrl_176.awsui_with-paddings_14iqq_mpjrl_206:not(#\9) {
+  padding: var(--space-container-header-vertical-1whpnh, 12px) var(--space-container-horizontal-mjt57l, 20px);
 }
-.awsui_header_14iqq_5x9t2_176.awsui_with-hidden-content_14iqq_5x9t2_209:not(#\9) {
-  border-bottom-left-radius: var(--border-radius-container-1aveko, 0px);
-  border-bottom-right-radius: var(--border-radius-container-1aveko, 0px);
+.awsui_header_14iqq_mpjrl_176.awsui_with-hidden-content_14iqq_mpjrl_209:not(#\9) {
+  border-bottom-left-radius: var(--border-radius-container-y2o1gq, 0px);
+  border-bottom-right-radius: var(--border-radius-container-y2o1gq, 0px);
 }
-.awsui_header-variant-cards_14iqq_5x9t2_197:not(#\9) {
-  border-radius: var(--border-radius-container-1aveko, 0px);
+.awsui_header-variant-cards_14iqq_mpjrl_197:not(#\9) {
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_5x9t2_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_5x9t2_185) {
+.awsui_header-variant-cards_14iqq_mpjrl_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_mpjrl_185) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_5x9t2_197:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_mpjrl_197:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -254,11 +254,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   box-sizing: border-box;
   border-color: transparent;
-  border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  border-top: var(--border-container-top-width-y1te4w, 1px) solid var(--color-border-container-top-zudzrh, #eaeded);
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_5x9t2_197:not(#\9)::after {
+.awsui_header-variant-cards_14iqq_mpjrl_197:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -268,31 +268,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   background: transparent;
   box-sizing: border-box;
-  box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  box-shadow: var(--shadow-container-ipdkbv, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-radius: var(--border-radius-container-y2o1gq, 0px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_5x9t2_197:not(#\9) {
-    border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
+  .awsui_header-variant-cards_14iqq_mpjrl_197:not(#\9) {
+    border: var(--border-field-width-nvrpcd, 1px) solid var(--color-border-container-top-zudzrh, #eaeded);
   }
 }
-.awsui_header-variant-cards_14iqq_5x9t2_197.awsui_header-stuck_14iqq_5x9t2_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_5x9t2_197.awsui_header-stuck_14iqq_5x9t2_191:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_mpjrl_197.awsui_header-stuck_14iqq_mpjrl_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_mpjrl_197.awsui_header-stuck_14iqq_mpjrl_191:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_5x9t2_259.awsui_header-stuck_14iqq_5x9t2_191:not(#\9) {
+.awsui_header-variant-full-page_14iqq_mpjrl_259.awsui_header-stuck_14iqq_mpjrl_191:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_5x9t2_259.awsui_header-stuck_14iqq_5x9t2_191:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_mpjrl_259.awsui_header-stuck_14iqq_mpjrl_191:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
-  box-shadow: var(--shadow-sticky-thyisb, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+  box-shadow: var(--shadow-sticky-8kesqf, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
@@ -300,25 +300,25 @@ 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_5x9t2_277:not(#\9) {
-  background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+.awsui_dark-header_14iqq_mpjrl_277:not(#\9) {
+  background-color: var(--color-background-layout-main-9oed31, #f2f3f3);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
 }
-.awsui_fit-height_14iqq_5x9t2_111 > .awsui_content_14iqq_5x9t2_282:not(#\9) {
+.awsui_fit-height_14iqq_mpjrl_111 > .awsui_content_14iqq_mpjrl_282:not(#\9) {
   flex: 1;
   overflow: auto;
 }
-.awsui_content_14iqq_5x9t2_282.awsui_with-paddings_14iqq_5x9t2_206:not(#\9) {
-  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
+.awsui_content_14iqq_mpjrl_282.awsui_with-paddings_14iqq_mpjrl_206:not(#\9) {
+  padding: var(--space-scaled-l-pqbeny, 20px) var(--space-container-horizontal-mjt57l, 20px);
 }
-.awsui_header_14iqq_5x9t2_176 + .awsui_content_14iqq_5x9t2_282.awsui_with-paddings_14iqq_5x9t2_206:not(#\9) {
-  padding-top: var(--space-container-content-top-u412x3, 16px);
+.awsui_header_14iqq_mpjrl_176 + .awsui_content_14iqq_mpjrl_282.awsui_with-paddings_14iqq_mpjrl_206:not(#\9) {
+  padding-top: var(--space-container-content-top-m4vydv, 16px);
 }
-.awsui_footer_14iqq_5x9t2_293.awsui_with-paddings_14iqq_5x9t2_206:not(#\9) {
-  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
+.awsui_footer_14iqq_mpjrl_293.awsui_with-paddings_14iqq_mpjrl_206:not(#\9) {
+  padding: var(--space-scaled-s-mjpukd, 12px) var(--space-container-horizontal-mjt57l, 20px);
 }
-.awsui_footer_14iqq_5x9t2_293.awsui_with-divider_14iqq_5x9t2_296:not(#\9) {
-  border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
+.awsui_footer_14iqq_mpjrl_293.awsui_with-divider_14iqq_mpjrl_296:not(#\9) {
+  border-top: var(--border-divider-section-width-om0oy7, 1px) solid var(--color-border-divider-default-77o8t1, #eaeded);
 }

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

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_5x9t2_97",
-  "fit-height": "awsui_fit-height_14iqq_5x9t2_111",
-  "variant-default": "awsui_variant-default_14iqq_5x9t2_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_5x9t2_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_5x9t2_169",
-  "header": "awsui_header_14iqq_5x9t2_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_5x9t2_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_5x9t2_185",
-  "header-stuck": "awsui_header-stuck_14iqq_5x9t2_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_5x9t2_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_5x9t2_200",
-  "with-paddings": "awsui_with-paddings_14iqq_5x9t2_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_5x9t2_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_5x9t2_259",
-  "dark-header": "awsui_dark-header_14iqq_5x9t2_277",
-  "content": "awsui_content_14iqq_5x9t2_282",
-  "footer": "awsui_footer_14iqq_5x9t2_293",
-  "with-divider": "awsui_with-divider_14iqq_5x9t2_296"
+  "root": "awsui_root_14iqq_mpjrl_97",
+  "fit-height": "awsui_fit-height_14iqq_mpjrl_111",
+  "variant-default": "awsui_variant-default_14iqq_mpjrl_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_mpjrl_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_mpjrl_169",
+  "header": "awsui_header_14iqq_mpjrl_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_mpjrl_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_mpjrl_185",
+  "header-stuck": "awsui_header-stuck_14iqq_mpjrl_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_mpjrl_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_mpjrl_200",
+  "with-paddings": "awsui_with-paddings_14iqq_mpjrl_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_mpjrl_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_mpjrl_259",
+  "dark-header": "awsui_dark-header_14iqq_mpjrl_277",
+  "content": "awsui_content_14iqq_mpjrl_282",
+  "footer": "awsui_footer_14iqq_mpjrl_293",
+  "with-divider": "awsui_with-divider_14iqq_mpjrl_296"
 };

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_ncn61_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ncn61_99",
-  "background": "awsui_background_5gtk3_ncn61_102",
-  "header": "awsui_header_5gtk3_ncn61_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ncn61_115",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_ncn61_133",
-  "content": "awsui_content_5gtk3_ncn61_142"
+  "layout": "awsui_layout_5gtk3_m4032_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_m4032_99",
+  "background": "awsui_background_5gtk3_m4032_102",
+  "header": "awsui_header_5gtk3_m4032_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_m4032_115",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_m4032_133",
+  "content": "awsui_content_5gtk3_m4032_142"
 };

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

@@ -96,50 +96,50 @@ 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_ncn61_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ncn61_99) {
+.awsui_layout_5gtk3_m4032_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_m4032_99) {
   display: contents;
 }
-.awsui_layout_5gtk3_ncn61_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ncn61_99) > .awsui_background_5gtk3_ncn61_102 {
+.awsui_layout_5gtk3_m4032_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_m4032_99) > .awsui_background_5gtk3_m4032_102 {
   display: none;
 }
-.awsui_layout_5gtk3_ncn61_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ncn61_99) > .awsui_header_5gtk3_ncn61_105 {
-  padding-bottom: var(--space-content-header-padding-bottom-m7tdoi, 16px);
+.awsui_layout_5gtk3_m4032_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_m4032_99) > .awsui_header_5gtk3_m4032_105 {
+  padding-bottom: var(--space-content-header-padding-bottom-ar0vzw, 16px);
 }
-.awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99:not(#\9) {
+.awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99:not(#\9) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  grid-template-rows: auto var(--space-dark-header-overlap-distance-ync2s3, 0px) 1fr;
+  grid-template-rows: auto var(--space-dark-header-overlap-distance-mp40fa, 0px) 1fr;
   min-height: 100%;
 }
-.awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99.awsui_is-overlap-disabled_5gtk3_ncn61_115:not(#\9) {
+.awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99.awsui_is-overlap-disabled_5gtk3_m4032_115:not(#\9) {
   grid-template-rows: auto 0 1fr;
 }
-.awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99 > .awsui_background_5gtk3_ncn61_102:not(#\9) {
-  background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
+.awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99 > .awsui_background_5gtk3_m4032_102:not(#\9) {
+  background-color: var(--color-background-layout-main-9oed31, #f2f3f3);
   grid-column: 1;
   grid-row: 1/3;
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
 }
-.awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99 > .awsui_background_5gtk3_ncn61_102.awsui_is-overlap-disabled_5gtk3_ncn61_115:not(#\9) {
+.awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99 > .awsui_background_5gtk3_m4032_102.awsui_is-overlap-disabled_5gtk3_m4032_115:not(#\9) {
   grid-row: 1/2;
 }
-.awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99 > .awsui_header_5gtk3_ncn61_105:not(#\9) {
+.awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99 > .awsui_header_5gtk3_m4032_105:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  padding-bottom: var(--space-content-header-padding-bottom-m7tdoi, 16px);
+  padding-bottom: var(--space-content-header-padding-bottom-ar0vzw, 16px);
 }
 @media (min-width: 689px) {
-  .awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99 > .awsui_header_5gtk3_ncn61_105.awsui_has-breadcrumbs_5gtk3_ncn61_133:not(#\9) {
-    padding-top: var(--space-xxs-ynfts5, 4px);
+  .awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99 > .awsui_header_5gtk3_m4032_105.awsui_has-breadcrumbs_5gtk3_m4032_133:not(#\9) {
+    padding-top: var(--space-xxs-68xp1c, 4px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99 > .awsui_header_5gtk3_ncn61_105:not(#\9) {
-    padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-m7tdoi, 16px);
+  .awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99 > .awsui_header_5gtk3_m4032_105:not(#\9) {
+    padding: var(--space-m-3g7miz, 16px) 0 var(--space-content-header-padding-bottom-ar0vzw, 16px);
   }
 }
-.awsui_layout_5gtk3_ncn61_99.awsui_is-visual-refresh_5gtk3_ncn61_99 > .awsui_content_5gtk3_ncn61_142:not(#\9) {
+.awsui_layout_5gtk3_m4032_99.awsui_is-visual-refresh_5gtk3_m4032_99 > .awsui_content_5gtk3_m4032_142:not(#\9) {
   grid-column: 1;
   grid-row: 2/4;
 }

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_ncn61_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ncn61_99",
-  "background": "awsui_background_5gtk3_ncn61_102",
-  "header": "awsui_header_5gtk3_ncn61_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ncn61_115",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_ncn61_133",
-  "content": "awsui_content_5gtk3_ncn61_142"
+  "layout": "awsui_layout_5gtk3_m4032_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_m4032_99",
+  "background": "awsui_background_5gtk3_m4032_102",
+  "header": "awsui_header_5gtk3_m4032_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_m4032_115",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_m4032_133",
+  "content": "awsui_content_5gtk3_m4032_142"
 };

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_c587k_93",
-  "focus-lock": "awsui_focus-lock_145pa_c587k_106",
-  "calendar": "awsui_calendar_145pa_c587k_110",
-  "date-picker-container": "awsui_date-picker-container_145pa_c587k_123",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_c587k_128",
-  "date-picker-input": "awsui_date-picker-input_145pa_c587k_132",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_c587k_137"
+  "root": "awsui_root_145pa_n2idm_93",
+  "focus-lock": "awsui_focus-lock_145pa_n2idm_106",
+  "calendar": "awsui_calendar_145pa_n2idm_110",
+  "date-picker-container": "awsui_date-picker-container_145pa_n2idm_123",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_n2idm_128",
+  "date-picker-input": "awsui_date-picker-input_145pa_n2idm_132",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_n2idm_137"
 };

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_c587k_93:not(#\9) {
+.awsui_root_145pa_n2idm_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,46 +120,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: var(--color-text-body-default-7m2b3r, #16191f);
+  font-size: var(--font-body-m-size-i6yc1c, 14px);
+  line-height: var(--font-body-m-line-height-uf359w, 22px);
+  color: var(--color-text-body-default-v5bj0z, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_focus-lock_145pa_c587k_106:not(#\9) {
+.awsui_focus-lock_145pa_n2idm_106:not(#\9) {
   display: contents;
 }
-.awsui_calendar_145pa_c587k_110:not(#\9) {
+.awsui_calendar_145pa_n2idm_110:not(#\9) {
   overflow: auto;
 }
-.awsui_calendar_145pa_c587k_110:not(#\9):focus {
+.awsui_calendar_145pa_n2idm_110:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar_145pa_c587k_110:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_calendar_145pa_n2idm_110:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-dropdown-0c284d, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
+  border-radius: var(--border-radius-dropdown-ol5cbv, 0px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-oqg5wt, #0073bb);
 }
-.awsui_date-picker-container_145pa_c587k_123:not(#\9) {
+.awsui_date-picker-container_145pa_n2idm_123:not(#\9) {
   position: relative;
   max-width: 234px;
 }
-.awsui_date-picker-trigger_145pa_c587k_128:not(#\9) {
+.awsui_date-picker-trigger_145pa_n2idm_128:not(#\9) {
   display: flex;
 }
-.awsui_date-picker-input_145pa_c587k_132:not(#\9) {
-  padding-right: var(--space-xs-rsr2qu, 8px);
+.awsui_date-picker-input_145pa_n2idm_132:not(#\9) {
+  padding-right: var(--space-xs-70e4tc, 8px);
   width: 100%;
 }
-.awsui_open-calendar-button_145pa_c587k_137:not(#\9) {
+.awsui_open-calendar-button_145pa_n2idm_137:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/date-picker/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 = {
-  "root": "awsui_root_145pa_c587k_93",
-  "focus-lock": "awsui_focus-lock_145pa_c587k_106",
-  "calendar": "awsui_calendar_145pa_c587k_110",
-  "date-picker-container": "awsui_date-picker-container_145pa_c587k_123",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_c587k_128",
-  "date-picker-input": "awsui_date-picker-input_145pa_c587k_132",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_c587k_137"
+  "root": "awsui_root_145pa_n2idm_93",
+  "focus-lock": "awsui_focus-lock_145pa_n2idm_106",
+  "calendar": "awsui_calendar_145pa_n2idm_110",
+  "date-picker-container": "awsui_date-picker-container_145pa_n2idm_123",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_n2idm_128",
+  "date-picker-input": "awsui_date-picker-input_145pa_n2idm_132",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_n2idm_137"
 };