@cloudscape-design/components-themeable 3.0.520 → 3.0.522

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

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1rpmh_97",
-  "fit-height": "awsui_fit-height_14iqq_1rpmh_133",
-  "with-side-media": "awsui_with-side-media_14iqq_1rpmh_138",
-  "variant-default": "awsui_variant-default_14iqq_1rpmh_141",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1rpmh_141",
-  "refresh": "awsui_refresh_14iqq_1rpmh_146",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_1rpmh_189",
-  "with-top-media": "awsui_with-top-media_14iqq_1rpmh_201",
-  "content-wrapper": "awsui_content-wrapper_14iqq_1rpmh_206",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1rpmh_211",
-  "media": "awsui_media_14iqq_1rpmh_216",
-  "media-top": "awsui_media-top_14iqq_1rpmh_233",
-  "media-side": "awsui_media-side_14iqq_1rpmh_238",
-  "header": "awsui_header_14iqq_1rpmh_244",
-  "header-with-media": "awsui_header-with-media_14iqq_1rpmh_249",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1rpmh_255",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1rpmh_259",
-  "header-stuck": "awsui_header-stuck_14iqq_1rpmh_265",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1rpmh_271",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1rpmh_274",
-  "with-paddings": "awsui_with-paddings_14iqq_1rpmh_280",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_1rpmh_286",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1rpmh_333",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1rpmh_355",
-  "dark-header": "awsui_dark-header_14iqq_1rpmh_364",
-  "content": "awsui_content_14iqq_1rpmh_206",
-  "content-fit-height": "awsui_content-fit-height_14iqq_1rpmh_372",
-  "content-with-media": "awsui_content-with-media_14iqq_1rpmh_381",
-  "footer": "awsui_footer_14iqq_1rpmh_385",
-  "with-divider": "awsui_with-divider_14iqq_1rpmh_388"
+  "root": "awsui_root_14iqq_us59a_97",
+  "fit-height": "awsui_fit-height_14iqq_us59a_133",
+  "with-side-media": "awsui_with-side-media_14iqq_us59a_138",
+  "variant-default": "awsui_variant-default_14iqq_us59a_141",
+  "variant-stacked": "awsui_variant-stacked_14iqq_us59a_141",
+  "refresh": "awsui_refresh_14iqq_us59a_146",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_us59a_189",
+  "with-top-media": "awsui_with-top-media_14iqq_us59a_201",
+  "content-wrapper": "awsui_content-wrapper_14iqq_us59a_206",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_us59a_211",
+  "media": "awsui_media_14iqq_us59a_216",
+  "media-top": "awsui_media-top_14iqq_us59a_233",
+  "media-side": "awsui_media-side_14iqq_us59a_238",
+  "header": "awsui_header_14iqq_us59a_244",
+  "header-with-media": "awsui_header-with-media_14iqq_us59a_249",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_us59a_255",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_us59a_259",
+  "header-stuck": "awsui_header-stuck_14iqq_us59a_265",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_us59a_271",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_us59a_274",
+  "with-paddings": "awsui_with-paddings_14iqq_us59a_280",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_us59a_286",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_us59a_333",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_us59a_356",
+  "dark-header": "awsui_dark-header_14iqq_us59a_365",
+  "content": "awsui_content_14iqq_us59a_206",
+  "content-fit-height": "awsui_content-fit-height_14iqq_us59a_373",
+  "content-with-media": "awsui_content-with-media_14iqq_us59a_382",
+  "footer": "awsui_footer_14iqq_us59a_386",
+  "with-divider": "awsui_with-divider_14iqq_us59a_389"
 };
   

package/lib/internal/template/content-layout/internal.js

@@ -4,7 +4,7 @@ import { __rest } from "tslib";
 import React, { useRef } from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
-import { contentHeaderClassName } from '../internal/utils/content-header-utils';
+import { getContentHeaderClassName } from '../internal/utils/content-header-utils';
 import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
@@ -22,8 +22,8 @@ export default function InternalContentLayout(_a) {
             [styles['is-visual-refresh']]: isVisualRefresh,
             [styles['has-header']]: !!header,
         }), ref: mergedRef }),
