@cloudscape-design/components 3.0.1318 → 3.0.1320

package/expandable-section/interfaces.d.ts

@@ -11,7 +11,6 @@ export declare namespace ExpandableSectionProps {
   }
   type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
 }
-export type InternalVariant = ExpandableSectionProps.Variant | 'compact';
 export interface ExpandableSectionProps extends BaseComponentProps {
   /**
    * Specifies additional analytics-related metadata.

package/expandable-section/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IAED,KAAY,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC/F,UAAiB,YAAY;QAC3B,QAAQ,EAAE,OAAO,CAAC;KACnB;IACD,KAAY,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC;IAE7D;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;SAUK;IACL,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;IAEzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IAEvD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IAED,KAAY,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC/F,UAAiB,YAAY;QAC3B,QAAQ,EAAE,OAAO,CAAC;KACnB;IACD,KAAY,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,CAAC;IAE7D;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;SAUK;IACL,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;IAEzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IAEvD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}

package/expandable-section/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { NonCancelableEventHandler } from '../types/events';\n\nexport namespace ExpandableSectionProps {\n  export interface AnalyticsMetadata {\n    instanceIdentifier?: string;\n  }\n\n  export type Variant = 'default' | 'footer' | 'container' | 'navigation' | 'stacked' | 'inline';\n  export interface ChangeDetail {\n    expanded: boolean;\n  }\n  export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport type InternalVariant = ExpandableSectionProps.Variant | 'compact';\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n   * @analytics\n   */\n  analyticsMetadata?: ExpandableSectionProps.AnalyticsMetadata;\n\n  /**\n   * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n   * manner even if you provide a value for this property.\n   */\n  defaultExpanded?: boolean;\n\n  /**\n   * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n   * manner if you provide a value for this property.\n   */\n  expanded?: boolean;\n\n  /**\n   * The possible variants of an expandable section are as follows:\n   *  * `default` - Use this variant in any context.\n   *  * `footer` - Use this variant in container footers.\n   *  * `container` - Use this variant in a detail page alongside other containers.\n   *  * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n   *    It doesn't have any default styles.\n   * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n   * * `inline` - Use this variant in any context where you need reduced padding around the header.\n   * @visualrefresh `stacked` variant\n   * */\n  variant?: ExpandableSectionProps.Variant;\n\n  /**\n   * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Primary content displayed in the expandable section element.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * @deprecated Use `headerText` instead.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n   */\n  headerText?: React.ReactNode;\n\n  /**\n   * Supplementary text below the heading. Use with the container, default or footer variants.\n   */\n  headerDescription?: string;\n\n  /**\n   * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n   * Behaves similar to the Header component counter.\n   */\n  headerCounter?: string;\n\n  /**\n   * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n   * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Using this\n   * property does not change the visual appearance of the component. Note that this only works with the `headerText`\n   * slot (not with the deprecated `header`), and not with the navigation variant.\n   */\n  headingTagOverride?: ExpandableSectionProps.HeadingTag;\n\n  /**\n   * Adds `aria-label` to the header element.\n   * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.\n   */\n  headerAriaLabel?: string;\n\n  /**\n   * Called when the state changes (that is, when the user expands or collapses the component).\n   * The event `detail` contains the current value of the `expanded` property.\n   */\n  onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;\n\n  /**\n   * The area next to the heading, used to display an Info link. Use with the container variant.\n   */\n  headerInfo?: React.ReactNode;\n\n  /**\n   * Actions for the header. Use with the default or container variant.\n   */\n  headerActions?: React.ReactNode;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { NonCancelableEventHandler } from '../types/events';\n\nexport namespace ExpandableSectionProps {\n  export interface AnalyticsMetadata {\n    instanceIdentifier?: string;\n  }\n\n  export type Variant = 'default' | 'footer' | 'container' | 'navigation' | 'stacked' | 'inline';\n  export interface ChangeDetail {\n    expanded: boolean;\n  }\n  export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n   * @analytics\n   */\n  analyticsMetadata?: ExpandableSectionProps.AnalyticsMetadata;\n\n  /**\n   * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n   * manner even if you provide a value for this property.\n   */\n  defaultExpanded?: boolean;\n\n  /**\n   * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n   * manner if you provide a value for this property.\n   */\n  expanded?: boolean;\n\n  /**\n   * The possible variants of an expandable section are as follows:\n   *  * `default` - Use this variant in any context.\n   *  * `footer` - Use this variant in container footers.\n   *  * `container` - Use this variant in a detail page alongside other containers.\n   *  * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n   *    It doesn't have any default styles.\n   * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n   * * `inline` - Use this variant in any context where you need reduced padding around the header.\n   * @visualrefresh `stacked` variant\n   * */\n  variant?: ExpandableSectionProps.Variant;\n\n  /**\n   * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Primary content displayed in the expandable section element.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * @deprecated Use `headerText` instead.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n   */\n  headerText?: React.ReactNode;\n\n  /**\n   * Supplementary text below the heading. Use with the container, default or footer variants.\n   */\n  headerDescription?: string;\n\n  /**\n   * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n   * Behaves similar to the Header component counter.\n   */\n  headerCounter?: string;\n\n  /**\n   * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n   * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Using this\n   * property does not change the visual appearance of the component. Note that this only works with the `headerText`\n   * slot (not with the deprecated `header`), and not with the navigation variant.\n   */\n  headingTagOverride?: ExpandableSectionProps.HeadingTag;\n\n  /**\n   * Adds `aria-label` to the header element.\n   * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.\n   */\n  headerAriaLabel?: string;\n\n  /**\n   * Called when the state changes (that is, when the user expands or collapses the component).\n   * The event `detail` contains the current value of the `expanded` property.\n   */\n  onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;\n\n  /**\n   * The area next to the heading, used to display an Info link. Use with the container variant.\n   */\n  headerInfo?: React.ReactNode;\n\n  /**\n   * Actions for the header. Use with the default or container variant.\n   */\n  headerActions?: React.ReactNode;\n}\n"]}

package/expandable-section/internal-interfaces.d.ts

@@ -0,0 +1,2 @@
+import { ExpandableSectionProps } from './interfaces';
+export type InternalVariant = ExpandableSectionProps.Variant | 'compact';

package/expandable-section/internal-interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-interfaces.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/internal-interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,GAAG,SAAS,CAAC"}

package/expandable-section/internal-interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=internal-interfaces.js.map

package/expandable-section/internal-interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-interfaces.js","sourceRoot":"","sources":["../../../src/expandable-section/internal-interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ExpandableSectionProps } from './interfaces';\n\nexport type InternalVariant = ExpandableSectionProps.Variant | 'compact';\n"]}

