@cloudscape-design/components-themeable 3.0.1162 → 3.0.1164

package/lib/internal/template/drawer/styles.selectors.js

@@ -2,13 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1sxt8_18ek3_189",
-  "header": "awsui_header_1sxt8_18ek3_222",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_18ek3_239",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_18ek3_247",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_18ek3_250",
-  "header-actions": "awsui_header-actions_1sxt8_18ek3_269",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_18ek3_275",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_18ek3_282"
+  "drawer": "awsui_drawer_1sxt8_t1bin_189",
+  "with-footer": "awsui_with-footer_1sxt8_t1bin_221",
+  "content": "awsui_content_1sxt8_t1bin_226",
+  "header": "awsui_header_1sxt8_t1bin_230",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_t1bin_247",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_t1bin_255",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_t1bin_258",
+  "header-actions": "awsui_header-actions_1sxt8_t1bin_277",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_t1bin_283",
+  "footer": "awsui_footer_1sxt8_t1bin_290",
+  "is-sticky": "awsui_is-sticky_1sxt8_t1bin_296",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_t1bin_304"
 };
   

package/lib/internal/template/drawer/use-sticky-footer.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+export declare const MINIMUM_SCROLLABLE_SPACE = 148;
+export declare function useStickyFooter({ drawerRef, footerRef, }: {
+    drawerRef: RefObject<HTMLElement>;
+    footerRef: RefObject<HTMLElement>;
+}): {
+    isSticky: boolean;
+};
+//# sourceMappingURL=use-sticky-footer.d.ts.map

package/lib/internal/template/drawer/use-sticky-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sticky-footer.d.ts","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AAM1E,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAG5C,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,GACV,EAAE;IACD,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACnC;;EAoCA"}

package/lib/internal/template/drawer/use-sticky-footer.js

@@ -0,0 +1,35 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback, useLayoutEffect, useState } from 'react';
+import { throttle } from '../internal/utils/throttle';
+// Minimum scrollable space is the space other than the sticky content, for instance for a sticky footer it's the
+// the space other than that, which would be drawer height minus footer height.
+export const MINIMUM_SCROLLABLE_SPACE = 148;
+const STICKY_STATE_CHECK_THROTTLE_DELAY = 100; // every tenth of a second
+export function useStickyFooter({ drawerRef, footerRef, }) {
+    const [isSticky, setIsSticky] = useState(true);
+    const checkStickyState = throttle(useCallback(() => {
+        if (!drawerRef.current || !footerRef.current) {
+            return;
+        }
+        const parentElement = drawerRef.current.parentElement;
+        const parentElementHeight = parentElement === null || parentElement === void 0 ? void 0 : parentElement.getBoundingClientRect().height;
+        const drawerHeight = drawerRef.current.getBoundingClientRect().height;
+        const effectiveHeight = Math.min(parentElementHeight !== null && parentElementHeight !== void 0 ? parentElementHeight : drawerHeight, drawerHeight);
+        // take minimum of drawer and parent height
+        const footerHeight = footerRef.current.getBoundingClientRect().height;
+        const scrollableHeight = effectiveHeight - footerHeight;
+        const hasEnoughSpace = scrollableHeight >= MINIMUM_SCROLLABLE_SPACE;
+        setIsSticky(hasEnoughSpace);
+    }, [footerRef, drawerRef]), STICKY_STATE_CHECK_THROTTLE_DELAY);
+    useLayoutEffect(() => {
+        window.addEventListener('resize', checkStickyState);
+        checkStickyState();
+        return () => {
+            window.removeEventListener('resize', checkStickyState);
+            checkStickyState.cancel();
+        };
+    }, [checkStickyState]);
+    return { isSticky };
+}
+//# sourceMappingURL=use-sticky-footer.js.map

