@cloudscape-design/components 3.0.301 → 3.0.303

package/column-layout/styles.selectors.js

@@ -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_1idxs_93",
-  "grid": "awsui_grid_vvxn7_1idxs_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1idxs_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1idxs_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1idxs_121",
-  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1idxs_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1idxs_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1idxs_127",
-  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1idxs_130",
-  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1idxs_136",
-  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1idxs_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1idxs_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1idxs_188"
+  "column-layout": "awsui_column-layout_vvxn7_tsivb_93",
+  "grid": "awsui_grid_vvxn7_tsivb_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_tsivb_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_tsivb_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_tsivb_121",
+  "grid-columns-1": "awsui_grid-columns-1_vvxn7_tsivb_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_tsivb_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_tsivb_127",
+  "grid-columns-2": "awsui_grid-columns-2_vvxn7_tsivb_130",
+  "grid-columns-3": "awsui_grid-columns-3_vvxn7_tsivb_136",
+  "grid-columns-4": "awsui_grid-columns-4_vvxn7_tsivb_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_tsivb_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_tsivb_188"
 };
   

package/container/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_1r2h5_97",
-  "fit-height": "awsui_fit-height_14iqq_1r2h5_111",
-  "variant-default": "awsui_variant-default_14iqq_1r2h5_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1r2h5_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1r2h5_169",
-  "header": "awsui_header_14iqq_1r2h5_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1r2h5_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1r2h5_185",
-  "header-stuck": "awsui_header-stuck_14iqq_1r2h5_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1r2h5_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1r2h5_200",
-  "with-paddings": "awsui_with-paddings_14iqq_1r2h5_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1r2h5_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1r2h5_259",
-  "dark-header": "awsui_dark-header_14iqq_1r2h5_277",
-  "content": "awsui_content_14iqq_1r2h5_282",
-  "footer": "awsui_footer_14iqq_1r2h5_293",
-  "with-divider": "awsui_with-divider_14iqq_1r2h5_296"
+  "root": "awsui_root_14iqq_1rij9_97",
+  "fit-height": "awsui_fit-height_14iqq_1rij9_111",
+  "variant-default": "awsui_variant-default_14iqq_1rij9_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1rij9_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1rij9_169",
+  "header": "awsui_header_14iqq_1rij9_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1rij9_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1rij9_185",
+  "header-stuck": "awsui_header-stuck_14iqq_1rij9_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1rij9_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1rij9_200",
+  "with-paddings": "awsui_with-paddings_14iqq_1rij9_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1rij9_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1rij9_259",
+  "dark-header": "awsui_dark-header_14iqq_1rij9_277",
+  "content": "awsui_content_14iqq_1rij9_282",
+  "footer": "awsui_footer_14iqq_1rij9_293",
+  "with-divider": "awsui_with-divider_14iqq_1rij9_296"
 };
   

package/container/styles.scoped.css