-        React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, contentHeaderClassName), ref: overlapElement }),
-        header && React.createElement("div", { className: clsx(styles.header, contentHeaderClassName) }, header),
+        React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, getContentHeaderClassName()), ref: overlapElement }),
+        header && React.createElement("div", { className: clsx(styles.header, getContentHeaderClassName()) }, header),
         React.createElement("div", { className: styles.content }, children)));
 }
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/content-layout/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,sBAAsB,CACvB,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,IAAG,MAAM,CAAO;QAEtF,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n  children,\n  disableOverlap,\n  header,\n  __internalRootRef,\n  ...rest\n}: InternalContentLayoutProps) {\n  const baseProps = getBaseProps(rest);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n  const isVisualRefresh = useVisualRefresh();\n  const overlapElement = useDynamicOverlap();\n\n  const isOverlapDisabled = !children || disableOverlap;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.layout, {\n        [styles['is-overlap-disabled']]: isOverlapDisabled,\n        [styles['is-visual-refresh']]: isVisualRefresh,\n        [styles['has-header']]: !!header,\n      })}\n      ref={mergedRef}\n    >\n      <div\n        className={clsx(\n          styles.background,\n          { [styles['is-overlap-disabled']]: isOverlapDisabled },\n          contentHeaderClassName\n        )}\n        ref={overlapElement}\n      />\n\n      {header && <div className={clsx(styles.header, contentHeaderClassName)}>{header}</div>}\n\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,yBAAyB,EAAE,CAC5B,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,yBAAyB,EAAE,CAAC,IAAG,MAAM,CAAO;QAE3F,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { getContentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n  children,\n  disableOverlap,\n  header,\n  __internalRootRef,\n  ...rest\n}: InternalContentLayoutProps) {\n  const baseProps = getBaseProps(rest);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n  const isVisualRefresh = useVisualRefresh();\n  const overlapElement = useDynamicOverlap();\n\n  const isOverlapDisabled = !children || disableOverlap;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.layout, {\n        [styles['is-overlap-disabled']]: isOverlapDisabled,\n        [styles['is-visual-refresh']]: isVisualRefresh,\n        [styles['has-header']]: !!header,\n      })}\n      ref={mergedRef}\n    >\n      <div\n        className={clsx(\n          styles.background,\n          { [styles['is-overlap-disabled']]: isOverlapDisabled },\n          getContentHeaderClassName()\n        )}\n        ref={overlapElement}\n      />\n\n      {header && <div className={clsx(styles.header, getContentHeaderClassName())}>{header}</div>}\n\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}

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