package/lib/internal/template/drawer/use-sticky-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sticky-footer.js","sourceRoot":"","sources":["../../../src/drawer/use-sticky-footer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAa,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,iHAAiH;AACjH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,MAAM,iCAAiC,GAAG,GAAG,CAAC,CAAC,0BAA0B;AAEzE,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,GAIV;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,gBAAgB,GAAG,QAAQ,CAC/B,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC;QACtD,MAAM,mBAAmB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,GAAG,MAAM,CAAC;QAC1E,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACtE,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,YAAY,EAAE,YAAY,CAAC,CAAC;QAEpF,2CAA2C;QAC3C,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAEtE,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAC;QACxD,MAAM,cAAc,GAAG,gBAAgB,IAAI,wBAAwB,CAAC;QAEpE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,EAC1B,iCAAiC,CAClC,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;QACpD,gBAAgB,EAAE,CAAC;QAEnB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;YACvD,gBAAgB,CAAC,MAAM,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACtB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { RefObject, useCallback, useLayoutEffect, useState } from 'react';\n\nimport { throttle } from '../internal/utils/throttle';\n\n// Minimum scrollable space is the space other than the sticky content, for instance for a sticky footer it's the\n// the space other than that, which would be drawer height minus footer height.\nexport const MINIMUM_SCROLLABLE_SPACE = 148;\nconst STICKY_STATE_CHECK_THROTTLE_DELAY = 100; // every tenth of a second\n\nexport function useStickyFooter({\n  drawerRef,\n  footerRef,\n}: {\n  drawerRef: RefObject<HTMLElement>;\n  footerRef: RefObject<HTMLElement>;\n}) {\n  const [isSticky, setIsSticky] = useState(true);\n\n  const checkStickyState = throttle(\n    useCallback(() => {\n      if (!drawerRef.current || !footerRef.current) {\n        return;\n      }\n\n      const parentElement = drawerRef.current.parentElement;\n      const parentElementHeight = parentElement?.getBoundingClientRect().height;\n      const drawerHeight = drawerRef.current.getBoundingClientRect().height;\n      const effectiveHeight = Math.min(parentElementHeight ?? drawerHeight, drawerHeight);\n\n      // take minimum of drawer and parent height\n      const footerHeight = footerRef.current.getBoundingClientRect().height;\n\n      const scrollableHeight = effectiveHeight - footerHeight;\n      const hasEnoughSpace = scrollableHeight >= MINIMUM_SCROLLABLE_SPACE;\n\n      setIsSticky(hasEnoughSpace);\n    }, [footerRef, drawerRef]),\n    STICKY_STATE_CHECK_THROTTLE_DELAY\n  );\n\n  useLayoutEffect(() => {\n    window.addEventListener('resize', checkStickyState);\n    checkStickyState();\n\n    return () => {\n      window.removeEventListener('resize', checkStickyState);\n      checkStickyState.cancel();\n    };\n  }, [checkStickyState]);\n\n  return { isSticky };\n}\n"]}

package/lib/internal/template/expandable-section/styles.css.js