package/expandable-section/internal.d.ts

@@ -1,5 +1,6 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
-import { ExpandableSectionProps, InternalVariant } from './interfaces';
+import { ExpandableSectionProps } from './interfaces';
+import { InternalVariant } from './internal-interfaces';
 export type InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'variant'> & InternalBaseComponentProps & {
   variant?: InternalVariant;
   __injectAnalyticsComponentMetadata?: boolean;

package/expandable-section/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAMvE,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAClF,0BAA0B,GAAG;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,KAAK,EACT,EAAE,8BAA8B,eAiGhC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMxD,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAClF,0BAA0B,GAAG;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,KAAK,EACT,EAAE,8BAA8B,eAiGhC"}

package/expandable-section/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { KeyboardEvent, useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { screenReaderTextClass } from '../internal/components/chart-series-details/series-details-text';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { KeyCode } from '../internal/keycode';\nimport { ExpandableSectionContainer } from './expandable-section-container';\nimport { ExpandableSectionHeader } from './expandable-section-header';\nimport { ExpandableSectionProps, InternalVariant } from './interfaces';\nimport { variantSupportsDescription } from './utils';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport type InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'variant'> &\n  InternalBaseComponentProps & {\n    variant?: InternalVariant;\n    __injectAnalyticsComponentMetadata?: boolean;\n  };\n\nexport default function InternalExpandableSection({\n  expanded: controlledExpanded,\n  defaultExpanded,\n  onChange,\n  variant = 'default',\n  children,\n  header,\n  headerText,\n  headerCounter,\n  headerDescription,\n  headerInfo,\n  headerActions,\n  headingTagOverride,\n  disableContentPaddings,\n  headerAriaLabel,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata,\n  ...props\n}: InternalExpandableSectionProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const controlId = useUniqueId();\n  const triggerControlId = `${controlId}-trigger`;\n  const descriptionId = `${controlId}-description`;\n\n  const baseProps = getBaseProps(props);\n  const [expanded, setExpanded] = useControllable(controlledExpanded, onChange, defaultExpanded, {\n    componentName: 'ExpandableSection',\n    controlledProp: 'expanded',\n    changeHandler: 'onChange',\n  });\n\n  const onExpandChange = useCallback(\n    (expanded: boolean) => {\n      setExpanded(expanded);\n      fireNonCancelableEvent(onChange, { expanded });\n    },\n    [onChange, setExpanded]\n  );\n\n  const onClick = useCallback(() => {\n    onExpandChange(!expanded);\n  }, [onExpandChange, expanded]);\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent<Element>) => {\n      const interactionKeys = [KeyCode.enter, KeyCode.space];\n\n      if (interactionKeys.indexOf(event.keyCode) !== -1) {\n        onExpandChange(!expanded);\n      }\n    },\n    [onExpandChange, expanded]\n  );\n\n  const onKeyDown = useCallback((event: KeyboardEvent<Element>) => {\n    if (event.keyCode === KeyCode.space) {\n      // Prevent the page from scrolling when toggling the component with the space bar.\n      event.preventDefault();\n    }\n  }, []);\n\n  const triggerProps = {\n    ariaControls: controlId,\n    ariaLabel: headerAriaLabel,\n    ariaLabelledBy: headerAriaLabel ? undefined : triggerControlId,\n    onKeyUp,\n    onKeyDown,\n    onClick,\n  };\n\n  // Map stacked variant to container to avoid code duplication\n  const baseVariant: InternalVariant = variant === 'stacked' ? 'container' : variant;\n\n  return (\n    <ExpandableSectionContainer\n      {...props}\n      expanded={expanded}\n      className={clsx(baseProps.className, styles.root, analyticsSelectors.root)}\n      variant={variant}\n      disableContentPaddings={disableContentPaddings}\n      __injectAnalyticsComponentMetadata={__injectAnalyticsComponentMetadata}\n      header={\n        <ExpandableSectionHeader\n          id={triggerControlId}\n          descriptionId={descriptionId}\n          className={clsx(styles.header, styles[`header-${baseVariant}`], screenReaderTextClass)}\n          variant={baseVariant}\n          expanded={!!expanded}\n          header={header}\n          headerText={headerText}\n          headerDescription={headerDescription}\n          headerCounter={headerCounter}\n          headerInfo={headerInfo}\n          headerActions={headerActions}\n          headingTagOverride={headingTagOverride}\n          {...triggerProps}\n        />\n      }\n      __internalRootRef={__internalRootRef}\n    >\n      <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }} nodeRef={ref}>\n        <div\n          id={controlId}\n          ref={ref}\n          className={clsx(styles.content, styles[`content-${baseVariant}`], expanded && styles['content-expanded'])}\n          role=\"group\"\n          aria-label={triggerProps.ariaLabel}\n          aria-labelledby={triggerProps.ariaLabelledBy}\n          aria-describedby={variantSupportsDescription(baseVariant) && headerDescription ? descriptionId : undefined}\n        >\n          {children}\n        </div>\n      </CSSTransition>\n    </ExpandableSectionContainer>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { KeyboardEvent, useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { screenReaderTextClass } from '../internal/components/chart-series-details/series-details-text';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { KeyCode } from '../internal/keycode';\nimport { ExpandableSectionContainer } from './expandable-section-container';\nimport { ExpandableSectionHeader } from './expandable-section-header';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalVariant } from './internal-interfaces';\nimport { variantSupportsDescription } from './utils';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport type InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'variant'> &\n  InternalBaseComponentProps & {\n    variant?: InternalVariant;\n    __injectAnalyticsComponentMetadata?: boolean;\n  };\n\nexport default function InternalExpandableSection({\n  expanded: controlledExpanded,\n  defaultExpanded,\n  onChange,\n  variant = 'default',\n  children,\n  header,\n  headerText,\n  headerCounter,\n  headerDescription,\n  headerInfo,\n  headerActions,\n  headingTagOverride,\n  disableContentPaddings,\n  headerAriaLabel,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata,\n  ...props\n}: InternalExpandableSectionProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const controlId = useUniqueId();\n  const triggerControlId = `${controlId}-trigger`;\n  const descriptionId = `${controlId}-description`;\n\n  const baseProps = getBaseProps(props);\n  const [expanded, setExpanded] = useControllable(controlledExpanded, onChange, defaultExpanded, {\n    componentName: 'ExpandableSection',\n    controlledProp: 'expanded',\n    changeHandler: 'onChange',\n  });\n\n  const onExpandChange = useCallback(\n    (expanded: boolean) => {\n      setExpanded(expanded);\n      fireNonCancelableEvent(onChange, { expanded });\n    },\n    [onChange, setExpanded]\n  );\n\n  const onClick = useCallback(() => {\n    onExpandChange(!expanded);\n  }, [onExpandChange, expanded]);\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent<Element>) => {\n      const interactionKeys = [KeyCode.enter, KeyCode.space];\n\n      if (interactionKeys.indexOf(event.keyCode) !== -1) {\n        onExpandChange(!expanded);\n      }\n    },\n    [onExpandChange, expanded]\n  );\n\n  const onKeyDown = useCallback((event: KeyboardEvent<Element>) => {\n    if (event.keyCode === KeyCode.space) {\n      // Prevent the page from scrolling when toggling the component with the space bar.\n      event.preventDefault();\n    }\n  }, []);\n\n  const triggerProps = {\n    ariaControls: controlId,\n    ariaLabel: headerAriaLabel,\n    ariaLabelledBy: headerAriaLabel ? undefined : triggerControlId,\n    onKeyUp,\n    onKeyDown,\n    onClick,\n  };\n\n  // Map stacked variant to container to avoid code duplication\n  const baseVariant: InternalVariant = variant === 'stacked' ? 'container' : variant;\n\n  return (\n    <ExpandableSectionContainer\n      {...props}\n      expanded={expanded}\n      className={clsx(baseProps.className, styles.root, analyticsSelectors.root)}\n      variant={variant}\n      disableContentPaddings={disableContentPaddings}\n      __injectAnalyticsComponentMetadata={__injectAnalyticsComponentMetadata}\n      header={\n        <ExpandableSectionHeader\n          id={triggerControlId}\n          descriptionId={descriptionId}\n          className={clsx(styles.header, styles[`header-${baseVariant}`], screenReaderTextClass)}\n          variant={baseVariant}\n          expanded={!!expanded}\n          header={header}\n          headerText={headerText}\n          headerDescription={headerDescription}\n          headerCounter={headerCounter}\n          headerInfo={headerInfo}\n          headerActions={headerActions}\n          headingTagOverride={headingTagOverride}\n          {...triggerProps}\n        />\n      }\n      __internalRootRef={__internalRootRef}\n    >\n      <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }} nodeRef={ref}>\n        <div\n          id={controlId}\n          ref={ref}\n          className={clsx(styles.content, styles[`content-${baseVariant}`], expanded && styles['content-expanded'])}\n          role=\"group\"\n          aria-label={triggerProps.ariaLabel}\n          aria-labelledby={triggerProps.ariaLabelledBy}\n          aria-describedby={variantSupportsDescription(baseVariant) && headerDescription ? descriptionId : undefined}\n        >\n          {children}\n        </div>\n      </CSSTransition>\n    </ExpandableSectionContainer>\n  );\n}\n"]}

package/expandable-section/styles.css.js

@@ -1,40 +1,40 @@
 
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_14esi_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_14esi_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_14esi_183",
-  "icon": "awsui_icon_gwq0h_14esi_197",
-  "root": "awsui_root_gwq0h_14esi_211",
-  "expand-button": "awsui_expand-button_gwq0h_14esi_246",
-  "expanded": "awsui_expanded_gwq0h_14esi_254",
-  "icon-container": "awsui_icon-container_gwq0h_14esi_264",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_14esi_268",
-  "wrapper": "awsui_wrapper_gwq0h_14esi_287",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_14esi_295",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_14esi_295",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_14esi_295",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_14esi_299",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_14esi_302",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_14esi_306",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_14esi_319",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_14esi_325",
-  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_14esi_348",
-  "header": "awsui_header_gwq0h_14esi_319",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_14esi_365",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_14esi_377",
-  "header-button": "awsui_header-button_gwq0h_14esi_383",
-  "header-container-button": "awsui_header-container-button_gwq0h_14esi_383",
-  "header-container": "awsui_header-container_gwq0h_14esi_383",
-  "header-navigation": "awsui_header-navigation_gwq0h_14esi_418",
-  "header-text": "awsui_header-text_gwq0h_14esi_455",
-  "content": "awsui_content_gwq0h_14esi_161",
-  "content-default": "awsui_content-default_gwq0h_14esi_468",
-  "content-inline": "awsui_content-inline_gwq0h_14esi_468",
-  "content-footer": "awsui_content-footer_gwq0h_14esi_472",
-  "content-expanded": "awsui_content-expanded_gwq0h_14esi_476",
-  "content-compact": "awsui_content-compact_gwq0h_14esi_479",
-  "focusable": "awsui_focusable_gwq0h_14esi_483",
-  "click-target": "awsui_click-target_gwq0h_14esi_498"
+  "content-enter": "awsui_content-enter_gwq0h_1nipu_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1nipu_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_1nipu_183",
+  "icon": "awsui_icon_gwq0h_1nipu_197",
+  "root": "awsui_root_gwq0h_1nipu_211",
+  "expand-button": "awsui_expand-button_gwq0h_1nipu_246",
+  "expanded": "awsui_expanded_gwq0h_1nipu_254",
+  "icon-container": "awsui_icon-container_gwq0h_1nipu_264",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_1nipu_268",
+  "wrapper": "awsui_wrapper_gwq0h_1nipu_284",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_1nipu_292",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_1nipu_292",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_1nipu_292",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1nipu_296",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_1nipu_299",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_1nipu_303",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_1nipu_316",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1nipu_322",
+  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_1nipu_345",
+  "header": "awsui_header_gwq0h_1nipu_316",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_1nipu_362",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1nipu_374",
+  "header-button": "awsui_header-button_gwq0h_1nipu_380",
+  "header-container-button": "awsui_header-container-button_gwq0h_1nipu_380",
+  "header-container": "awsui_header-container_gwq0h_1nipu_380",
+  "header-navigation": "awsui_header-navigation_gwq0h_1nipu_415",
+  "header-text": "awsui_header-text_gwq0h_1nipu_452",
+  "content": "awsui_content_gwq0h_1nipu_161",
+  "content-default": "awsui_content-default_gwq0h_1nipu_465",
+  "content-inline": "awsui_content-inline_gwq0h_1nipu_465",
+  "content-footer": "awsui_content-footer_gwq0h_1nipu_469",
+  "content-expanded": "awsui_content-expanded_gwq0h_1nipu_473",
+  "content-compact": "awsui_content-compact_gwq0h_1nipu_476",
+  "focusable": "awsui_focusable_gwq0h_1nipu_480",
+  "click-target": "awsui_click-target_gwq0h_1nipu_495"
 };
   

package/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_14esi_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_14esi_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
+.awsui_content-enter_gwq0h_1nipu_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_1nipu_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_14esi_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_1nipu_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_14esi_161:not(#\9) {
+  .awsui_content-enter_gwq0h_1nipu_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_14esi_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_14esi_161:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_1nipu_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1nipu_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_trigger-expanded_gwq0h_14esi_183:not(#\9) {
+.awsui_trigger-expanded_gwq0h_1nipu_183:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_14esi_183:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_1nipu_183:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_14esi_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_14esi_183:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1nipu_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1nipu_183:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_icon_gwq0h_14esi_197:not(#\9) {
+.awsui_icon_gwq0h_1nipu_197:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_14esi_197:not(#\9) {
+  .awsui_icon_gwq0h_1nipu_197:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_14esi_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_14esi_197:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_1nipu_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1nipu_197:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_gwq0h_14esi_211:not(#\9) {
+.awsui_root_gwq0h_1nipu_211:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -243,48 +243,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_expand-button_gwq0h_14esi_246:not(#\9) {
+.awsui_expand-button_gwq0h_1nipu_246:not(#\9) {
   outline: none;
 }
 
-.awsui_icon_gwq0h_14esi_197:not(#\9) {
+.awsui_icon_gwq0h_1nipu_197:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_14esi_197.awsui_expanded_gwq0h_14esi_254:not(#\9) {
+.awsui_icon_gwq0h_1nipu_197.awsui_expanded_gwq0h_1nipu_254:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_14esi_197:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_1nipu_197:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_14esi_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_14esi_254 {
+.awsui_icon_gwq0h_1nipu_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_1nipu_254 {
   transform: rotate(0deg);
 }
 
-.awsui_icon-container_gwq0h_14esi_264:not(#\9) {
+.awsui_icon-container_gwq0h_1nipu_264:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2) calc(var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_icon-container-container_gwq0h_14esi_268:not(#\9) {
+.awsui_icon-container-container_gwq0h_1nipu_268:not(#\9) {
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui-one-theme .awsui_icon-container-container_gwq0h_14esi_268:not(#\9) {
+.awsui-one-theme .awsui_icon-container-container_gwq0h_1nipu_268:not(#\9) {
   margin-inline-end: calc(var(--space-xs-ymlm0b, 8px) + var(--space-xxs-hwfkai, 4px));
-  inset-block-start: var(--space-xxxs-pajhad, 2px);
-}
-.awsui-one-theme .awsui_icon-container-container_gwq0h_14esi_268 > .awsui_icon_gwq0h_14esi_197:not(#\9) {
-  inset-block-start: calc(var(--space-xxxs-pajhad, 2px) * 3);
+  inset-block-start: 3px;
 }
-.awsui-one-theme .awsui_icon-container_gwq0h_14esi_264:not(#\9) {
+.awsui-one-theme .awsui_icon-container_gwq0h_1nipu_264:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
-  margin-inline-end: calc(var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px) + var(--space-xxs-hwfkai, 4px));
+  margin-inline: 0 calc(var(--space-xs-ymlm0b, 8px) - var(--space-xxxs-pajhad, 2px));
 }
-.awsui-one-theme .awsui_icon-container_gwq0h_14esi_264 > .awsui_icon_gwq0h_14esi_197:not(#\9) {
+.awsui-one-theme .awsui_icon-container_gwq0h_1nipu_264 > .awsui_icon_gwq0h_1nipu_197:not(#\9) {
   inset-block-start: var(--space-xxxs-pajhad, 2px);
 }
 
-.awsui_wrapper_gwq0h_14esi_287:not(#\9) {
+.awsui_wrapper_gwq0h_1nipu_284:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -292,81 +289,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_14esi_295:not(#\9), .awsui_wrapper-inline_gwq0h_14esi_295:not(#\9), .awsui_wrapper-footer_gwq0h_14esi_295:not(#\9) {
+.awsui_wrapper-default_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-inline_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-footer_gwq0h_1nipu_292:not(#\9) {
   border-block: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_14esi_299:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_1nipu_296:not(#\9) {
   border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_14esi_299:not(#\9), .awsui_wrapper-container_gwq0h_14esi_302:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_1nipu_296:not(#\9), .awsui_wrapper-container_gwq0h_1nipu_299:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
-.awsui_wrapper-default_gwq0h_14esi_295:not(#\9), .awsui_wrapper-inline_gwq0h_14esi_295:not(#\9), .awsui_wrapper-navigation_gwq0h_14esi_299:not(#\9), .awsui_wrapper-footer_gwq0h_14esi_295:not(#\9), .awsui_wrapper-compact_gwq0h_14esi_306:not(#\9) {
+.awsui_wrapper-default_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-inline_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-navigation_gwq0h_1nipu_296:not(#\9), .awsui_wrapper-footer_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-compact_gwq0h_1nipu_303:not(#\9) {
   color: var(--color-text-expandable-section-default-ynw8my, #0f141a);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_wrapper-default_gwq0h_14esi_295:not(#\9), .awsui_wrapper-inline_gwq0h_14esi_295:not(#\9), .awsui_wrapper-navigation_gwq0h_14esi_299:not(#\9), .awsui_wrapper-footer_gwq0h_14esi_295:not(#\9) {
+.awsui_wrapper-default_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-inline_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-navigation_gwq0h_1nipu_296:not(#\9), .awsui_wrapper-footer_gwq0h_1nipu_292:not(#\9) {
   font-size: var(--font-size-expandable-heading-duh2ta, 16px);
   letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
 }
-.awsui_wrapper-default_gwq0h_14esi_295:not(#\9) {
+.awsui_wrapper-default_gwq0h_1nipu_292:not(#\9) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline-end: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_wrapper-default_gwq0h_14esi_295.awsui_header-deprecated_gwq0h_14esi_319:not(#\9) {
+.awsui_wrapper-default_gwq0h_1nipu_292.awsui_header-deprecated_gwq0h_1nipu_316:not(#\9) {
   padding-inline-start: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_wrapper-default_gwq0h_14esi_295:not(#\9):not(.awsui_header-deprecated_gwq0h_14esi_319), .awsui_wrapper-inline_gwq0h_14esi_295:not(#\9):not(.awsui_header-deprecated_gwq0h_14esi_319) {
+.awsui_wrapper-default_gwq0h_1nipu_292:not(#\9):not(.awsui_header-deprecated_gwq0h_1nipu_316), .awsui_wrapper-inline_gwq0h_1nipu_292:not(#\9):not(.awsui_header-deprecated_gwq0h_1nipu_316) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_wrapper-default_gwq0h_14esi_295.awsui_wrapper-expanded_gwq0h_14esi_325:not(#\9), .awsui_wrapper-inline_gwq0h_14esi_295.awsui_wrapper-expanded_gwq0h_14esi_325:not(#\9) {
+.awsui_wrapper-default_gwq0h_1nipu_292.awsui_wrapper-expanded_gwq0h_1nipu_322:not(#\9), .awsui_wrapper-inline_gwq0h_1nipu_292.awsui_wrapper-expanded_gwq0h_1nipu_322:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
   border-block-end-color: var(--color-border-expandable-section-default-inl8g4, #c6c6cd);
 }
-.awsui_wrapper-footer_gwq0h_14esi_295:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1nipu_292:not(#\9) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_wrapper-footer_gwq0h_14esi_295:not(#\9), .awsui_wrapper-compact_gwq0h_14esi_306:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1nipu_292:not(#\9), .awsui_wrapper-compact_gwq0h_1nipu_303:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_14esi_295.awsui_header-deprecated_gwq0h_14esi_319:not(#\9), .awsui_wrapper-compact_gwq0h_14esi_306.awsui_header-deprecated_gwq0h_14esi_319:not(#\9) {
+.awsui_wrapper-footer_gwq0h_1nipu_292.awsui_header-deprecated_gwq0h_1nipu_316:not(#\9), .awsui_wrapper-compact_gwq0h_1nipu_303.awsui_header-deprecated_gwq0h_1nipu_316:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_14esi_295:not(#\9):not(.awsui_header-deprecated_gwq0h_14esi_319), .awsui_wrapper-compact_gwq0h_14esi_306:not(#\9):not(.awsui_header-deprecated_gwq0h_14esi_319) {
+.awsui_wrapper-footer_gwq0h_1nipu_292:not(#\9):not(.awsui_header-deprecated_gwq0h_1nipu_316), .awsui_wrapper-compact_gwq0h_1nipu_303:not(#\9):not(.awsui_header-deprecated_gwq0h_1nipu_316) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
-.awsui_wrapper-container_gwq0h_14esi_302:not(#\9) {
+.awsui_wrapper-container_gwq0h_1nipu_299:not(#\9) {
   padding-block: var(--space-container-header-top-am4vzw, 12px) var(--space-container-header-bottom-2taq8v, 8px);
   padding-inline-end: var(--space-container-horizontal-nqrzyh, 20px);
 }
-.awsui_wrapper-container_gwq0h_14esi_302:not(#\9):not(.awsui_wrapper-expanded_gwq0h_14esi_325) {
+.awsui_wrapper-container_gwq0h_1nipu_299:not(#\9):not(.awsui_wrapper-expanded_gwq0h_1nipu_322) {
   padding-block-end: var(--space-container-header-top-am4vzw, 12px);
 }
-.awsui_wrapper-container_gwq0h_14esi_302.awsui_wrapper-not-expanded-without-actions_gwq0h_14esi_348:not(#\9) {
+.awsui_wrapper-container_gwq0h_1nipu_299.awsui_wrapper-not-expanded-without-actions_gwq0h_1nipu_345:not(#\9) {
   padding-block-end: calc(var(--space-container-header-top-am4vzw, 12px) + var(--space-scaled-xxs-pfm1nx, 4px));
 }
-.awsui_wrapper-container_gwq0h_14esi_302.awsui_header-deprecated_gwq0h_14esi_319:not(#\9) {
+.awsui_wrapper-container_gwq0h_1nipu_299.awsui_header-deprecated_gwq0h_1nipu_316:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-nqrzyh, 20px);
 }
-.awsui_wrapper-container_gwq0h_14esi_302:not(#\9):not(.awsui_header-deprecated_gwq0h_14esi_319) {
+.awsui_wrapper-container_gwq0h_1nipu_299:not(#\9):not(.awsui_header-deprecated_gwq0h_1nipu_316) {
   padding-inline-start: calc(var(--space-container-horizontal-nqrzyh, 20px) + calc(var(--size-icon-medium-uv8xcz, 20px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xs-ymlm0b, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_14esi_302:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1nipu_299:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-8ozaad, 12px) - var(--border-divider-section-width-uwo8my, 1px));
   padding-inline: calc(var(--space-l-2ud1p3, 20px) - var(--border-divider-section-width-uwo8my, 1px));
 }
 
-.awsui_header_gwq0h_14esi_319:not(#\9) {
+.awsui_header_gwq0h_1nipu_316:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_14esi_365:not(#\9), .awsui_header-deprecated_gwq0h_14esi_319:not(#\9) {
+.awsui_header-wrapper_gwq0h_1nipu_362:not(#\9), .awsui_header-deprecated_gwq0h_1nipu_316:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-lcx0ai, 700);
 }
-.awsui_header-wrapper_gwq0h_14esi_365:not(#\9) {
+.awsui_header-wrapper_gwq0h_1nipu_362:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -374,20 +371,20 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_14esi_302:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_14esi_377:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_1nipu_374:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_14esi_383:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_14esi_383:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1nipu_380:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1nipu_380:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_14esi_383:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_14esi_383:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1nipu_380:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1nipu_380:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_14esi_383:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_14esi_383:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1nipu_380:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1nipu_380:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -401,21 +398,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_14esi_383:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-button_gwq0h_14esi_383:not(#\9) {
+.awsui_header-button_gwq0h_1nipu_380:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px)));
 }
-.awsui_header-container-button_gwq0h_14esi_383:not(#\9) {
+.awsui_header-container-button_gwq0h_1nipu_380:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-uv8xcz, 20px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xs-ymlm0b, 8px)));
 }
-.awsui_header-container_gwq0h_14esi_383:not(#\9) {
+.awsui_header-container_gwq0h_1nipu_380:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_14esi_383 > .awsui_icon-container_gwq0h_14esi_264:not(#\9) {
+.awsui_header-container_gwq0h_1nipu_380 > .awsui_icon-container_gwq0h_1nipu_264:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-cntyn8, 4px);
 }
-.awsui_header-navigation_gwq0h_14esi_418 > .awsui_icon-container_gwq0h_14esi_264:not(#\9) {
+.awsui_header-navigation_gwq0h_1nipu_415 > .awsui_icon-container_gwq0h_1nipu_264:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-mklu1s, #424650);
@@ -428,17 +425,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_14esi_383:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_14esi_418 > .awsui_icon-container_gwq0h_14esi_264:not(#\9):hover {
+.awsui_header-navigation_gwq0h_1nipu_415 > .awsui_icon-container_gwq0h_1nipu_264:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-ojzwhd, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_14esi_418 > .awsui_icon-container_gwq0h_14esi_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1nipu_415 > .awsui_icon-container_gwq0h_1nipu_264:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_14esi_418 > .awsui_icon-container_gwq0h_14esi_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1nipu_415 > .awsui_icon-container_gwq0h_1nipu_264:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_14esi_418 > .awsui_icon-container_gwq0h_14esi_264:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1nipu_415 > .awsui_icon-container_gwq0h_1nipu_264:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -452,39 +449,39 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_14esi_418 > .
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_header-text_gwq0h_14esi_455:not(#\9) {
+.awsui_header-text_gwq0h_1nipu_452:not(#\9) {
   /* used in test-utils */
 }
 
-:not(#\9):not(.awsui_wrapper-compact_gwq0h_14esi_306) > .awsui_header-actions-wrapper_gwq0h_14esi_377 {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_1nipu_303) > .awsui_header-actions-wrapper_gwq0h_1nipu_374 {
   flex-wrap: wrap;
   column-gap: var(--space-xs-ymlm0b, 8px);
   row-gap: var(--space-scaled-xxxs-oo06c7, 2px);
 }
 
-.awsui_content_gwq0h_14esi_161:not(#\9) {
+.awsui_content_gwq0h_1nipu_161:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_14esi_468:not(#\9), .awsui_content-inline_gwq0h_14esi_468:not(#\9) {
+.awsui_content-default_gwq0h_1nipu_465:not(#\9), .awsui_content-inline_gwq0h_1nipu_465:not(#\9) {
   padding-block: var(--space-scaled-xs-xwoogq, 8px);
   padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_14esi_472:not(#\9) {
+.awsui_content-footer_gwq0h_1nipu_469:not(#\9) {
   padding-block: var(--space-xs-ymlm0b, 8px);
   padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_14esi_476:not(#\9) {
+.awsui_content-expanded_gwq0h_1nipu_473:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_14esi_479:not(#\9) {
+.awsui_content-compact_gwq0h_1nipu_476:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + (var(--line-height-body-m-2mh3ke, 20px) - var(--size-icon-normal-levt08, 16px)) / -2 + var(--space-xxs-hwfkai, 4px) + var(--border-divider-list-width-tdfx1x, 1px));
 }
 
-.awsui_focusable_gwq0h_14esi_483:not(#\9):focus {
+.awsui_focusable_gwq0h_1nipu_480:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_14esi_483:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1nipu_480:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
   border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
@@ -495,9 +492,9 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_14esi_483:not(#\9):fo
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_click-target_gwq0h_14esi_498:not(#\9) {
+.awsui_click-target_gwq0h_1nipu_495:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_14esi_498:not(#\9):not(.awsui_wrapper-container_gwq0h_14esi_302):not(.awsui_header-container-button_gwq0h_14esi_383):hover {
+.awsui_click-target_gwq0h_1nipu_495:not(#\9):not(.awsui_wrapper-container_gwq0h_1nipu_299):not(.awsui_header-container-button_gwq0h_1nipu_380):hover {
   color: var(--color-text-expandable-section-hover-ojzwhd, #006ce0);
 }