@@ -1,37 +1,37 @@
 
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_enq19_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_enq19_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_enq19_119",
-  "icon": "awsui_icon_gwq0h_enq19_133",
-  "root": "awsui_root_gwq0h_enq19_151",
-  "expand-button": "awsui_expand-button_gwq0h_enq19_189",
-  "expanded": "awsui_expanded_gwq0h_enq19_196",
-  "icon-container": "awsui_icon-container_gwq0h_enq19_200",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_enq19_205",
-  "wrapper": "awsui_wrapper_gwq0h_enq19_209",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_enq19_216",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_enq19_216",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_enq19_219",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_enq19_222",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_enq19_226",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_enq19_240",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_enq19_264",
-  "header": "awsui_header_gwq0h_enq19_240",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_enq19_283",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_enq19_293",
-  "header-button": "awsui_header-button_gwq0h_enq19_298",
-  "header-container-button": "awsui_header-container-button_gwq0h_enq19_298",
-  "header-container": "awsui_header-container_gwq0h_enq19_298",
-  "header-navigation": "awsui_header-navigation_gwq0h_enq19_330",
-  "header-text": "awsui_header-text_gwq0h_enq19_362",
-  "content": "awsui_content_gwq0h_enq19_97",
-  "content-default": "awsui_content-default_gwq0h_enq19_369",
-  "content-footer": "awsui_content-footer_gwq0h_enq19_372",
-  "content-expanded": "awsui_content-expanded_gwq0h_enq19_375",
-  "content-compact": "awsui_content-compact_gwq0h_enq19_378",
-  "focusable": "awsui_focusable_gwq0h_enq19_382",
-  "click-target": "awsui_click-target_gwq0h_enq19_393"
+  "content-enter": "awsui_content-enter_gwq0h_c9cl0_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_c9cl0_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_c9cl0_119",
+  "icon": "awsui_icon_gwq0h_c9cl0_133",
+  "root": "awsui_root_gwq0h_c9cl0_151",
+  "expand-button": "awsui_expand-button_gwq0h_c9cl0_189",
+  "expanded": "awsui_expanded_gwq0h_c9cl0_196",
+  "icon-container": "awsui_icon-container_gwq0h_c9cl0_200",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_c9cl0_205",
+  "wrapper": "awsui_wrapper_gwq0h_c9cl0_209",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_c9cl0_216",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_c9cl0_216",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_c9cl0_219",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_c9cl0_222",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_c9cl0_226",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_c9cl0_240",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_c9cl0_264",
+  "header": "awsui_header_gwq0h_c9cl0_240",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_c9cl0_283",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_c9cl0_293",
+  "header-button": "awsui_header-button_gwq0h_c9cl0_298",
+  "header-container-button": "awsui_header-container-button_gwq0h_c9cl0_298",
+  "header-container": "awsui_header-container_gwq0h_c9cl0_298",
+  "header-navigation": "awsui_header-navigation_gwq0h_c9cl0_330",
+  "header-text": "awsui_header-text_gwq0h_c9cl0_362",
+  "content": "awsui_content_gwq0h_c9cl0_97",
+  "content-default": "awsui_content-default_gwq0h_c9cl0_369",
+  "content-footer": "awsui_content-footer_gwq0h_c9cl0_372",
+  "content-expanded": "awsui_content-expanded_gwq0h_c9cl0_375",
+  "content-compact": "awsui_content-compact_gwq0h_c9cl0_378",
+  "focusable": "awsui_focusable_gwq0h_c9cl0_382",
+  "click-target": "awsui_click-target_gwq0h_c9cl0_393"
 };
   