@@ -1,40 +1,40 @@
 
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_3dyev_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_3dyev_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_3dyev_183",
-  "icon": "awsui_icon_gwq0h_3dyev_197",
-  "root": "awsui_root_gwq0h_3dyev_211",
-  "expand-button": "awsui_expand-button_gwq0h_3dyev_246",
-  "expanded": "awsui_expanded_gwq0h_3dyev_254",
-  "icon-container": "awsui_icon-container_gwq0h_3dyev_264",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_3dyev_268",
-  "wrapper": "awsui_wrapper_gwq0h_3dyev_272",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_3dyev_280",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_3dyev_280",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_3dyev_280",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_3dyev_284",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_3dyev_287",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_3dyev_291",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_3dyev_304",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_3dyev_310",
-  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_3dyev_333",
-  "header": "awsui_header_gwq0h_3dyev_304",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_3dyev_350",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_3dyev_362",
-  "header-button": "awsui_header-button_gwq0h_3dyev_368",
-  "header-container-button": "awsui_header-container-button_gwq0h_3dyev_368",
-  "header-container": "awsui_header-container_gwq0h_3dyev_368",
-  "header-navigation": "awsui_header-navigation_gwq0h_3dyev_403",
-  "header-text": "awsui_header-text_gwq0h_3dyev_440",
-  "content": "awsui_content_gwq0h_3dyev_161",
-  "content-default": "awsui_content-default_gwq0h_3dyev_453",
-  "content-inline": "awsui_content-inline_gwq0h_3dyev_453",
-  "content-footer": "awsui_content-footer_gwq0h_3dyev_457",
-  "content-expanded": "awsui_content-expanded_gwq0h_3dyev_461",
-  "content-compact": "awsui_content-compact_gwq0h_3dyev_464",
-  "focusable": "awsui_focusable_gwq0h_3dyev_468",
-  "click-target": "awsui_click-target_gwq0h_3dyev_483"
+  "content-enter": "awsui_content-enter_gwq0h_e6qcq_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_e6qcq_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_e6qcq_183",
+  "icon": "awsui_icon_gwq0h_e6qcq_197",
+  "root": "awsui_root_gwq0h_e6qcq_211",
+  "expand-button": "awsui_expand-button_gwq0h_e6qcq_246",
+  "expanded": "awsui_expanded_gwq0h_e6qcq_254",
+  "icon-container": "awsui_icon-container_gwq0h_e6qcq_264",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_e6qcq_268",
+  "wrapper": "awsui_wrapper_gwq0h_e6qcq_272",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_e6qcq_280",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_e6qcq_280",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_e6qcq_280",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_e6qcq_284",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_e6qcq_287",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_e6qcq_291",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_e6qcq_304",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_e6qcq_310",
+  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_e6qcq_333",
+  "header": "awsui_header_gwq0h_e6qcq_304",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_e6qcq_350",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_e6qcq_362",
+  "header-button": "awsui_header-button_gwq0h_e6qcq_368",
+  "header-container-button": "awsui_header-container-button_gwq0h_e6qcq_368",
+  "header-container": "awsui_header-container_gwq0h_e6qcq_368",
+  "header-navigation": "awsui_header-navigation_gwq0h_e6qcq_403",
+  "header-text": "awsui_header-text_gwq0h_e6qcq_440",
+  "content": "awsui_content_gwq0h_e6qcq_161",
+  "content-default": "awsui_content-default_gwq0h_e6qcq_453",
+  "content-inline": "awsui_content-inline_gwq0h_e6qcq_453",
+  "content-footer": "awsui_content-footer_gwq0h_e6qcq_457",
+  "content-expanded": "awsui_content-expanded_gwq0h_e6qcq_461",
+  "content-compact": "awsui_content-compact_gwq0h_e6qcq_464",
+  "focusable": "awsui_focusable_gwq0h_e6qcq_468",
+  "click-target": "awsui_click-target_gwq0h_e6qcq_483"
 };
   

package/lib/internal/template/expandable-section/styles.scoped.css

