@cloudscape-design/components 3.0.1344 → 3.0.1346

package/expandable-section/styles.scoped.css

@@ -150,65 +150,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
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_content-enter_gwq0h_1348g_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_1348g_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
-}
-@keyframes awsui_awsui-motion-fade-in_gwq0h_1348g_1 {
-  from {
-    opacity: 0.2;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_1348g_161:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_content-enter_gwq0h_1348g_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1348g_161:not(#\9) {
-  animation: none;
-  transition: none;
-}
-
-.awsui_trigger-expanded_gwq0h_1348g_183:not(#\9) {
-  transition: border-bottom-color var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_1348g_183:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1348g_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1348g_183:not(#\9) {
-  animation: none;
-  transition: none;
-}
-
-.awsui_icon_gwq0h_1348g_197:not(#\9) {
-  transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_1348g_197:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_icon_gwq0h_1348g_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1348g_197:not(#\9) {
-  animation: none;
-  transition: none;
-}
-
-.awsui_root_gwq0h_1348g_211:not(#\9) {
+.awsui_root_gwq0h_10ou0_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -233,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
-  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  color: var(--color-text-body-default-gtm97i, #0f141a);
   font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -243,45 +185,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_1348g_246:not(#\9) {
+.awsui_expand-button_gwq0h_10ou0_188:not(#\9) {
   outline: none;
 }
 
-.awsui_icon_gwq0h_1348g_197:not(#\9) {
+.awsui_icon_gwq0h_10ou0_192:not(#\9) {
   transform: rotate(-90deg);
+  transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_1348g_197.awsui_expanded_gwq0h_1348g_254:not(#\9) {
+@media (prefers-reduced-motion: reduce) {
+  .awsui_icon_gwq0h_10ou0_192:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_icon_gwq0h_10ou0_192:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_10ou0_192:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_icon_gwq0h_10ou0_192.awsui_expanded_gwq0h_10ou0_207:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_1348g_197:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_10ou0_192:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_1348g_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_1348g_254 {
+.awsui_icon_gwq0h_10ou0_192:not(#\9):dir(rtl).awsui_expanded_gwq0h_10ou0_207 {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_1348g_264:not(#\9) {
+.awsui_icon-container_gwq0h_10ou0_217:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2) calc(var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_icon-container-container_gwq0h_1348g_268:not(#\9) {
+.awsui_icon-container-container_gwq0h_10ou0_221:not(#\9) {
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui-one-theme .awsui_icon-container-container_gwq0h_1348g_268:not(#\9) {
+.awsui-one-theme .awsui_icon-container-container_gwq0h_10ou0_221:not(#\9) {
   margin-inline-end: calc(var(--space-xs-ymlm0b, 8px) + var(--space-xxs-hwfkai, 4px));
   inset-block-start: var(--space-xxs-hwfkai, 4px);
 }
-.awsui-one-theme .awsui_icon-container_gwq0h_1348g_264:not(#\9) {
+.awsui-one-theme .awsui_icon-container_gwq0h_10ou0_217:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   margin-inline: 0 calc(var(--space-xs-ymlm0b, 8px) - var(--space-xxxs-pajhad, 2px));
 }
-.awsui-one-theme .awsui_icon-container_gwq0h_1348g_264 > .awsui_icon_gwq0h_1348g_197:not(#\9) {
+.awsui-one-theme .awsui_icon-container_gwq0h_10ou0_217 > .awsui_icon_gwq0h_10ou0_192:not(#\9) {
   inset-block-start: var(--space-xxxs-pajhad, 2px);
 }
 
-.awsui_wrapper_gwq0h_1348g_284:not(#\9) {
+.awsui_wrapper_gwq0h_10ou0_237:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -289,81 +242,116 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_1348g_292:not(#\9), .awsui_wrapper-inline_gwq0h_1348g_292:not(#\9), .awsui_wrapper-footer_gwq0h_1348g_292:not(#\9) {
+.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-footer_gwq0h_10ou0_245:not(#\9) {
   border-block: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_1348g_296:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_10ou0_249:not(#\9) {
   border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_1348g_296:not(#\9), .awsui_wrapper-container_gwq0h_1348g_299:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_10ou0_249:not(#\9), .awsui_wrapper-container_gwq0h_10ou0_252:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
-.awsui_wrapper-default_gwq0h_1348g_292:not(#\9), .awsui_wrapper-inline_gwq0h_1348g_292:not(#\9), .awsui_wrapper-navigation_gwq0h_1348g_296:not(#\9), .awsui_wrapper-footer_gwq0h_1348g_292:not(#\9), .awsui_wrapper-compact_gwq0h_1348g_303:not(#\9) {
-  color: var(--color-text-expandable-section-default-ynw8my, #0f141a);
+.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-navigation_gwq0h_10ou0_249:not(#\9), .awsui_wrapper-footer_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-compact_gwq0h_10ou0_256:not(#\9) {
+  color: var(--color-text-expandable-section-default-aqjbq3, #0f141a);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_wrapper-default_gwq0h_1348g_292:not(#\9), .awsui_wrapper-inline_gwq0h_1348g_292:not(#\9), .awsui_wrapper-navigation_gwq0h_1348g_296:not(#\9), .awsui_wrapper-footer_gwq0h_1348g_292:not(#\9) {
-  font-size: var(--font-size-expandable-heading-duh2ta, 16px);
+.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-navigation_gwq0h_10ou0_249:not(#\9), .awsui_wrapper-footer_gwq0h_10ou0_245:not(#\9) {
+  font-size: var(--font-size-expandable-heading-q41e8i, 16px);
   letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
 }
-.awsui_wrapper-default_gwq0h_1348g_292:not(#\9) {
+.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline-end: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_wrapper-default_gwq0h_1348g_292.awsui_header-deprecated_gwq0h_1348g_316:not(#\9) {
+.awsui_wrapper-default_gwq0h_10ou0_245.awsui_header-deprecated_gwq0h_10ou0_269:not(#\9) {
   padding-inline-start: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_wrapper-default_gwq0h_1348g_292:not(#\9):not(.awsui_header-deprecated_gwq0h_1348g_316), .awsui_wrapper-inline_gwq0h_1348g_292:not(#\9):not(.awsui_header-deprecated_gwq0h_1348g_316) {
+.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9) {
+  transition: border-block-end-color var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
+}
+.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9):not(.awsui_header-deprecated_gwq0h_10ou0_269), .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9):not(.awsui_header-deprecated_gwq0h_10ou0_269) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_wrapper-default_gwq0h_1348g_292.awsui_wrapper-expanded_gwq0h_1348g_322:not(#\9), .awsui_wrapper-inline_gwq0h_1348g_292.awsui_wrapper-expanded_gwq0h_1348g_322:not(#\9) {
+@media (prefers-reduced-motion: reduce) {
+  .awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui-mode-entering .awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui-motion-disabled .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9), .awsui-mode-entering .awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_wrapper-default_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9), .awsui_wrapper-inline_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
-  border-block-end-color: var(--color-border-expandable-section-default-inl8g4, #c6c6cd);
+  border-block-end-color: var(--color-border-expandable-section-default-oi0xfr, #c6c6cd);
+  transition: border-block-end-color var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out) calc(var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) / 3);
 }
-.awsui_wrapper-footer_gwq0h_1348g_292:not(#\9) {
+@media (prefers-reduced-motion: reduce) {
+  .awsui_wrapper-default_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9), .awsui_wrapper-inline_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_wrapper-default_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9), .awsui-mode-entering .awsui_wrapper-default_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9), .awsui-motion-disabled .awsui_wrapper-inline_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9), .awsui-mode-entering .awsui_wrapper-inline_gwq0h_10ou0_245.awsui_wrapper-expanded_gwq0h_10ou0_288:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_wrapper-footer_gwq0h_10ou0_245:not(#\9) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_wrapper-footer_gwq0h_1348g_292:not(#\9), .awsui_wrapper-compact_gwq0h_1348g_303:not(#\9) {
+.awsui_wrapper-footer_gwq0h_10ou0_245:not(#\9), .awsui_wrapper-compact_gwq0h_10ou0_256:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_1348g_292.awsui_header-deprecated_gwq0h_1348g_316:not(#\9), .awsui_wrapper-compact_gwq0h_1348g_303.awsui_header-deprecated_gwq0h_1348g_316:not(#\9) {
+.awsui_wrapper-footer_gwq0h_10ou0_245.awsui_header-deprecated_gwq0h_10ou0_269:not(#\9), .awsui_wrapper-compact_gwq0h_10ou0_256.awsui_header-deprecated_gwq0h_10ou0_269:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_1348g_292:not(#\9):not(.awsui_header-deprecated_gwq0h_1348g_316), .awsui_wrapper-compact_gwq0h_1348g_303:not(#\9):not(.awsui_header-deprecated_gwq0h_1348g_316) {
+.awsui_wrapper-footer_gwq0h_10ou0_245:not(#\9):not(.awsui_header-deprecated_gwq0h_10ou0_269), .awsui_wrapper-compact_gwq0h_10ou0_256:not(#\9):not(.awsui_header-deprecated_gwq0h_10ou0_269) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_wrapper-container_gwq0h_1348g_299:not(#\9) {
+.awsui_wrapper-container_gwq0h_10ou0_252:not(#\9) {
   padding-block: var(--space-container-header-top-am4vzw, 12px) var(--space-container-header-bottom-2taq8v, 8px);
   padding-inline-end: var(--space-container-horizontal-nqrzyh, 20px);
+  transition: padding-block-end var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_wrapper-container_gwq0h_10ou0_252:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_wrapper-container_gwq0h_10ou0_252:not(#\9), .awsui-mode-entering .awsui_wrapper-container_gwq0h_10ou0_252:not(#\9) {
+  animation: none;
+  transition: none;
 }
-.awsui_wrapper-container_gwq0h_1348g_299:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1348g_322) {
+.awsui_wrapper-container_gwq0h_10ou0_252:not(#\9):not(.awsui_wrapper-expanded_gwq0h_10ou0_288) {
   padding-block-end: var(--space-container-header-top-am4vzw, 12px);
 }
-.awsui_wrapper-container_gwq0h_1348g_299.awsui_wrapper-not-expanded-without-actions_gwq0h_1348g_345:not(#\9) {
+.awsui_wrapper-container_gwq0h_10ou0_252.awsui_wrapper-not-expanded-without-actions_gwq0h_10ou0_333:not(#\9) {
   padding-block-end: calc(var(--space-container-header-top-am4vzw, 12px) + var(--space-scaled-xxs-pfm1nx, 4px));
 }
-.awsui_wrapper-container_gwq0h_1348g_299.awsui_header-deprecated_gwq0h_1348g_316:not(#\9) {
+.awsui_wrapper-container_gwq0h_10ou0_252.awsui_header-deprecated_gwq0h_10ou0_269:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-nqrzyh, 20px);
 }
-.awsui_wrapper-container_gwq0h_1348g_299:not(#\9):not(.awsui_header-deprecated_gwq0h_1348g_316) {
+.awsui_wrapper-container_gwq0h_10ou0_252:not(#\9):not(.awsui_header-deprecated_gwq0h_10ou0_269) {
   padding-inline-start: calc(var(--space-container-horizontal-nqrzyh, 20px) + calc(var(--size-icon-medium-uv8xcz, 20px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xs-ymlm0b, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1348g_299:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_10ou0_252:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-8ozaad, 12px) - var(--border-divider-section-width-uwo8my, 1px));
   padding-inline: calc(var(--space-l-2ud1p3, 20px) - var(--border-divider-section-width-uwo8my, 1px));
 }
 
-.awsui_header_gwq0h_1348g_316:not(#\9) {
+.awsui_header_gwq0h_10ou0_269:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_1348g_362:not(#\9), .awsui_header-deprecated_gwq0h_1348g_316:not(#\9) {
+.awsui_header-wrapper_gwq0h_10ou0_350:not(#\9), .awsui_header-deprecated_gwq0h_10ou0_269:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
-.awsui_header-wrapper_gwq0h_1348g_362:not(#\9) {
+.awsui_header-wrapper_gwq0h_10ou0_350:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -371,7 +359,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1348g_299:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_1348g_374:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_10ou0_362:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -379,14 +367,14 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1348g_299:not
   flex: 1;
   min-inline-size: 0;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1348g_382:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1348g_382:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_10ou0_370:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_10ou0_370:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1348g_382:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1348g_382:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_10ou0_370:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_10ou0_370:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1348g_382:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1348g_382:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_10ou0_370:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_10ou0_370:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -398,26 +386,26 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1348g_382:not(#\9
   border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_header-button_gwq0h_1348g_382:not(#\9) {
+.awsui_header-button_gwq0h_10ou0_370:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px)));
 }
-.awsui_header-container-button_gwq0h_1348g_382:not(#\9) {
+.awsui_header-container-button_gwq0h_10ou0_370:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-uv8xcz, 20px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xs-ymlm0b, 8px)));
 }
-.awsui_header-container_gwq0h_1348g_382:not(#\9) {
+.awsui_header-container_gwq0h_10ou0_370:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_1348g_382 > .awsui_icon-container_gwq0h_1348g_264:not(#\9) {
+.awsui_header-container_gwq0h_10ou0_370 > .awsui_icon-container_gwq0h_10ou0_217:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-cntyn8, 4px);
 }
-.awsui_header-navigation_gwq0h_1348g_417 > .awsui_icon-container_gwq0h_1348g_264:not(#\9) {
+.awsui_header-navigation_gwq0h_10ou0_405 > .awsui_icon-container_gwq0h_10ou0_217:not(#\9) {
   display: inline-flex;
   cursor: pointer;
-  color: var(--color-text-expandable-section-navigation-icon-default-mklu1s, #424650);
+  color: var(--color-text-expandable-section-navigation-icon-default-wh1lig, #424650);
   border-block: 0;
   border-inline: 0;
   padding-block: 0;
@@ -427,17 +415,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1348g_382:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_1348g_417 > .awsui_icon-container_gwq0h_1348g_264:not(#\9):hover {
-  color: var(--color-text-expandable-section-hover-ojzwhd, #006ce0);
+.awsui_header-navigation_gwq0h_10ou0_405 > .awsui_icon-container_gwq0h_10ou0_217:not(#\9):hover {
+  color: var(--color-text-expandable-section-hover-pqmtjd, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1348g_417 > .awsui_icon-container_gwq0h_1348g_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_10ou0_405 > .awsui_icon-container_gwq0h_10ou0_217:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1348g_417 > .awsui_icon-container_gwq0h_1348g_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_10ou0_405 > .awsui_icon-container_gwq0h_10ou0_217:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1348g_417 > .awsui_icon-container_gwq0h_1348g_264:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_10ou0_405 > .awsui_icon-container_gwq0h_10ou0_217:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -449,100 +437,167 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1348g_417 > .
   border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_header-text_gwq0h_1348g_454:not(#\9) {
+.awsui_header-text_gwq0h_10ou0_442:not(#\9) {
   /* used in test-utils */
 }
 
-:not(#\9):not(.awsui_wrapper-compact_gwq0h_1348g_303) > .awsui_header-actions-wrapper_gwq0h_1348g_374 {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_10ou0_256) > .awsui_header-actions-wrapper_gwq0h_10ou0_362 {
   flex-wrap: wrap;
   column-gap: var(--space-xs-ymlm0b, 8px);
   row-gap: var(--space-scaled-xxxs-oo06c7, 2px);
 }
 
-.awsui_content_gwq0h_1348g_161:not(#\9) {
+.awsui_content_gwq0h_10ou0_452:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_1348g_467:not(#\9), .awsui_content-inline_gwq0h_1348g_467:not(#\9) {
+.awsui_content-expanded_gwq0h_10ou0_455:not(#\9) {
+  display: block;
+}
+.awsui_content-compact_gwq0h_10ou0_458:not(#\9) {
+  padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
+}
+.awsui-one-theme .awsui_content_gwq0h_10ou0_452:not(#\9) {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui-one-theme .awsui_content_gwq0h_10ou0_452:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui-one-theme .awsui_content_gwq0h_10ou0_452:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content_gwq0h_10ou0_452:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui-one-theme .awsui_content-expanded_gwq0h_10ou0_455:not(#\9) {
+  grid-template-rows: 1fr;
+  transition: grid-template-rows var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui-one-theme .awsui_content-expanded_gwq0h_10ou0_455:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui-one-theme .awsui_content-expanded_gwq0h_10ou0_455:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-expanded_gwq0h_10ou0_455:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui-one-theme .awsui_content-inner_gwq0h_10ou0_491:not(#\9) {
+  overflow-x: visible;
+  overflow-y: clip;
+  min-block-size: 0;
+  opacity: 0;
+  transition: opacity var(--motion-duration-show-quick-tyvnyw, 135ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui-one-theme .awsui_content-inner_gwq0h_10ou0_491:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui-one-theme .awsui_content-inner_gwq0h_10ou0_491:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-inner_gwq0h_10ou0_491:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui-one-theme .awsui_content-inner-expanded_gwq0h_10ou0_508:not(#\9) {
+  opacity: 1;
+  transition: opacity var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out) calc(var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) / 3);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui-one-theme .awsui_content-inner-expanded_gwq0h_10ou0_508:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui-one-theme .awsui_content-inner-expanded_gwq0h_10ou0_508:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_content-inner-expanded_gwq0h_10ou0_508:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui-one-theme .awsui_content-inner-settled_gwq0h_10ou0_522:not(#\9) {
+  overflow-y: visible;
+}
+
+.awsui_content-inner-body-default_gwq0h_10ou0_526:not(#\9), .awsui_content-inner-body-inline_gwq0h_10ou0_526:not(#\9) {
   padding-block: var(--space-scaled-xs-xwoogq, 8px);
-  padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_1348g_471:not(#\9) {
+.awsui_content-inner-body-footer_gwq0h_10ou0_529:not(#\9) {
   padding-block: var(--space-xs-ymlm0b, 8px);
-  padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_1348g_475:not(#\9) {
-  display: block;
-}
-.awsui_content-compact_gwq0h_1348g_478:not(#\9) {
-  padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
+.awsui_content-inner-body-container_gwq0h_10ou0_532:not(#\9) {
+  padding-block: var(--space-container-content-top-1wtqrc, 4px) var(--space-scaled-l-sej05l, 20px);
+  padding-inline: var(--space-container-horizontal-nqrzyh, 20px);
 }
 
-.awsui_disable-header-paddings_gwq0h_1348g_482:not(#\9) {
+.awsui_disable-header-paddings_gwq0h_10ou0_537:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_disable-content-paddings_gwq0h_1348g_487:not(#\9) {
+.awsui_disable-content-paddings_gwq0h_10ou0_542:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_focusable_gwq0h_1348g_492:not(#\9):focus {
+.awsui_focusable_gwq0h_10ou0_547:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1348g_492:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_10ou0_547:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
-  border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
+  border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-ditkrb, #006ce0);
+  border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-ditkrb, #006ce0);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
 
-.awsui_click-target_gwq0h_1348g_507:not(#\9) {
+.awsui_click-target_gwq0h_10ou0_562:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_1348g_507:not(#\9):not(.awsui_wrapper-container_gwq0h_1348g_299):not(.awsui_header-container-button_gwq0h_1348g_382):hover {
-  color: var(--color-text-expandable-section-hover-ojzwhd, #006ce0);
+.awsui_click-target_gwq0h_10ou0_562:not(#\9):not(.awsui_wrapper-container_gwq0h_10ou0_252):not(.awsui_header-container-button_gwq0h_10ou0_370):hover {
+  color: var(--color-text-expandable-section-hover-pqmtjd, #006ce0);
 }
 
-.awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-default_gwq0h_1348g_292:not(#\9), .awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-inline_gwq0h_1348g_292:not(#\9), .awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-footer_gwq0h_1348g_292:not(#\9), .awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-compact_gwq0h_1348g_303:not(#\9) {
+.awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9), .awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-inline_gwq0h_10ou0_245:not(#\9), .awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-footer_gwq0h_10ou0_245:not(#\9), .awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-compact_gwq0h_10ou0_256:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-navigation_gwq0h_1348g_296:not(#\9) {
+.awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-navigation_gwq0h_10ou0_249:not(#\9) {
   justify-content: space-between;
   align-items: flex-start;
   column-gap: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-container_gwq0h_1348g_299:not(#\9), .awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-default_gwq0h_1348g_292:not(#\9) {
+.awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-container_gwq0h_10ou0_252:not(#\9), .awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-default_gwq0h_10ou0_245:not(#\9) {
   display: flex;
   align-items: flex-start;
   column-gap: var(--space-m-dsumyt, 16px);
 }
-.awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-container_gwq0h_1348g_299:not(#\9):not(.awsui_header-deprecated_gwq0h_1348g_316) {
+.awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-container_gwq0h_10ou0_252:not(#\9):not(.awsui_header-deprecated_gwq0h_10ou0_269) {
   padding-inline-start: var(--space-container-horizontal-nqrzyh, 20px);
 }
 
-.awsui_header-button-icon-end_gwq0h_1348g_531:not(#\9) {
+.awsui_header-button-icon-end_gwq0h_10ou0_586:not(#\9) {
   margin-inline-start: 0;
   column-gap: var(--space-xs-ymlm0b, 8px);
   justify-content: space-between;
 }
-.awsui_header-button-icon-end_gwq0h_1348g_531:not(#\9):not(.awsui_header-container-button_gwq0h_1348g_382) {
+.awsui_header-button-icon-end_gwq0h_10ou0_586:not(#\9):not(.awsui_header-container-button_gwq0h_10ou0_370) {
   display: flex;
   inline-size: 100%;
 }
-.awsui_header-button-icon-end_gwq0h_1348g_531:not(#\9):not(.awsui_header-container-button_gwq0h_1348g_382) > .awsui_header-text_gwq0h_1348g_454 {
+.awsui_header-button-icon-end_gwq0h_10ou0_586:not(#\9):not(.awsui_header-container-button_gwq0h_10ou0_370) > .awsui_header-text_gwq0h_10ou0_442 {
   flex: 1;
   min-inline-size: 0;
 }
 
-.awsui_icon-container-end_gwq0h_1348g_545:not(#\9) {
+.awsui_icon-container-end_gwq0h_10ou0_600:not(#\9) {
   margin-inline-start: auto;
   margin-inline-end: 0;
   flex-shrink: 0;
@@ -557,14 +612,14 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1348g_492:not(#\9):fo
   font: inherit;
   color: inherit;
 }
-body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1348g_545:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_10ou0_600:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1348g_545:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_10ou0_600:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1348g_545:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_10ou0_600:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -576,32 +631,32 @@ body[data-awsui-focus-visible=true] .awsui_icon-container-end_gwq0h_1348g_545:no
   border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_header-icon-end_gwq0h_1348g_514.awsui_wrapper-navigation_gwq0h_1348g_296 > .awsui_icon-container-end_gwq0h_1348g_545:not(#\9) {
+.awsui_header-icon-end_gwq0h_10ou0_569.awsui_wrapper-navigation_gwq0h_10ou0_249 > .awsui_icon-container-end_gwq0h_10ou0_600:not(#\9) {
   padding-block-start: calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2);
 }
-.awsui-one-theme .awsui_icon-container-end_gwq0h_1348g_545:not(#\9) {
+.awsui-one-theme .awsui_icon-container-end_gwq0h_10ou0_600:not(#\9) {
   margin-inline-end: 0;
 }
-.awsui-one-theme .awsui_icon-container-end_gwq0h_1348g_545:not(#\9):not(.awsui_icon-container-container_gwq0h_1348g_268) {
+.awsui-one-theme .awsui_icon-container-end_gwq0h_10ou0_600:not(#\9):not(.awsui_icon-container-container_gwq0h_10ou0_221) {
   inset-block-start: var(--space-xxxs-pajhad, 2px);
 }
-.awsui-one-theme .awsui_icon-container-end_gwq0h_1348g_545 > .awsui_icon_gwq0h_1348g_197:not(#\9) {
+.awsui-one-theme .awsui_icon-container-end_gwq0h_10ou0_600 > .awsui_icon_gwq0h_10ou0_192:not(#\9) {
   inset-block-start: 0;
 }
 
-.awsui_header-icon-end_gwq0h_1348g_514 > .awsui_header-content_gwq0h_1348g_594:not(#\9) {
-  flex: 1;
-  min-inline-size: 0;
+.awsui_header-content_gwq0h_10ou0_649:not(#\9) {
+  min-block-size: 0;
 }
 
-.awsui_header-icon-end_gwq0h_1348g_514 > .awsui_header-navigation-content_gwq0h_1348g_599:not(#\9) {
+.awsui_header-icon-end_gwq0h_10ou0_569 > .awsui_header-content_gwq0h_10ou0_649:not(#\9),
+.awsui_header-icon-end_gwq0h_10ou0_569 > .awsui_header-navigation-content_gwq0h_10ou0_654:not(#\9) {
   flex: 1;
   min-inline-size: 0;
 }
 
-.awsui_disable-header-paddings_gwq0h_1348g_482.awsui_wrapper-navigation_gwq0h_1348g_296:not(#\9):not(.awsui_header-icon-end_gwq0h_1348g_514) > .awsui_icon-container_gwq0h_1348g_264 {
+.awsui_disable-header-paddings_gwq0h_10ou0_537.awsui_wrapper-navigation_gwq0h_10ou0_249:not(#\9):not(.awsui_header-icon-end_gwq0h_10ou0_569) > .awsui_icon-container_gwq0h_10ou0_217 {
   display: grid;
   align-items: flex-start;
   padding-block: calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2);