@cloudscape-design/components 3.0.329 → 3.0.330

package/expandable-section/styles.css.js

@@ -1,36 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_xy8yt_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_xy8yt_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_xy8yt_119",
-  "icon": "awsui_icon_gwq0h_xy8yt_133",
-  "root": "awsui_root_gwq0h_xy8yt_151",
-  "expand-button": "awsui_expand-button_gwq0h_xy8yt_168",
-  "expanded": "awsui_expanded_gwq0h_xy8yt_175",
-  "icon-container": "awsui_icon-container_gwq0h_xy8yt_179",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_xy8yt_184",
-  "wrapper": "awsui_wrapper_gwq0h_xy8yt_188",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_xy8yt_195",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_xy8yt_198",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_xy8yt_204",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_xy8yt_207",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_xy8yt_224",
-  "header": "awsui_header_gwq0h_xy8yt_228",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_xy8yt_231",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_xy8yt_231",
-  "header-button": "awsui_header-button_gwq0h_xy8yt_241",
-  "header-container-button": "awsui_header-container-button_gwq0h_xy8yt_245",
-  "header-container": "awsui_header-container_gwq0h_xy8yt_245",
-  "header-navigation": "awsui_header-navigation_gwq0h_xy8yt_269",
-  "content": "awsui_content_gwq0h_xy8yt_97",
-  "content-default": "awsui_content-default_gwq0h_xy8yt_305",
-  "content-footer": "awsui_content-footer_gwq0h_xy8yt_308",
-  "content-expanded": "awsui_content-expanded_gwq0h_xy8yt_311",
-  "focusable": "awsui_focusable_gwq0h_xy8yt_315",
-  "click-target": "awsui_click-target_gwq0h_xy8yt_326",
-  "description-default": "awsui_description-default_gwq0h_xy8yt_333",
-  "description-footer": "awsui_description-footer_gwq0h_xy8yt_334",
-  "description-container": "awsui_description-container_gwq0h_xy8yt_338"
+  "content-enter": "awsui_content-enter_gwq0h_a11gk_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_a11gk_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_a11gk_119",
+  "icon": "awsui_icon_gwq0h_a11gk_133",
+  "root": "awsui_root_gwq0h_a11gk_151",
+  "expand-button": "awsui_expand-button_gwq0h_a11gk_168",
+  "expanded": "awsui_expanded_gwq0h_a11gk_175",
+  "icon-container": "awsui_icon-container_gwq0h_a11gk_179",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_a11gk_184",
+  "wrapper": "awsui_wrapper_gwq0h_a11gk_188",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_a11gk_195",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_a11gk_195",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_a11gk_198",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_a11gk_201",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_a11gk_217",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_a11gk_248",
+  "header": "awsui_header_gwq0h_a11gk_217",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_a11gk_255",
+  "header-button": "awsui_header-button_gwq0h_a11gk_265",
+  "header-container-button": "awsui_header-container-button_gwq0h_a11gk_265",
+  "header-container": "awsui_header-container_gwq0h_a11gk_265",
+  "header-navigation": "awsui_header-navigation_gwq0h_a11gk_297",
+  "content": "awsui_content_gwq0h_a11gk_97",
+  "content-default": "awsui_content-default_gwq0h_a11gk_333",
+  "content-footer": "awsui_content-footer_gwq0h_a11gk_336",
+  "content-expanded": "awsui_content-expanded_gwq0h_a11gk_339",
+  "focusable": "awsui_focusable_gwq0h_a11gk_343",
+  "click-target": "awsui_click-target_gwq0h_a11gk_354"
 };
   

package/expandable-section/styles.scoped.css