@@ -158,10 +158,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_3dyev_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_3dyev_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_content-enter_gwq0h_e6qcq_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_e6qcq_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_3dyev_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_e6qcq_1 {
   from {
     opacity: 0.2;
   }
@@ -170,45 +170,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_3dyev_161:not(#\9) {
+  .awsui_content-enter_gwq0h_e6qcq_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_3dyev_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_3dyev_161:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_e6qcq_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_e6qcq_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_3dyev_183:not(#\9) {
+.awsui_trigger-expanded_gwq0h_e6qcq_183:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_3dyev_183:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_e6qcq_183:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_3dyev_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_3dyev_183:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_e6qcq_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_e6qcq_183:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_3dyev_197:not(#\9) {
+.awsui_icon_gwq0h_e6qcq_197:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-f1ulnu, 135ms) var(--motion-easing-rotate-90-jekue3, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_3dyev_197:not(#\9) {
+  .awsui_icon_gwq0h_e6qcq_197:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_3dyev_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_3dyev_197:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_e6qcq_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_e6qcq_197:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_gwq0h_3dyev_211:not(#\9) {
+.awsui_root_gwq0h_e6qcq_211:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -243,33 +243,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_3dyev_246:not(#\9) {
+.awsui_expand-button_gwq0h_e6qcq_246:not(#\9) {
   outline: none;
 }
 
-.awsui_icon_gwq0h_3dyev_197:not(#\9) {
+.awsui_icon_gwq0h_e6qcq_197:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_3dyev_197.awsui_expanded_gwq0h_3dyev_254:not(#\9) {
+.awsui_icon_gwq0h_e6qcq_197.awsui_expanded_gwq0h_e6qcq_254:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_3dyev_197:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_e6qcq_197:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_3dyev_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_3dyev_254 {
+.awsui_icon_gwq0h_e6qcq_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_e6qcq_254 {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_3dyev_264:not(#\9) {
+.awsui_icon-container_gwq0h_e6qcq_264:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2) calc(var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
-.awsui_icon-container-container_gwq0h_3dyev_268:not(#\9) {
+.awsui_icon-container-container_gwq0h_e6qcq_268:not(#\9) {
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
 
-.awsui_wrapper_gwq0h_3dyev_272:not(#\9) {
+.awsui_wrapper_gwq0h_e6qcq_272:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -277,81 +277,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-inline_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-footer_gwq0h_3dyev_280:not(#\9) {
+.awsui_wrapper-default_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-inline_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-footer_gwq0h_e6qcq_280:not(#\9) {
   border-block: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_3dyev_284:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_e6qcq_284:not(#\9) {
   border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_3dyev_284:not(#\9), .awsui_wrapper-container_gwq0h_3dyev_287:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_e6qcq_284:not(#\9), .awsui_wrapper-container_gwq0h_e6qcq_287:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-qxvrar, 700);
 }
-.awsui_wrapper-default_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-inline_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-navigation_gwq0h_3dyev_284:not(#\9), .awsui_wrapper-footer_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-compact_gwq0h_3dyev_291:not(#\9) {
+.awsui_wrapper-default_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-inline_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-navigation_gwq0h_e6qcq_284:not(#\9), .awsui_wrapper-footer_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-compact_gwq0h_e6qcq_291:not(#\9) {
   color: var(--color-text-expandable-section-default-7zwicj, #545b64);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_wrapper-default_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-inline_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-navigation_gwq0h_3dyev_284:not(#\9), .awsui_wrapper-footer_gwq0h_3dyev_280:not(#\9) {
+.awsui_wrapper-default_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-inline_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-navigation_gwq0h_e6qcq_284:not(#\9), .awsui_wrapper-footer_gwq0h_e6qcq_280:not(#\9) {
   font-size: var(--font-expandable-heading-size-vrupwx, 14px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
 }
-.awsui_wrapper-default_gwq0h_3dyev_280:not(#\9) {
+.awsui_wrapper-default_gwq0h_e6qcq_280:not(#\9) {
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_wrapper-default_gwq0h_3dyev_280.awsui_header-deprecated_gwq0h_3dyev_304:not(#\9) {
+.awsui_wrapper-default_gwq0h_e6qcq_280.awsui_header-deprecated_gwq0h_e6qcq_304:not(#\9) {
   padding-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_wrapper-default_gwq0h_3dyev_280:not(#\9):not(.awsui_header-deprecated_gwq0h_3dyev_304), .awsui_wrapper-inline_gwq0h_3dyev_280:not(#\9):not(.awsui_header-deprecated_gwq0h_3dyev_304) {
+.awsui_wrapper-default_gwq0h_e6qcq_280:not(#\9):not(.awsui_header-deprecated_gwq0h_e6qcq_304), .awsui_wrapper-inline_gwq0h_e6qcq_280:not(#\9):not(.awsui_header-deprecated_gwq0h_e6qcq_304) {
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
-.awsui_wrapper-default_gwq0h_3dyev_280.awsui_wrapper-expanded_gwq0h_3dyev_310:not(#\9), .awsui_wrapper-inline_gwq0h_3dyev_280.awsui_wrapper-expanded_gwq0h_3dyev_310:not(#\9) {
+.awsui_wrapper-default_gwq0h_e6qcq_280.awsui_wrapper-expanded_gwq0h_e6qcq_310:not(#\9), .awsui_wrapper-inline_gwq0h_e6qcq_280.awsui_wrapper-expanded_gwq0h_e6qcq_310:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
   border-block-end-color: var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_wrapper-footer_gwq0h_3dyev_280:not(#\9) {
+.awsui_wrapper-footer_gwq0h_e6qcq_280:not(#\9) {
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_wrapper-footer_gwq0h_3dyev_280:not(#\9), .awsui_wrapper-compact_gwq0h_3dyev_291:not(#\9) {
+.awsui_wrapper-footer_gwq0h_e6qcq_280:not(#\9), .awsui_wrapper-compact_gwq0h_e6qcq_291:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_3dyev_280.awsui_header-deprecated_gwq0h_3dyev_304:not(#\9), .awsui_wrapper-compact_gwq0h_3dyev_291.awsui_header-deprecated_gwq0h_3dyev_304:not(#\9) {
+.awsui_wrapper-footer_gwq0h_e6qcq_280.awsui_header-deprecated_gwq0h_e6qcq_304:not(#\9), .awsui_wrapper-compact_gwq0h_e6qcq_291.awsui_header-deprecated_gwq0h_e6qcq_304:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_3dyev_280:not(#\9):not(.awsui_header-deprecated_gwq0h_3dyev_304), .awsui_wrapper-compact_gwq0h_3dyev_291:not(#\9):not(.awsui_header-deprecated_gwq0h_3dyev_304) {
+.awsui_wrapper-footer_gwq0h_e6qcq_280:not(#\9):not(.awsui_header-deprecated_gwq0h_e6qcq_304), .awsui_wrapper-compact_gwq0h_e6qcq_291:not(#\9):not(.awsui_header-deprecated_gwq0h_e6qcq_304) {
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
-.awsui_wrapper-container_gwq0h_3dyev_287:not(#\9) {
+.awsui_wrapper-container_gwq0h_e6qcq_287:not(#\9) {
   padding-block: var(--space-container-header-top-3cfni8, 12px) var(--space-container-header-bottom-rbnprk, 12px);
   padding-inline-end: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_wrapper-container_gwq0h_3dyev_287:not(#\9):not(.awsui_wrapper-expanded_gwq0h_3dyev_310) {
+.awsui_wrapper-container_gwq0h_e6qcq_287:not(#\9):not(.awsui_wrapper-expanded_gwq0h_e6qcq_310) {
   padding-block-end: var(--space-container-header-top-3cfni8, 12px);
 }
-.awsui_wrapper-container_gwq0h_3dyev_287.awsui_wrapper-not-expanded-without-actions_gwq0h_3dyev_333:not(#\9) {
+.awsui_wrapper-container_gwq0h_e6qcq_287.awsui_wrapper-not-expanded-without-actions_gwq0h_e6qcq_333:not(#\9) {
   padding-block-end: calc(var(--space-container-header-top-3cfni8, 12px) + var(--space-scaled-xxs-jatbiv, 4px));
 }
-.awsui_wrapper-container_gwq0h_3dyev_287.awsui_header-deprecated_gwq0h_3dyev_304:not(#\9) {
+.awsui_wrapper-container_gwq0h_e6qcq_287.awsui_header-deprecated_gwq0h_e6qcq_304:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_wrapper-container_gwq0h_3dyev_287:not(#\9):not(.awsui_header-deprecated_gwq0h_3dyev_304) {
+.awsui_wrapper-container_gwq0h_e6qcq_287:not(#\9):not(.awsui_header-deprecated_gwq0h_e6qcq_304) {
   padding-inline-start: calc(var(--space-container-horizontal-ipmk0e, 20px) + calc(var(--size-icon-medium-3ovt3t, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xs-kw7k3v, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_3dyev_287:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_e6qcq_287:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-gjhvjd, 12px) - var(--border-divider-section-width-sznrdy, 1px));
   padding-inline: calc(var(--space-l-3cws6j, 20px) - var(--border-divider-section-width-sznrdy, 1px));
 }
 
-.awsui_header_gwq0h_3dyev_304:not(#\9) {
+.awsui_header_gwq0h_e6qcq_304:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_3dyev_350:not(#\9), .awsui_header-deprecated_gwq0h_3dyev_304:not(#\9) {
+.awsui_header-wrapper_gwq0h_e6qcq_350:not(#\9), .awsui_header-deprecated_gwq0h_e6qcq_304:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-qxvrar, 700);
 }
-.awsui_header-wrapper_gwq0h_3dyev_350:not(#\9) {
+.awsui_header-wrapper_gwq0h_e6qcq_350:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -359,20 +359,20 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_3dyev_287:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_3dyev_362:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_e6qcq_362:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_3dyev_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_3dyev_368:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_e6qcq_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_e6qcq_368:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_3dyev_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_3dyev_368:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_e6qcq_368:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_e6qcq_368:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_3dyev_368:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_3dyev_368:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_e6qcq_368:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_e6qcq_368:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -386,21 +386,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_3dyev_368:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-button_gwq0h_3dyev_368:not(#\9) {
+.awsui_header-button_gwq0h_e6qcq_368:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px)));
 }
-.awsui_header-container-button_gwq0h_3dyev_368:not(#\9) {
+.awsui_header-container-button_gwq0h_e6qcq_368:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-3ovt3t, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xs-kw7k3v, 8px)));
 }
-.awsui_header-container_gwq0h_3dyev_368:not(#\9) {
+.awsui_header-container_gwq0h_e6qcq_368:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_3dyev_368 > .awsui_icon-container_gwq0h_3dyev_264:not(#\9) {
+.awsui_header-container_gwq0h_e6qcq_368 > .awsui_icon-container_gwq0h_e6qcq_264:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-zxpo99, 8px);
 }
-.awsui_header-navigation_gwq0h_3dyev_403 > .awsui_icon-container_gwq0h_3dyev_264:not(#\9) {
+.awsui_header-navigation_gwq0h_e6qcq_403 > .awsui_icon-container_gwq0h_e6qcq_264:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-h9rszh, #879596);
@@ -413,17 +413,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_3dyev_368:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_3dyev_403 > .awsui_icon-container_gwq0h_3dyev_264:not(#\9):hover {
-  color: var(--color-text-expandable-section-hover-hrllke, #16191f);
+.awsui_header-navigation_gwq0h_e6qcq_403 > .awsui_icon-container_gwq0h_e6qcq_264:not(#\9):hover {
+  color: var(--color-text-expandable-section-hover-8k6nu3, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_3dyev_403 > .awsui_icon-container_gwq0h_3dyev_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_e6qcq_403 > .awsui_icon-container_gwq0h_e6qcq_264:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_3dyev_403 > .awsui_icon-container_gwq0h_3dyev_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_e6qcq_403 > .awsui_icon-container_gwq0h_e6qcq_264:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_3dyev_403 > .awsui_icon-container_gwq0h_3dyev_264:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_e6qcq_403 > .awsui_icon-container_gwq0h_e6qcq_264:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -437,39 +437,39 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_3dyev_403 > .
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-text_gwq0h_3dyev_440:not(#\9) {
+.awsui_header-text_gwq0h_e6qcq_440:not(#\9) {
   /* used in test-utils */
 }
 
-:not(#\9):not(.awsui_wrapper-compact_gwq0h_3dyev_291) > .awsui_header-actions-wrapper_gwq0h_3dyev_362 {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_e6qcq_291) > .awsui_header-actions-wrapper_gwq0h_e6qcq_362 {
   flex-wrap: wrap;
   column-gap: var(--space-xs-kw7k3v, 8px);
   row-gap: var(--space-scaled-xxxs-prgw5k, 2px);
 }
 
-.awsui_content_gwq0h_3dyev_161:not(#\9) {
+.awsui_content_gwq0h_e6qcq_161:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_3dyev_453:not(#\9), .awsui_content-inline_gwq0h_3dyev_453:not(#\9) {
+.awsui_content-default_gwq0h_e6qcq_453:not(#\9), .awsui_content-inline_gwq0h_e6qcq_453:not(#\9) {
   padding-block: var(--space-scaled-xs-sppte9, 8px);
   padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_3dyev_457:not(#\9) {
+.awsui_content-footer_gwq0h_e6qcq_457:not(#\9) {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_3dyev_461:not(#\9) {
+.awsui_content-expanded_gwq0h_e6qcq_461:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_3dyev_464:not(#\9) {
+.awsui_content-compact_gwq0h_e6qcq_464:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
 
-.awsui_focusable_gwq0h_3dyev_468:not(#\9):focus {
+.awsui_focusable_gwq0h_e6qcq_468:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_3dyev_468:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_e6qcq_468:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
   border-inline: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
@@ -480,9 +480,9 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_3dyev_468:not(#\9):fo
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_click-target_gwq0h_3dyev_483:not(#\9) {
+.awsui_click-target_gwq0h_e6qcq_483:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_3dyev_483:not(#\9):not(.awsui_wrapper-container_gwq0h_3dyev_287):not(.awsui_header-container-button_gwq0h_3dyev_368):hover {
-  color: var(--color-text-expandable-section-hover-hrllke, #16191f);
+.awsui_click-target_gwq0h_e6qcq_483:not(#\9):not(.awsui_wrapper-container_gwq0h_e6qcq_287):not(.awsui_header-container-button_gwq0h_e6qcq_368):hover {
+  color: var(--color-text-expandable-section-hover-8k6nu3, #16191f);
 }

package/lib/internal/template/expandable-section/styles.selectors.js

@@ -2,40 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_3dyev_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_3dyev_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_3dyev_183",
-  "icon": "awsui_icon_gwq0h_3dyev_197",
-  "root": "awsui_root_gwq0h_3dyev_211",
-  "expand-button": "awsui_expand-button_gwq0h_3dyev_246",
-  "expanded": "awsui_expanded_gwq0h_3dyev_254",
-  "icon-container": "awsui_icon-container_gwq0h_3dyev_264",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_3dyev_268",
-  "wrapper": "awsui_wrapper_gwq0h_3dyev_272",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_3dyev_280",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_3dyev_280",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_3dyev_280",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_3dyev_284",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_3dyev_287",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_3dyev_291",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_3dyev_304",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_3dyev_310",
-  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_3dyev_333",
-  "header": "awsui_header_gwq0h_3dyev_304",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_3dyev_350",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_3dyev_362",
-  "header-button": "awsui_header-button_gwq0h_3dyev_368",
-  "header-container-button": "awsui_header-container-button_gwq0h_3dyev_368",
-  "header-container": "awsui_header-container_gwq0h_3dyev_368",
-  "header-navigation": "awsui_header-navigation_gwq0h_3dyev_403",
-  "header-text": "awsui_header-text_gwq0h_3dyev_440",
-  "content": "awsui_content_gwq0h_3dyev_161",
-  "content-default": "awsui_content-default_gwq0h_3dyev_453",
-  "content-inline": "awsui_content-inline_gwq0h_3dyev_453",
-  "content-footer": "awsui_content-footer_gwq0h_3dyev_457",
-  "content-expanded": "awsui_content-expanded_gwq0h_3dyev_461",
-  "content-compact": "awsui_content-compact_gwq0h_3dyev_464",
-  "focusable": "awsui_focusable_gwq0h_3dyev_468",
-  "click-target": "awsui_click-target_gwq0h_3dyev_483"
+  "content-enter": "awsui_content-enter_gwq0h_e6qcq_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_e6qcq_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_e6qcq_183",
+  "icon": "awsui_icon_gwq0h_e6qcq_197",
+  "root": "awsui_root_gwq0h_e6qcq_211",
+  "expand-button": "awsui_expand-button_gwq0h_e6qcq_246",
+  "expanded": "awsui_expanded_gwq0h_e6qcq_254",
+  "icon-container": "awsui_icon-container_gwq0h_e6qcq_264",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_e6qcq_268",
+  "wrapper": "awsui_wrapper_gwq0h_e6qcq_272",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_e6qcq_280",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_e6qcq_280",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_e6qcq_280",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_e6qcq_284",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_e6qcq_287",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_e6qcq_291",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_e6qcq_304",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_e6qcq_310",
+  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_e6qcq_333",
+  "header": "awsui_header_gwq0h_e6qcq_304",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_e6qcq_350",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_e6qcq_362",
+  "header-button": "awsui_header-button_gwq0h_e6qcq_368",
+  "header-container-button": "awsui_header-container-button_gwq0h_e6qcq_368",
+  "header-container": "awsui_header-container_gwq0h_e6qcq_368",
+  "header-navigation": "awsui_header-navigation_gwq0h_e6qcq_403",
+  "header-text": "awsui_header-text_gwq0h_e6qcq_440",
+  "content": "awsui_content_gwq0h_e6qcq_161",
+  "content-default": "awsui_content-default_gwq0h_e6qcq_453",
+  "content-inline": "awsui_content-inline_gwq0h_e6qcq_453",
+  "content-footer": "awsui_content-footer_gwq0h_e6qcq_457",
+  "content-expanded": "awsui_content-expanded_gwq0h_e6qcq_461",
+  "content-compact": "awsui_content-compact_gwq0h_e6qcq_464",
+  "focusable": "awsui_focusable_gwq0h_e6qcq_468",
+  "click-target": "awsui_click-target_gwq0h_e6qcq_483"
 };
   

package/lib/internal/template/help-panel/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_1ybby_181",
-  "loading": "awsui_loading_1d237_1ybby_348",
-  "header": "awsui_header_1d237_1ybby_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_1ybby_371",
-  "content": "awsui_content_1d237_1ybby_390",
-  "footer": "awsui_footer_1d237_1ybby_441"
+  "help-panel": "awsui_help-panel_1d237_tlz2h_181",
+  "loading": "awsui_loading_1d237_tlz2h_348",
+  "header": "awsui_header_1d237_tlz2h_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_tlz2h_371",
+  "content": "awsui_content_1d237_tlz2h_390",
+  "footer": "awsui_footer_1d237_tlz2h_441"
 };