package/lib/internal/template/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_enq19_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_enq19_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
+.awsui_content-enter_gwq0h_c9cl0_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_c9cl0_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_enq19_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_c9cl0_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_enq19_97:not(#\9) {
+  .awsui_content-enter_gwq0h_c9cl0_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_enq19_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_enq19_97:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_c9cl0_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_c9cl0_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_enq19_119:not(#\9) {
+.awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_enq19_119:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_enq19_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_enq19_119:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_enq19_133:not(#\9) {
+.awsui_icon_gwq0h_c9cl0_133:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-f4h6jw, 135ms) var(--motion-easing-rotate-90-ncjpnu, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_enq19_133:not(#\9) {
+  .awsui_icon_gwq0h_c9cl0_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_enq19_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_enq19_133:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_c9cl0_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_c9cl0_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_enq19_151:not(#\9) {
+.awsui_root_gwq0h_c9cl0_151:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,123 +187,123 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_enq19_189:not(#\9) {
-  /* used in test-utils */
+.awsui_expand-button_gwq0h_c9cl0_189:not(#\9) {
+  outline: none;
 }
 
-.awsui_icon_gwq0h_enq19_133:not(#\9) {
+.awsui_icon_gwq0h_c9cl0_133:not(#\9) {
   transform: rotate(-90deg);
 }
-.awsui_icon_gwq0h_enq19_133.awsui_expanded_gwq0h_enq19_196:not(#\9) {
+.awsui_icon_gwq0h_c9cl0_133.awsui_expanded_gwq0h_c9cl0_196:not(#\9) {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_enq19_200:not(#\9) {
+.awsui_icon-container_gwq0h_c9cl0_200:not(#\9) {
   position: relative;
   margin-left: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2);
   margin-right: calc(var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
 }
-.awsui_icon-container-container_gwq0h_enq19_205:not(#\9) {
+.awsui_icon-container-container_gwq0h_c9cl0_205:not(#\9) {
   margin-right: var(--space-xs-xf5ch3, 8px);
 }
 
-.awsui_wrapper_gwq0h_enq19_209:not(#\9) {
+.awsui_wrapper_gwq0h_c9cl0_209:not(#\9) {
   box-sizing: border-box;
   border: none;
   width: 100%;
   line-height: var(--line-height-body-m-2zx78l, 22px);
   text-align: left;
 }
-.awsui_wrapper-default_gwq0h_enq19_216:not(#\9), .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9) {
+.awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9) {
   border: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9) {
   border-left: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9), .awsui_wrapper-container_gwq0h_enq19_222:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9), .awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-mkhu7c, 700);
 }
-.awsui_wrapper-default_gwq0h_enq19_216:not(#\9), .awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9), .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9), .awsui_wrapper-compact_gwq0h_enq19_226:not(#\9) {
+.awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9), .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-compact_gwq0h_c9cl0_226:not(#\9) {
   color: var(--color-text-expandable-section-default-6s8xf7, #545b64);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_wrapper-default_gwq0h_enq19_216:not(#\9), .awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9), .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9) {
+.awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9), .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9) {
   font-size: var(--font-expandable-heading-size-oezd0p, 14px);
   letter-spacing: var(--letter-spacing-heading-s-badvkb, normal);
 }
-.awsui_wrapper-default_gwq0h_enq19_216:not(#\9) {
+.awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9) {
   padding-top: var(--space-scaled-xxs-t7ij38, 4px);
   padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
   padding-right: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_wrapper-default_gwq0h_enq19_216.awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
+.awsui_wrapper-default_gwq0h_c9cl0_216.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
   padding-left: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_wrapper-default_gwq0h_enq19_216:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240) {
+.awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240) {
   padding-left: calc(var(--space-xxs-9rrxti, 4px) + calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
 }
-.awsui_wrapper-footer_gwq0h_enq19_216:not(#\9) {
+.awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9) {
   padding-top: var(--space-scaled-xxs-t7ij38, 4px);
   padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_wrapper-footer_gwq0h_enq19_216:not(#\9), .awsui_wrapper-compact_gwq0h_enq19_226:not(#\9) {
+.awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-compact_gwq0h_c9cl0_226:not(#\9) {
   padding-right: 0;
 }
-.awsui_wrapper-footer_gwq0h_enq19_216.awsui_header-deprecated_gwq0h_enq19_240:not(#\9), .awsui_wrapper-compact_gwq0h_enq19_226.awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
+.awsui_wrapper-footer_gwq0h_c9cl0_216.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9), .awsui_wrapper-compact_gwq0h_c9cl0_226.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
   padding-left: 0;
 }
-.awsui_wrapper-footer_gwq0h_enq19_216:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240), .awsui_wrapper-compact_gwq0h_enq19_226:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240) {
+.awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240), .awsui_wrapper-compact_gwq0h_c9cl0_226:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240) {
   padding-left: calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
 }
-.awsui_wrapper-container_gwq0h_enq19_222:not(#\9) {
+.awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9) {
   padding-top: var(--space-container-header-top-bomjbu, 12px);
   padding-bottom: var(--space-container-header-bottom-qqnwwz, 12px);
   padding-right: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_wrapper-container_gwq0h_enq19_222:not(#\9):not(.awsui_wrapper-expanded_gwq0h_enq19_264) {
+.awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9):not(.awsui_wrapper-expanded_gwq0h_c9cl0_264) {
   padding-bottom: var(--space-container-header-top-bomjbu, 12px);
 }
-.awsui_wrapper-container_gwq0h_enq19_222.awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
+.awsui_wrapper-container_gwq0h_c9cl0_222.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
   padding-left: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_wrapper-container_gwq0h_enq19_222:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240) {
+.awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240) {
   padding-left: calc(var(--space-container-horizontal-oebwqe, 20px) + calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_enq19_222:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9):focus {
   padding: calc(var(--space-scaled-s-9q8n2q, 12px) - var(--border-divider-section-width-wl9k66, 1px)) calc(var(--space-l-xu1x80, 20px) - var(--border-divider-section-width-wl9k66, 1px));
 }
-.awsui_wrapper-default_gwq0h_enq19_216.awsui_wrapper-expanded_gwq0h_enq19_264:not(#\9) {
+.awsui_wrapper-default_gwq0h_c9cl0_216.awsui_wrapper-expanded_gwq0h_c9cl0_264:not(#\9) {
   border-bottom-color: var(--color-border-divider-default-in8dkg, #eaeded);
 }
 
-.awsui_header_gwq0h_enq19_240:not(#\9) {
+.awsui_header_gwq0h_c9cl0_240:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_enq19_283:not(#\9), .awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
+.awsui_header-wrapper_gwq0h_c9cl0_283:not(#\9), .awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-mkhu7c, 700);
 }
-.awsui_header-wrapper_gwq0h_enq19_283:not(#\9) {
+.awsui_header-wrapper_gwq0h_c9cl0_283:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin: 0;
   padding: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_enq19_293:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_c9cl0_293:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_enq19_298:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_c9cl0_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_c9cl0_298:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_enq19_298:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_c9cl0_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_c9cl0_298:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_enq19_298:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_c9cl0_298:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_c9cl0_298:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -314,21 +314,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9
   border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_header-button_gwq0h_enq19_298:not(#\9) {
+.awsui_header-button_gwq0h_c9cl0_298:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-left: calc(-1 * calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
 }
-.awsui_header-container-button_gwq0h_enq19_298:not(#\9) {
+.awsui_header-container-button_gwq0h_c9cl0_298:not(#\9) {
   margin-left: calc(-1 * calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
 }
-.awsui_header-container_gwq0h_enq19_298:not(#\9) {
+.awsui_header-container_gwq0h_c9cl0_298:not(#\9) {
   width: 100%;
 }
-.awsui_header-container_gwq0h_enq19_298 > .awsui_icon-container_gwq0h_enq19_200:not(#\9) {
+.awsui_header-container_gwq0h_c9cl0_298 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9) {
   margin-top: var(--space-expandable-section-icon-offset-top-5sppg0, 8px);
 }
-.awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9) {
+.awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-p5s2p2, #879596);
@@ -339,17 +339,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):hover {
+.awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-6msis6, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -360,40 +360,40 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .
   border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_header-text_gwq0h_enq19_362:not(#\9) {
+.awsui_header-text_gwq0h_c9cl0_362:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content_gwq0h_enq19_97:not(#\9) {
+.awsui_content_gwq0h_c9cl0_97:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_enq19_369:not(#\9) {
+.awsui_content-default_gwq0h_c9cl0_369:not(#\9) {
   padding: var(--space-scaled-xs-x91h81, 8px) 0;
 }
-.awsui_content-footer_gwq0h_enq19_372:not(#\9) {
+.awsui_content-footer_gwq0h_c9cl0_372:not(#\9) {
   padding: var(--space-xs-xf5ch3, 8px) 0;
 }
-.awsui_content-expanded_gwq0h_enq19_375:not(#\9) {
+.awsui_content-expanded_gwq0h_c9cl0_375:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_enq19_378:not(#\9) {
+.awsui_content-compact_gwq0h_c9cl0_378:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
 }
 
-.awsui_focusable_gwq0h_enq19_382:not(#\9):focus {
+.awsui_focusable_gwq0h_c9cl0_382:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_enq19_382:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_c9cl0_382:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
   border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_click-target_gwq0h_enq19_393:not(#\9) {
+.awsui_click-target_gwq0h_c9cl0_393:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_enq19_393:not(#\9):not(.awsui_wrapper-container_gwq0h_enq19_222):not(.awsui_header-container-button_gwq0h_enq19_298):hover {
+.awsui_click-target_gwq0h_c9cl0_393:not(#\9):not(.awsui_wrapper-container_gwq0h_c9cl0_222):not(.awsui_header-container-button_gwq0h_c9cl0_298):hover {
   color: var(--color-text-expandable-section-hover-6msis6, #16191f);
 }

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

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_enq19_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_enq19_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_enq19_119",
-  "icon": "awsui_icon_gwq0h_enq19_133",
-  "root": "awsui_root_gwq0h_enq19_151",
-  "expand-button": "awsui_expand-button_gwq0h_enq19_189",
-  "expanded": "awsui_expanded_gwq0h_enq19_196",
-  "icon-container": "awsui_icon-container_gwq0h_enq19_200",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_enq19_205",
-  "wrapper": "awsui_wrapper_gwq0h_enq19_209",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_enq19_216",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_enq19_216",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_enq19_219",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_enq19_222",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_enq19_226",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_enq19_240",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_enq19_264",
-  "header": "awsui_header_gwq0h_enq19_240",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_enq19_283",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_enq19_293",
-  "header-button": "awsui_header-button_gwq0h_enq19_298",
-  "header-container-button": "awsui_header-container-button_gwq0h_enq19_298",
-  "header-container": "awsui_header-container_gwq0h_enq19_298",
-  "header-navigation": "awsui_header-navigation_gwq0h_enq19_330",
-  "header-text": "awsui_header-text_gwq0h_enq19_362",
-  "content": "awsui_content_gwq0h_enq19_97",
-  "content-default": "awsui_content-default_gwq0h_enq19_369",
-  "content-footer": "awsui_content-footer_gwq0h_enq19_372",
-  "content-expanded": "awsui_content-expanded_gwq0h_enq19_375",
-  "content-compact": "awsui_content-compact_gwq0h_enq19_378",
-  "focusable": "awsui_focusable_gwq0h_enq19_382",
-  "click-target": "awsui_click-target_gwq0h_enq19_393"
+  "content-enter": "awsui_content-enter_gwq0h_c9cl0_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_c9cl0_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_c9cl0_119",
+  "icon": "awsui_icon_gwq0h_c9cl0_133",
+  "root": "awsui_root_gwq0h_c9cl0_151",
+  "expand-button": "awsui_expand-button_gwq0h_c9cl0_189",
+  "expanded": "awsui_expanded_gwq0h_c9cl0_196",
+  "icon-container": "awsui_icon-container_gwq0h_c9cl0_200",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_c9cl0_205",
+  "wrapper": "awsui_wrapper_gwq0h_c9cl0_209",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_c9cl0_216",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_c9cl0_216",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_c9cl0_219",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_c9cl0_222",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_c9cl0_226",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_c9cl0_240",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_c9cl0_264",
+  "header": "awsui_header_gwq0h_c9cl0_240",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_c9cl0_283",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_c9cl0_293",
+  "header-button": "awsui_header-button_gwq0h_c9cl0_298",
+  "header-container-button": "awsui_header-container-button_gwq0h_c9cl0_298",
+  "header-container": "awsui_header-container_gwq0h_c9cl0_298",
+  "header-navigation": "awsui_header-navigation_gwq0h_c9cl0_330",
+  "header-text": "awsui_header-text_gwq0h_c9cl0_362",
+  "content": "awsui_content_gwq0h_c9cl0_97",
+  "content-default": "awsui_content-default_gwq0h_c9cl0_369",
+  "content-footer": "awsui_content-footer_gwq0h_c9cl0_372",
+  "content-expanded": "awsui_content-expanded_gwq0h_c9cl0_375",
+  "content-compact": "awsui_content-compact_gwq0h_c9cl0_378",
+  "focusable": "awsui_focusable_gwq0h_c9cl0_382",
+  "click-target": "awsui_click-target_gwq0h_c9cl0_393"
 };
   

package/lib/internal/template/internal/components/dark-ribbon/index.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
 import { useMutationObserver } from '../../hooks/use-mutation-observer';
-import { contentHeaderClassName } from '../../utils/content-header-utils';
+import { getContentHeaderClassName } from '../../utils/content-header-utils';
 import styles from './styles.css.js';
 import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 function setIfChanged(oldValue, newValue, setter) {
@@ -40,7 +40,7 @@ export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
     if (hasPlainStyling === true || !isRefresh) {
         return React.createElement(React.Fragment, null, children);
     }
-    return (React.createElement("div", { ref: containerRef, className: contentHeaderClassName },
+    return (React.createElement("div", { ref: containerRef, className: getContentHeaderClassName() },
         React.createElement("div", { ref: fillRef, className: styles['background-fill'] }),
         React.createElement("div", { className: styles.content }, children)));
 }