@@ -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_1r2h5_97:not(#\9) {
+.awsui_root_14iqq_1rij9_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-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open 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_1r2h5_97.awsui_fit-height_14iqq_1r2h5_111:not(#\9) {
+.awsui_root_14iqq_1rij9_97.awsui_fit-height_14iqq_1rij9_111:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9) {
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9) {
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   box-sizing: border-box;
-  background-color: var(--color-background-container-content-em2lah, #ffffff);
+  background-color: var(--color-background-container-content-og3y0v, #ffffff);
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9)::before, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before {
+.awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9)::before, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_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-nb80xs, 0px) solid var(--color-border-container-top-4rl1tb, transparent);
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  border-top: var(--border-container-top-width-5cncr0, 0px) solid var(--color-border-container-top-camjrq, transparent);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9)::after, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::after {
+.awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9)::after, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_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-pkcyo6, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  box-shadow: var(--shadow-container-984513, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_1r2h5_97.awsui_variant-default_14iqq_1r2h5_116:not(#\9), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9) {
-    border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
+  .awsui_root_14iqq_1rij9_97.awsui_variant-default_14iqq_1rij9_116:not(#\9), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9) {
+    border: var(--border-field-width-riro62, 2px) solid var(--color-border-container-top-camjrq, transparent);
   }
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9):not(:last-child), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9):not(:last-child), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9), .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before, .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::after {
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9), .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::before, .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before {
-  border-top: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::before {
+  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-.awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116 + .awsui_root_14iqq_1r2h5_97.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::after {
-  box-shadow: var(--shadow-container-stacked-p4y0os, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
+.awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116 + .awsui_root_14iqq_1rij9_97.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::after {
+  box-shadow: var(--shadow-container-stacked-nlxqjb, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
 }
-.awsui_root_14iqq_1r2h5_97.awsui_sticky-enabled_14iqq_1r2h5_169:not(#\9)::before {
-  top: calc(-1 * var(--border-container-top-width-nb80xs, 0px));
+.awsui_root_14iqq_1rij9_97.awsui_sticky-enabled_14iqq_1rij9_169:not(#\9)::before {
+  top: calc(-1 * var(--border-container-top-width-5cncr0, 0px));
 }
-.awsui_root_14iqq_1r2h5_97.awsui_sticky-enabled_14iqq_1r2h5_169.awsui_variant-stacked_14iqq_1r2h5_116:not(#\9)::before {
-  top: calc(-1 * var(--border-divider-section-width-g0ay3c, 2px));
+.awsui_root_14iqq_1rij9_97.awsui_sticky-enabled_14iqq_1rij9_169.awsui_variant-stacked_14iqq_1rij9_116:not(#\9)::before {
+  top: calc(-1 * var(--border-divider-section-width-orq175, 2px));
 }
 
-.awsui_header_14iqq_1r2h5_176:not(#\9) {
-  background-color: var(--color-background-container-header-n1x7fp, #ffffff);
-  border-top-left-radius: var(--border-radius-container-b3z48i, 16px);
-  border-top-right-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_header_14iqq_1rij9_176:not(#\9) {
+  background-color: var(--color-background-container-header-l5cy7j, #ffffff);
+  border-top-left-radius: var(--border-radius-container-pmtq2d, 16px);
+  border-top-right-radius: var(--border-radius-container-pmtq2d, 16px);
 }
-.awsui_header-sticky-disabled_14iqq_1r2h5_181:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1rij9_181:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1r2h5_185:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1rij9_185:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1r2h5_191:not(#\9) {
+.awsui_header-stuck_14iqq_1rij9_191:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::before {
+.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_1r2h5_191:not(#\9):not(.awsui_header-variant-cards_14iqq_1r2h5_197) {
-  box-shadow: var(--shadow-sticky-embedded-xiq3g5, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
+.awsui_header-stuck_14iqq_1rij9_191:not(#\9):not(.awsui_header-variant-cards_14iqq_1rij9_197) {
+  box-shadow: var(--shadow-sticky-embedded-rcrcz5, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
 }
-.awsui_header-dynamic-height_14iqq_1r2h5_200.awsui_header-stuck_14iqq_1r2h5_191:not(#\9) {
-  margin-bottom: calc(var(--font-heading-xl-line-height-cka4rq, 40px) - var(--font-heading-l-line-height-sit3zj, 30px));
+.awsui_header-dynamic-height_14iqq_1rij9_200.awsui_header-stuck_14iqq_1rij9_191:not(#\9) {
+  margin-bottom: calc(var(--font-heading-xl-line-height-4s70cu, 40px) - var(--font-heading-l-line-height-l1pmir, 30px));
 }
-.awsui_header_14iqq_1r2h5_176:not(#\9):not(:empty) {
-  border-bottom: var(--border-container-sticky-width-l43yj1, 0px) solid var(--color-border-container-divider-qsuvq6, transparent);
+.awsui_header_14iqq_1rij9_176:not(#\9):not(:empty) {
+  border-bottom: var(--border-container-sticky-width-3mz641, 0px) solid var(--color-border-container-divider-tildlh, transparent);
 }
-.awsui_header_14iqq_1r2h5_176.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding: var(--space-container-header-vertical-gho8eg, 12px) var(--space-container-horizontal-6u2610, 20px);
+.awsui_header_14iqq_1rij9_176.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding: var(--space-container-header-vertical-di96ce, 12px) var(--space-container-horizontal-jxdgil, 20px);
 }
-.awsui_header_14iqq_1r2h5_176.awsui_with-hidden-content_14iqq_1r2h5_209:not(#\9) {
-  border-bottom-left-radius: var(--border-radius-container-b3z48i, 16px);
-  border-bottom-right-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_header_14iqq_1rij9_176.awsui_with-hidden-content_14iqq_1rij9_209:not(#\9) {
+  border-bottom-left-radius: var(--border-radius-container-pmtq2d, 16px);
+  border-bottom-right-radius: var(--border-radius-container-pmtq2d, 16px);
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9) {
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+.awsui_header-variant-cards_14iqq_1rij9_197:not(#\9) {
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1r2h5_185) {
+.awsui_header-variant-cards_14iqq_1rij9_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1rij9_185) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1rij9_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-nb80xs, 0px) solid var(--color-border-container-top-4rl1tb, transparent);
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  border-top: var(--border-container-top-width-5cncr0, 0px) solid var(--color-border-container-top-camjrq, transparent);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9)::after {
+.awsui_header-variant-cards_14iqq_1rij9_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-pkcyo6, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
-  border-radius: var(--border-radius-container-b3z48i, 16px);
+  box-shadow: var(--shadow-container-984513, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_1r2h5_197:not(#\9) {
-    border: var(--border-field-width-egrqih, 2px) solid var(--color-border-container-top-4rl1tb, transparent);
+  .awsui_header-variant-cards_14iqq_1rij9_197:not(#\9) {
+    border: var(--border-field-width-riro62, 2px) solid var(--color-border-container-top-camjrq, transparent);
   }
 }
-.awsui_header-variant-cards_14iqq_1r2h5_197.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_1r2h5_197.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1rij9_197.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_1rij9_197.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_1r2h5_259.awsui_header-stuck_14iqq_1r2h5_191:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1rij9_259.awsui_header-stuck_14iqq_1rij9_191:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_1r2h5_259.awsui_header-stuck_14iqq_1r2h5_191:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1rij9_259.awsui_header-stuck_14iqq_1rij9_191:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
-  box-shadow: var(--shadow-sticky-qwhtrj, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
+  box-shadow: var(--shadow-sticky-cfbxxq, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
   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_1r2h5_277:not(#\9) {
-  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
-  color: var(--color-text-body-default-01bwmw, #000716);
+.awsui_dark-header_14iqq_1rij9_277:not(#\9) {
+  background-color: var(--color-background-layout-main-m49752, #ffffff);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
 
-.awsui_fit-height_14iqq_1r2h5_111 > .awsui_content_14iqq_1r2h5_282:not(#\9) {
+.awsui_fit-height_14iqq_1rij9_111 > .awsui_content_14iqq_1rij9_282:not(#\9) {
   flex: 1;
   overflow: auto;
 }
-.awsui_content_14iqq_1r2h5_282.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding: var(--space-scaled-l-x5pubp, 20px) var(--space-container-horizontal-6u2610, 20px);
+.awsui_content_14iqq_1rij9_282.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding: var(--space-scaled-l-2rs0gk, 20px) var(--space-container-horizontal-jxdgil, 20px);
 }
-.awsui_header_14iqq_1r2h5_176 + .awsui_content_14iqq_1r2h5_282.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding-top: var(--space-container-content-top-jt1y8s, 0px);
+.awsui_header_14iqq_1rij9_176 + .awsui_content_14iqq_1rij9_282.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding-top: var(--space-container-content-top-aj37fz, 0px);
 }
 
-.awsui_footer_14iqq_1r2h5_293.awsui_with-paddings_14iqq_1r2h5_206:not(#\9) {
-  padding: var(--space-scaled-s-gczsk7, 12px) var(--space-container-horizontal-6u2610, 20px);
+.awsui_footer_14iqq_1rij9_293.awsui_with-paddings_14iqq_1rij9_206:not(#\9) {
+  padding: var(--space-scaled-s-913kwi, 12px) var(--space-container-horizontal-jxdgil, 20px);
 }
-.awsui_footer_14iqq_1r2h5_293.awsui_with-divider_14iqq_1r2h5_296:not(#\9) {
-  border-top: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
+.awsui_footer_14iqq_1rij9_293.awsui_with-divider_14iqq_1rij9_296:not(#\9) {
+  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }

package/container/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1r2h5_97",
-  "fit-height": "awsui_fit-height_14iqq_1r2h5_111",
-  "variant-default": "awsui_variant-default_14iqq_1r2h5_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1r2h5_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1r2h5_169",
-  "header": "awsui_header_14iqq_1r2h5_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1r2h5_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1r2h5_185",
-  "header-stuck": "awsui_header-stuck_14iqq_1r2h5_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1r2h5_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1r2h5_200",
-  "with-paddings": "awsui_with-paddings_14iqq_1r2h5_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1r2h5_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1r2h5_259",
-  "dark-header": "awsui_dark-header_14iqq_1r2h5_277",
-  "content": "awsui_content_14iqq_1r2h5_282",
-  "footer": "awsui_footer_14iqq_1r2h5_293",
-  "with-divider": "awsui_with-divider_14iqq_1r2h5_296"
+  "root": "awsui_root_14iqq_1rij9_97",
+  "fit-height": "awsui_fit-height_14iqq_1rij9_111",
+  "variant-default": "awsui_variant-default_14iqq_1rij9_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1rij9_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1rij9_169",
+  "header": "awsui_header_14iqq_1rij9_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1rij9_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1rij9_185",
+  "header-stuck": "awsui_header-stuck_14iqq_1rij9_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1rij9_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1rij9_200",
+  "with-paddings": "awsui_with-paddings_14iqq_1rij9_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1rij9_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1rij9_259",
+  "dark-header": "awsui_dark-header_14iqq_1rij9_277",
+  "content": "awsui_content_14iqq_1rij9_282",
+  "footer": "awsui_footer_14iqq_1rij9_293",
+  "with-divider": "awsui_with-divider_14iqq_1rij9_296"
 };
   

package/content-layout/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_ju3c7_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ju3c7_99",
-  "background": "awsui_background_5gtk3_ju3c7_102",
-  "header": "awsui_header_5gtk3_ju3c7_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ju3c7_115",
-  "content": "awsui_content_5gtk3_ju3c7_132"
+  "layout": "awsui_layout_5gtk3_1kdsa_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1kdsa_99",
+  "background": "awsui_background_5gtk3_1kdsa_102",
+  "header": "awsui_header_5gtk3_1kdsa_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1kdsa_115",
+  "content": "awsui_content_5gtk3_1kdsa_132"
 };
   

package/content-layout/styles.scoped.css

@@ -96,40 +96,40 @@ 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_ju3c7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ju3c7_99) {
+.awsui_layout_5gtk3_1kdsa_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1kdsa_99) {
   display: contents;
 }
-.awsui_layout_5gtk3_ju3c7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ju3c7_99) > .awsui_background_5gtk3_ju3c7_102 {
+.awsui_layout_5gtk3_1kdsa_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1kdsa_99) > .awsui_background_5gtk3_1kdsa_102 {
   display: none;
 }
-.awsui_layout_5gtk3_ju3c7_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ju3c7_99) > .awsui_header_5gtk3_ju3c7_105 {
-  padding-bottom: var(--space-content-header-padding-bottom-98ndis, 24px);
+.awsui_layout_5gtk3_1kdsa_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1kdsa_99) > .awsui_header_5gtk3_1kdsa_105 {
+  padding-bottom: var(--space-content-header-padding-bottom-2cx87f, 24px);
 }
 
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99:not(#\9) {
+.awsui_layout_5gtk3_1kdsa_99.awsui_is-visual-refresh_5gtk3_1kdsa_99:not(#\9) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
-  grid-template-rows: auto var(--space-dark-header-overlap-distance-d8wdqm, 36px) 1fr;
+  grid-template-rows: auto var(--space-dark-header-overlap-distance-l9lxfl, 36px) 1fr;
   min-height: 100%;
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99.awsui_is-overlap-disabled_5gtk3_ju3c7_115:not(#\9) {
+.awsui_layout_5gtk3_1kdsa_99.awsui_is-visual-refresh_5gtk3_1kdsa_99.awsui_is-overlap-disabled_5gtk3_1kdsa_115:not(#\9) {
   grid-template-rows: auto 0 1fr;
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_background_5gtk3_ju3c7_102:not(#\9) {
-  background-color: var(--color-background-layout-main-iz43sl, #ffffff);
+.awsui_layout_5gtk3_1kdsa_99.awsui_is-visual-refresh_5gtk3_1kdsa_99 > .awsui_background_5gtk3_1kdsa_102:not(#\9) {
+  background-color: var(--color-background-layout-main-m49752, #ffffff);
   grid-column: 1;
   grid-row: 1/3;
-  color: var(--color-text-body-default-01bwmw, #000716);
+  color: var(--color-text-body-default-mmvcvg, #000716);
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_background_5gtk3_ju3c7_102.awsui_is-overlap-disabled_5gtk3_ju3c7_115:not(#\9) {
+.awsui_layout_5gtk3_1kdsa_99.awsui_is-visual-refresh_5gtk3_1kdsa_99 > .awsui_background_5gtk3_1kdsa_102.awsui_is-overlap-disabled_5gtk3_1kdsa_115:not(#\9) {
   grid-row: 1/2;
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_header_5gtk3_ju3c7_105:not(#\9) {
+.awsui_layout_5gtk3_1kdsa_99.awsui_is-visual-refresh_5gtk3_1kdsa_99 > .awsui_header_5gtk3_1kdsa_105:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  padding-bottom: var(--space-content-header-padding-bottom-98ndis, 24px);
+  padding-bottom: var(--space-content-header-padding-bottom-2cx87f, 24px);
 }
-.awsui_layout_5gtk3_ju3c7_99.awsui_is-visual-refresh_5gtk3_ju3c7_99 > .awsui_content_5gtk3_ju3c7_132:not(#\9) {
+.awsui_layout_5gtk3_1kdsa_99.awsui_is-visual-refresh_5gtk3_1kdsa_99 > .awsui_content_5gtk3_1kdsa_132:not(#\9) {
   grid-column: 1;
   grid-row: 2/4;
 }

package/content-layout/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_ju3c7_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ju3c7_99",
-  "background": "awsui_background_5gtk3_ju3c7_102",
-  "header": "awsui_header_5gtk3_ju3c7_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ju3c7_115",
-  "content": "awsui_content_5gtk3_ju3c7_132"
+  "layout": "awsui_layout_5gtk3_1kdsa_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1kdsa_99",
+  "background": "awsui_background_5gtk3_1kdsa_102",
+  "header": "awsui_header_5gtk3_1kdsa_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1kdsa_115",
+  "content": "awsui_content_5gtk3_1kdsa_132"
 };
   

package/date-picker/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_145pa_1dbmz_93",
-  "focus-lock": "awsui_focus-lock_145pa_1dbmz_106",
-  "calendar": "awsui_calendar_145pa_1dbmz_110",
-  "date-picker-container": "awsui_date-picker-container_145pa_1dbmz_123",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1dbmz_128",
-  "date-picker-input": "awsui_date-picker-input_145pa_1dbmz_132",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1dbmz_137"
+  "root": "awsui_root_145pa_kkyhx_93",
+  "focus-lock": "awsui_focus-lock_145pa_kkyhx_106",
+  "calendar": "awsui_calendar_145pa_kkyhx_110",
+  "date-picker-container": "awsui_date-picker-container_145pa_kkyhx_123",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_kkyhx_128",
+  "date-picker-input": "awsui_date-picker-input_145pa_kkyhx_132",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_kkyhx_137"
 };
   

package/date-picker/styles.scoped.css

@@ -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_1dbmz_93:not(#\9) {
+.awsui_root_145pa_kkyhx_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-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_focus-lock_145pa_1dbmz_106:not(#\9) {
+.awsui_focus-lock_145pa_kkyhx_106:not(#\9) {
   display: contents;
 }
 
-.awsui_calendar_145pa_1dbmz_110:not(#\9) {
+.awsui_calendar_145pa_kkyhx_110:not(#\9) {
   overflow: auto;
 }
-.awsui_calendar_145pa_1dbmz_110:not(#\9):focus {
+.awsui_calendar_145pa_kkyhx_110:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar_145pa_1dbmz_110:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_calendar_145pa_kkyhx_110:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-dropdown-0czl7o, 8px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
+  border-radius: var(--border-radius-dropdown-re1k6b, 8px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_date-picker-container_145pa_1dbmz_123:not(#\9) {
+.awsui_date-picker-container_145pa_kkyhx_123:not(#\9) {
   position: relative;
   max-width: 234px;
 }
 
-.awsui_date-picker-trigger_145pa_1dbmz_128:not(#\9) {
+.awsui_date-picker-trigger_145pa_kkyhx_128:not(#\9) {
   display: flex;
 }
 
-.awsui_date-picker-input_145pa_1dbmz_132:not(#\9) {
-  padding-right: var(--space-xs-inub5w, 8px);
+.awsui_date-picker-input_145pa_kkyhx_132:not(#\9) {
+  padding-right: var(--space-xs-edba2s, 8px);
   width: 100%;
 }
 
-.awsui_open-calendar-button_145pa_1dbmz_137:not(#\9) {
+.awsui_open-calendar-button_145pa_kkyhx_137:not(#\9) {
   /* used in test-utils */
 }

package/date-picker/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_145pa_1dbmz_93",
-  "focus-lock": "awsui_focus-lock_145pa_1dbmz_106",
-  "calendar": "awsui_calendar_145pa_1dbmz_110",
-  "date-picker-container": "awsui_date-picker-container_145pa_1dbmz_123",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_1dbmz_128",
-  "date-picker-input": "awsui_date-picker-input_145pa_1dbmz_132",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_1dbmz_137"
+  "root": "awsui_root_145pa_kkyhx_93",
+  "focus-lock": "awsui_focus-lock_145pa_kkyhx_106",
+  "calendar": "awsui_calendar_145pa_kkyhx_110",
+  "date-picker-container": "awsui_date-picker-container_145pa_kkyhx_123",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_kkyhx_128",
+  "date-picker-input": "awsui_date-picker-input_145pa_kkyhx_132",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_kkyhx_137"
 };