@@ -94,10 +94,10 @@ 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_content-enter_gwq0h_xy8yt_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_xy8yt_1 var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
+.awsui_content-enter_gwq0h_a11gk_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_a11gk_1 var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_xy8yt_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_a11gk_1 {
   from {
     opacity: 0.2;
   }
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_xy8yt_97:not(#\9) {
+  .awsui_content-enter_gwq0h_a11gk_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_xy8yt_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_xy8yt_97:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_a11gk_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_a11gk_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_xy8yt_119:not(#\9) {
+.awsui_trigger-expanded_gwq0h_a11gk_119:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_xy8yt_119:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_a11gk_119:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_xy8yt_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_xy8yt_119:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_a11gk_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_a11gk_119:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_xy8yt_133:not(#\9) {
+.awsui_icon_gwq0h_a11gk_133:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-jfxxiy, 135ms) var(--motion-easing-rotate-90-ax5lt7, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_xy8yt_133:not(#\9) {
+  .awsui_icon_gwq0h_a11gk_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_xy8yt_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_xy8yt_133:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_a11gk_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_a11gk_133:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -148,7 +148,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_gwq0h_xy8yt_151:not(#\9) {
+.awsui_root_gwq0h_a11gk_151:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -191,91 +191,111 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_xy8yt_168:not(#\9) {
+.awsui_expand-button_gwq0h_a11gk_168:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_icon_gwq0h_xy8yt_133:not(#\9) {
+.awsui_icon_gwq0h_a11gk_133:not(#\9) {
   transform: rotate(-90deg);
 }
-.awsui_icon_gwq0h_xy8yt_133.awsui_expanded_gwq0h_xy8yt_175:not(#\9) {
+.awsui_icon_gwq0h_a11gk_133.awsui_expanded_gwq0h_a11gk_175:not(#\9) {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_xy8yt_179:not(#\9) {
+.awsui_icon-container_gwq0h_a11gk_179:not(#\9) {
   position: relative;
   margin-left: calc((var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2);
   margin-right: calc(var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px));
 }
-.awsui_icon-container-container_gwq0h_xy8yt_184:not(#\9) {
+.awsui_icon-container-container_gwq0h_a11gk_184:not(#\9) {
   margin-right: var(--space-xs-edba2s, 8px);
 }
 
-.awsui_wrapper_gwq0h_xy8yt_188:not(#\9) {
+.awsui_wrapper_gwq0h_a11gk_188:not(#\9) {
   box-sizing: border-box;
   border: none;
   width: 100%;
   line-height: var(--font-body-m-line-height-rfgrp9, 22px);
   text-align: left;
 }
-.awsui_wrapper-default_gwq0h_xy8yt_195:not(#\9) {
-  padding: var(--space-scaled-xxs-t2t62i, 4px) var(--space-xxs-ja5cp8, 4px);
-}
-.awsui_wrapper-footer_gwq0h_xy8yt_198:not(#\9) {
-  padding: var(--space-scaled-xxs-t2t62i, 4px) 0;
-}
-.awsui_wrapper-default_gwq0h_xy8yt_195:not(#\9), .awsui_wrapper-footer_gwq0h_xy8yt_198:not(#\9) {
+.awsui_wrapper-default_gwq0h_a11gk_195:not(#\9), .awsui_wrapper-footer_gwq0h_a11gk_195:not(#\9) {
   border: var(--border-divider-section-width-orq175, 2px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_xy8yt_204:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_a11gk_198:not(#\9) {
   border-left: var(--border-divider-section-width-orq175, 2px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_xy8yt_204:not(#\9), .awsui_wrapper-container_gwq0h_xy8yt_207:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_a11gk_198:not(#\9), .awsui_wrapper-container_gwq0h_a11gk_201:not(#\9) {
   display: flex;
   font-weight: var(--font-heading-s-weight-5y5giq, 800);
 }
-.awsui_wrapper-default_gwq0h_xy8yt_195:not(#\9), .awsui_wrapper-navigation_gwq0h_xy8yt_204:not(#\9), .awsui_wrapper-footer_gwq0h_xy8yt_198:not(#\9) {
+.awsui_wrapper-default_gwq0h_a11gk_195:not(#\9), .awsui_wrapper-navigation_gwq0h_a11gk_198:not(#\9), .awsui_wrapper-footer_gwq0h_a11gk_195:not(#\9) {
   color: var(--color-text-expandable-section-default-m3lg7r, #000716);
   -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
   font-size: var(--font-expandable-heading-size-mkp9vq, 16px);
   letter-spacing: var(--font-heading-s-letter-spacing-j4vcrt, -0.005em);
 }
-.awsui_wrapper-container_gwq0h_xy8yt_207:not(#\9) {
-  padding: var(--space-container-header-vertical-di96ce, 12px) var(--space-container-horizontal-jxdgil, 20px);
+.awsui_wrapper-default_gwq0h_a11gk_195:not(#\9) {
+  padding-top: var(--space-scaled-xxs-t2t62i, 4px);
+  padding-bottom: var(--space-scaled-xxs-t2t62i, 4px);
+  padding-right: var(--space-xxs-ja5cp8, 4px);
+}
+.awsui_wrapper-default_gwq0h_a11gk_195.awsui_header-deprecated_gwq0h_a11gk_217:not(#\9) {
+  padding-left: var(--space-xxs-ja5cp8, 4px);
+}
+.awsui_wrapper-default_gwq0h_a11gk_195:not(#\9):not(.awsui_header-deprecated_gwq0h_a11gk_217) {
+  padding-left: calc(var(--space-xxs-ja5cp8, 4px) + calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px)));
+}
+.awsui_wrapper-footer_gwq0h_a11gk_195:not(#\9) {
+  padding-top: var(--space-scaled-xxs-t2t62i, 4px);
+  padding-bottom: var(--space-scaled-xxs-t2t62i, 4px);
+  padding-right: 0;
+}
+.awsui_wrapper-footer_gwq0h_a11gk_195.awsui_header-deprecated_gwq0h_a11gk_217:not(#\9) {
+  padding-left: 0;
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_xy8yt_207:not(#\9):focus {
+.awsui_wrapper-footer_gwq0h_a11gk_195:not(#\9):not(.awsui_header-deprecated_gwq0h_a11gk_217) {
+  padding-left: calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px));
+}
+.awsui_wrapper-container_gwq0h_a11gk_201:not(#\9) {
+  padding-top: var(--space-container-header-vertical-di96ce, 12px);
+  padding-bottom: var(--space-container-header-vertical-di96ce, 12px);
+  padding-right: var(--space-container-horizontal-jxdgil, 20px);
+}
+.awsui_wrapper-container_gwq0h_a11gk_201.awsui_header-deprecated_gwq0h_a11gk_217:not(#\9) {
+  padding-left: var(--space-container-horizontal-jxdgil, 20px);
+}
+.awsui_wrapper-container_gwq0h_a11gk_201:not(#\9):not(.awsui_header-deprecated_gwq0h_a11gk_217) {
+  padding-left: calc(var(--space-container-horizontal-jxdgil, 20px) + calc(var(--size-icon-medium-x0iee8, 20px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xs-edba2s, 8px)));
+}
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_a11gk_201:not(#\9):focus {
   padding: calc(var(--space-scaled-s-913kwi, 12px) - var(--border-divider-section-width-orq175, 2px)) calc(var(--space-l-f4l5gr, 20px) - var(--border-divider-section-width-orq175, 2px));
 }
-.awsui_wrapper-default_gwq0h_xy8yt_195.awsui_wrapper-expanded_gwq0h_xy8yt_224:not(#\9) {
+.awsui_wrapper-default_gwq0h_a11gk_195.awsui_wrapper-expanded_gwq0h_a11gk_248:not(#\9) {
   border-bottom-color: var(--color-border-divider-default-9o8zql, #e9ebed);
 }
 
-.awsui_header_gwq0h_xy8yt_228:not(#\9) {
+.awsui_header_gwq0h_a11gk_217:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_xy8yt_231:not(#\9), .awsui_header-deprecated_gwq0h_xy8yt_231:not(#\9) {
+.awsui_header-wrapper_gwq0h_a11gk_255:not(#\9), .awsui_header-deprecated_gwq0h_a11gk_217:not(#\9) {
   display: flex;
   font-weight: var(--font-heading-s-weight-5y5giq, 800);
 }
-.awsui_header-wrapper_gwq0h_xy8yt_231:not(#\9) {
+.awsui_header-wrapper_gwq0h_a11gk_255:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin: 0;
   padding: 0;
 }
-.awsui_header-button_gwq0h_xy8yt_241:not(#\9) {
-  box-sizing: border-box;
-  display: flex;
-}
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_xy8yt_241:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_xy8yt_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_a11gk_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_a11gk_265:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_xy8yt_241:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_xy8yt_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_a11gk_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_a11gk_265:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_xy8yt_241:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_xy8yt_245:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_a11gk_265:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_a11gk_265:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -286,13 +306,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_xy8yt_241:not(#\9
   border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_header-container_gwq0h_xy8yt_245:not(#\9) {
+.awsui_header-button_gwq0h_a11gk_265:not(#\9) {
+  box-sizing: border-box;
+  display: flex;
+  margin-left: calc(-1 * calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px)));
+}
+.awsui_header-container-button_gwq0h_a11gk_265:not(#\9) {
+  margin-left: calc(-1 * calc(var(--size-icon-medium-x0iee8, 20px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xs-edba2s, 8px)));
+}
+.awsui_header-container_gwq0h_a11gk_265:not(#\9) {
   width: 100%;
 }
-.awsui_header-container_gwq0h_xy8yt_245 > .awsui_icon-container_gwq0h_xy8yt_179:not(#\9) {
+.awsui_header-container_gwq0h_a11gk_265 > .awsui_icon-container_gwq0h_a11gk_179:not(#\9) {
   margin-top: var(--space-expandable-section-icon-offset-top-qfofw6, 4px);
 }
-.awsui_header-navigation_gwq0h_xy8yt_269 > .awsui_icon-container_gwq0h_xy8yt_179:not(#\9) {
+.awsui_header-navigation_gwq0h_a11gk_297 > .awsui_icon-container_gwq0h_a11gk_179:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-lzmj1u, #414d5c);
@@ -303,17 +331,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_xy8yt_241:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_xy8yt_269 > .awsui_icon-container_gwq0h_xy8yt_179:not(#\9):hover {
+.awsui_header-navigation_gwq0h_a11gk_297 > .awsui_icon-container_gwq0h_a11gk_179:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-pux1oy, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_xy8yt_269 > .awsui_icon-container_gwq0h_xy8yt_179:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_a11gk_297 > .awsui_icon-container_gwq0h_a11gk_179:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_xy8yt_269 > .awsui_icon-container_gwq0h_xy8yt_179:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_a11gk_297 > .awsui_icon-container_gwq0h_a11gk_179:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_xy8yt_269 > .awsui_icon-container_gwq0h_xy8yt_179:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_a11gk_297 > .awsui_icon-container_gwq0h_a11gk_179:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -325,42 +353,33 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_xy8yt_269 > .
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_content_gwq0h_xy8yt_97:not(#\9) {
+.awsui_content_gwq0h_a11gk_97:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_xy8yt_305:not(#\9) {
+.awsui_content-default_gwq0h_a11gk_333:not(#\9) {
   padding: var(--space-scaled-xs-wbfgrv, 8px) 0;
 }
-.awsui_content-footer_gwq0h_xy8yt_308:not(#\9) {
+.awsui_content-footer_gwq0h_a11gk_336:not(#\9) {
   padding: var(--space-xs-edba2s, 8px) 0;
 }
-.awsui_content-expanded_gwq0h_xy8yt_311:not(#\9) {
+.awsui_content-expanded_gwq0h_a11gk_339:not(#\9) {
   display: block;
 }
 
-.awsui_focusable_gwq0h_xy8yt_315:not(#\9):focus {
+.awsui_focusable_gwq0h_a11gk_343:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_xy8yt_315:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_a11gk_343:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
   border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_click-target_gwq0h_xy8yt_326:not(#\9) {
+.awsui_click-target_gwq0h_a11gk_354:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_xy8yt_326:not(#\9):not(.awsui_wrapper-container_gwq0h_xy8yt_207):not(.awsui_header-container-button_gwq0h_xy8yt_245):hover {
+.awsui_click-target_gwq0h_a11gk_354:not(#\9):not(.awsui_wrapper-container_gwq0h_a11gk_201):not(.awsui_header-container-button_gwq0h_a11gk_265):hover {
   color: var(--color-text-expandable-section-hover-pux1oy, #0972d3);
-}
-
-.awsui_description-default_gwq0h_xy8yt_333:not(#\9),
-.awsui_description-footer_gwq0h_xy8yt_334:not(#\9) {
-  padding-left: calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px));
-}
-
-.awsui_description-container_gwq0h_xy8yt_338:not(#\9) {
-  padding-left: calc(var(--size-icon-medium-x0iee8, 20px) + (var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xs-edba2s, 8px));
 }

package/expandable-section/styles.selectors.js

@@ -2,36 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_xy8yt_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_xy8yt_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_xy8yt_119",
-  "icon": "awsui_icon_gwq0h_xy8yt_133",
-  "root": "awsui_root_gwq0h_xy8yt_151",
-  "expand-button": "awsui_expand-button_gwq0h_xy8yt_168",
-  "expanded": "awsui_expanded_gwq0h_xy8yt_175",
-  "icon-container": "awsui_icon-container_gwq0h_xy8yt_179",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_xy8yt_184",
-  "wrapper": "awsui_wrapper_gwq0h_xy8yt_188",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_xy8yt_195",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_xy8yt_198",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_xy8yt_204",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_xy8yt_207",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_xy8yt_224",
-  "header": "awsui_header_gwq0h_xy8yt_228",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_xy8yt_231",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_xy8yt_231",
-  "header-button": "awsui_header-button_gwq0h_xy8yt_241",
-  "header-container-button": "awsui_header-container-button_gwq0h_xy8yt_245",
-  "header-container": "awsui_header-container_gwq0h_xy8yt_245",
-  "header-navigation": "awsui_header-navigation_gwq0h_xy8yt_269",
-  "content": "awsui_content_gwq0h_xy8yt_97",
-  "content-default": "awsui_content-default_gwq0h_xy8yt_305",
-  "content-footer": "awsui_content-footer_gwq0h_xy8yt_308",
-  "content-expanded": "awsui_content-expanded_gwq0h_xy8yt_311",
-  "focusable": "awsui_focusable_gwq0h_xy8yt_315",
-  "click-target": "awsui_click-target_gwq0h_xy8yt_326",
-  "description-default": "awsui_description-default_gwq0h_xy8yt_333",
-  "description-footer": "awsui_description-footer_gwq0h_xy8yt_334",
-  "description-container": "awsui_description-container_gwq0h_xy8yt_338"
+  "content-enter": "awsui_content-enter_gwq0h_a11gk_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_a11gk_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_a11gk_119",
+  "icon": "awsui_icon_gwq0h_a11gk_133",
+  "root": "awsui_root_gwq0h_a11gk_151",
+  "expand-button": "awsui_expand-button_gwq0h_a11gk_168",
+  "expanded": "awsui_expanded_gwq0h_a11gk_175",
+  "icon-container": "awsui_icon-container_gwq0h_a11gk_179",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_a11gk_184",
+  "wrapper": "awsui_wrapper_gwq0h_a11gk_188",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_a11gk_195",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_a11gk_195",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_a11gk_198",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_a11gk_201",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_a11gk_217",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_a11gk_248",
+  "header": "awsui_header_gwq0h_a11gk_217",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_a11gk_255",
+  "header-button": "awsui_header-button_gwq0h_a11gk_265",
+  "header-container-button": "awsui_header-container-button_gwq0h_a11gk_265",
+  "header-container": "awsui_header-container_gwq0h_a11gk_265",
+  "header-navigation": "awsui_header-navigation_gwq0h_a11gk_297",
+  "content": "awsui_content_gwq0h_a11gk_97",
+  "content-default": "awsui_content-default_gwq0h_a11gk_333",
+  "content-footer": "awsui_content-footer_gwq0h_a11gk_336",
+  "content-expanded": "awsui_content-expanded_gwq0h_a11gk_339",
+  "focusable": "awsui_focusable_gwq0h_a11gk_343",
+  "click-target": "awsui_click-target_gwq0h_a11gk_354"
 };
   

package/internal/components/cartesian-chart/chart-container.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface CartesianChartContainerProps {
+    leftAxisLabel: React.ReactNode;
+    leftAxisLabelMeasure: React.ReactNode;
+    bottomAxisLabel: React.ReactNode;
+    chartPlot: React.ReactNode;
+    popover: React.ReactNode;
+}
+export declare const CartesianChartContainer: React.ForwardRefExoticComponent<CartesianChartContainerProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=chart-container.d.ts.map

package/internal/components/cartesian-chart/chart-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-container.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/chart-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,4BAA4B;IACpC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,uBAAuB,qGAuBnC,CAAC"}

package/internal/components/cartesian-chart/chart-container.js

@@ -0,0 +1,15 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { forwardRef } from 'react';
+import styles from './styles.css.js';
+export const CartesianChartContainer = forwardRef(({ leftAxisLabel, leftAxisLabelMeasure, bottomAxisLabel, chartPlot, popover }, ref) => {
+    return (React.createElement("div", { className: styles['chart-container'], ref: ref },
+        leftAxisLabel,
+        React.createElement("div", { className: styles['chart-container__horizontal'] },
+            leftAxisLabelMeasure,
+            React.createElement("div", { className: styles['chart-container__vertical'] },
+                chartPlot,
+                bottomAxisLabel),
+            popover)));
+});
+//# sourceMappingURL=chart-container.js.map

package/internal/components/cartesian-chart/chart-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-container.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/chart-container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAC/C,CACE,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAgC,EAC1G,GAA8B,EAC9B,EAAE;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,GAAG;QAChD,aAAa;QAEd,6BAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC;YAClD,oBAAoB;YAErB,6BAAK,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC;gBAChD,SAAS;gBAET,eAAe,CACZ;YAEL,OAAO,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { forwardRef } from 'react';\nimport styles from './styles.css.js';\n\ninterface CartesianChartContainerProps {\n  leftAxisLabel: React.ReactNode;\n  leftAxisLabelMeasure: React.ReactNode;\n  bottomAxisLabel: React.ReactNode;\n  chartPlot: React.ReactNode;\n  popover: React.ReactNode;\n}\n\nexport const CartesianChartContainer = forwardRef(\n  (\n    { leftAxisLabel, leftAxisLabelMeasure, bottomAxisLabel, chartPlot, popover }: CartesianChartContainerProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    return (\n      <div className={styles['chart-container']} ref={ref}>\n        {leftAxisLabel}\n\n        <div className={styles['chart-container__horizontal']}>\n          {leftAxisLabelMeasure}\n\n          <div className={styles['chart-container__vertical']}>\n            {chartPlot}\n\n            {bottomAxisLabel}\n          </div>\n\n          {popover}\n        </div>\n      </div>\n    );\n  }\n);\n"]}

package/internal/components/cartesian-chart/styles.css.js

@@ -1,26 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "axis": "awsui_axis_f0fot_ppouq_9",
-  "vertical-marker": "awsui_vertical-marker_f0fot_ppouq_10",
-  "axis--emphasized": "awsui_axis--emphasized_f0fot_ppouq_15",
-  "axis-label": "awsui_axis-label_f0fot_ppouq_19",
-  "axis-label--x": "awsui_axis-label--x_f0fot_ppouq_24",
-  "axis-label--y": "awsui_axis-label--y_f0fot_ppouq_25",
-  "grid": "awsui_grid_f0fot_ppouq_29",
-  "ticks__line": "awsui_ticks__line_f0fot_ppouq_34",
-  "ticks__text": "awsui_ticks__text_f0fot_ppouq_39",
-  "ticks--y": "awsui_ticks--y_f0fot_ppouq_44",
-  "ticks--x": "awsui_ticks--x_f0fot_ppouq_45",
-  "ticks--bottom": "awsui_ticks--bottom_f0fot_ppouq_49",
-  "labels-left": "awsui_labels-left_f0fot_ppouq_54",
-  "ticks": "awsui_ticks_f0fot_ppouq_34",
-  "labels-left__label": "awsui_labels-left__label_f0fot_ppouq_69",
-  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_ppouq_73",
-  "labels-bottom": "awsui_labels-bottom_f0fot_ppouq_81",
-  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_ppouq_92",
-  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_ppouq_98",
-  "focus-outline": "awsui_focus-outline_f0fot_ppouq_103",
-  "filter-container": "awsui_filter-container_f0fot_ppouq_111"
+  "axis": "awsui_axis_f0fot_pe91i_9",
+  "vertical-marker": "awsui_vertical-marker_f0fot_pe91i_10",
+  "axis--emphasized": "awsui_axis--emphasized_f0fot_pe91i_15",
+  "axis-label": "awsui_axis-label_f0fot_pe91i_19",
+  "axis-label--x": "awsui_axis-label--x_f0fot_pe91i_24",
+  "axis-label--y": "awsui_axis-label--y_f0fot_pe91i_25",
+  "grid": "awsui_grid_f0fot_pe91i_29",
+  "ticks__line": "awsui_ticks__line_f0fot_pe91i_34",
+  "ticks__text": "awsui_ticks__text_f0fot_pe91i_39",
+  "ticks--y": "awsui_ticks--y_f0fot_pe91i_44",
+  "ticks--x": "awsui_ticks--x_f0fot_pe91i_45",
+  "ticks--bottom": "awsui_ticks--bottom_f0fot_pe91i_49",
+  "labels-left": "awsui_labels-left_f0fot_pe91i_54",
+  "ticks": "awsui_ticks_f0fot_pe91i_34",
+  "labels-left__label": "awsui_labels-left__label_f0fot_pe91i_69",
+  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_pe91i_73",
+  "labels-bottom": "awsui_labels-bottom_f0fot_pe91i_81",
+  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_pe91i_92",
+  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_pe91i_98",
+  "focus-outline": "awsui_focus-outline_f0fot_pe91i_103",
+  "chart-container": "awsui_chart-container_f0fot_pe91i_111",
+  "chart-container__vertical": "awsui_chart-container__vertical_f0fot_pe91i_117",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_f0fot_pe91i_123"
 };