@cloudscape-design/components 3.0.876 → 3.0.878

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

@@ -1 +1 @@
-{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,eAAO,MAAM,0BAA0B,+IAUpC,+BAA+B,gBA2CjC,CAAC"}
+{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,eAAO,MAAM,0BAA0B,+IAUpC,+BAA+B,gBA+CjC,CAAC"}

package/expandable-section/expandable-section-container.js

@@ -5,9 +5,11 @@ import React from 'react';
 import { getAnalyticsLabelAttribute, getAnalyticsMetadataAttribute, } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import { InternalContainerAsSubstep } from '../container/internal';
 import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
+import { getAnalyticsMetadataProps } from '../internal/base-component';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 export const ExpandableSectionContainer = (_a) => {
     var { className, children, header, variant, expanded, disableContentPaddings, __internalRootRef, __injectAnalyticsComponentMetadata } = _a, rest = __rest(_a, ["className", "children", "header", "variant", "expanded", "disableContentPaddings", "__internalRootRef", "__injectAnalyticsComponentMetadata"]);
+    const analyticsMetadata = getAnalyticsMetadataProps(rest);
     const analyticsComponentMetadata = {
         name: 'awsui.ExpandableSection',
         label: { root: 'self' },
@@ -17,7 +19,7 @@ export const ExpandableSectionContainer = (_a) => {
         ? getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })
         : {};
     if (variant === 'container' || variant === 'stacked') {
-        return (React.createElement(AnalyticsFunnelSubStep, null,
+        return (React.createElement(AnalyticsFunnelSubStep, { subStepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, subStepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext },
             React.createElement(InternalContainerAsSubstep, Object.assign({}, rest, { className: className, header: header, variant: variant === 'stacked' ? 'stacked' : 'default', disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __hiddenContent: !expanded, __internalRootRef: __internalRootRef }, metadataAttribute), children)));
     }
     return (React.createElement("div", Object.assign({ className: className }, rest, { ref: __internalRootRef }, metadataAttribute, getAnalyticsLabelAttribute(`.${analyticsSelectors['header-label']}`)),

package/expandable-section/expandable-section-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAK3F,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAYpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EACzC,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,EACjB,kCAAkC,OAEF,EAD7B,IAAI,cATkC,+IAU1C,CADQ;IAEP,MAAM,0BAA0B,GAAyD;QACvF,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;KACnD,CAAC;IAEF,MAAM,iBAAiB,GAAG,kCAAkC;QAC1D,CAAC,CAAC,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;QAC1E,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,SAAS,EAAE;QACpD,OAAO,CACL,oBAAC,sBAAsB;YACrB,oBAAC,0BAA0B,oBACrB,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,eAAe,EAAE,CAAC,QAAQ,EAC1B,iBAAiB,EAAE,iBAAiB,IAChC,iBAAiB,GAEpB,QAAQ,CACkB,CACN,CAC1B,CAAC;KACH;IAED,OAAO,CACL,2CACE,SAAS,EAAE,SAAS,IAChB,IAAI,IACR,GAAG,EAAE,iBAAiB,IAClB,iBAAiB,EACjB,0BAA0B,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;QAEvE,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n  getAnalyticsLabelAttribute,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalContainerAsSubstep } from '../container/internal';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataExpandableSectionComponent } from './analytics-metadata/interfaces';\nimport { InternalVariant } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n  className?: string;\n  header: React.ReactNode;\n  children?: React.ReactNode;\n  variant: InternalVariant;\n  expanded: boolean | undefined;\n  disableContentPaddings: boolean | undefined;\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\nexport const ExpandableSectionContainer = ({\n  className,\n  children,\n  header,\n  variant,\n  expanded,\n  disableContentPaddings,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata,\n  ...rest\n}: ExpandableSectionContainerProps) => {\n  const analyticsComponentMetadata: GeneratedAnalyticsMetadataExpandableSectionComponent = {\n    name: 'awsui.ExpandableSection',\n    label: { root: 'self' },\n    properties: { variant, expanded: `${!!expanded}` },\n  };\n\n  const metadataAttribute = __injectAnalyticsComponentMetadata\n    ? getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })\n    : {};\n\n  if (variant === 'container' || variant === 'stacked') {\n    return (\n      <AnalyticsFunnelSubStep>\n        <InternalContainerAsSubstep\n          {...rest}\n          className={className}\n          header={header}\n          variant={variant === 'stacked' ? 'stacked' : 'default'}\n          disableContentPaddings={disableContentPaddings || !expanded}\n          disableHeaderPaddings={true}\n          __hiddenContent={!expanded}\n          __internalRootRef={__internalRootRef}\n          {...metadataAttribute}\n        >\n          {children}\n        </InternalContainerAsSubstep>\n      </AnalyticsFunnelSubStep>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      {...rest}\n      ref={__internalRootRef}\n      {...metadataAttribute}\n      {...getAnalyticsLabelAttribute(`.${analyticsSelectors['header-label']}`)}\n    >\n      {header}\n      {children}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAKvG,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAYpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EACzC,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,EACjB,kCAAkC,OAEF,EAD7B,IAAI,cATkC,+IAU1C,CADQ;IAEP,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,IAAsC,CAAC,CAAC;IAC5F,MAAM,0BAA0B,GAAyD;QACvF,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;KACnD,CAAC;IAEF,MAAM,iBAAiB,GAAG,kCAAkC;QAC1D,CAAC,CAAC,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;QAC1E,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,SAAS,EAAE;QACpD,OAAO,CACL,oBAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACxD,mBAAmB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY;YAEpD,oBAAC,0BAA0B,oBACrB,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,eAAe,EAAE,CAAC,QAAQ,EAC1B,iBAAiB,EAAE,iBAAiB,IAChC,iBAAiB,GAEpB,QAAQ,CACkB,CACN,CAC1B,CAAC;KACH;IAED,OAAO,CACL,2CACE,SAAS,EAAE,SAAS,IAChB,IAAI,IACR,GAAG,EAAE,iBAAiB,IAClB,iBAAiB,EACjB,0BAA0B,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;QAEvE,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n  getAnalyticsLabelAttribute,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalContainerAsSubstep } from '../container/internal';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataExpandableSectionComponent } from './analytics-metadata/interfaces';\nimport { InternalVariant } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n  className?: string;\n  header: React.ReactNode;\n  children?: React.ReactNode;\n  variant: InternalVariant;\n  expanded: boolean | undefined;\n  disableContentPaddings: boolean | undefined;\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\nexport const ExpandableSectionContainer = ({\n  className,\n  children,\n  header,\n  variant,\n  expanded,\n  disableContentPaddings,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata,\n  ...rest\n}: ExpandableSectionContainerProps) => {\n  const analyticsMetadata = getAnalyticsMetadataProps(rest as BasePropsWithAnalyticsMetadata);\n  const analyticsComponentMetadata: GeneratedAnalyticsMetadataExpandableSectionComponent = {\n    name: 'awsui.ExpandableSection',\n    label: { root: 'self' },\n    properties: { variant, expanded: `${!!expanded}` },\n  };\n\n  const metadataAttribute = __injectAnalyticsComponentMetadata\n    ? getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })\n    : {};\n\n  if (variant === 'container' || variant === 'stacked') {\n    return (\n      <AnalyticsFunnelSubStep\n        subStepIdentifier={analyticsMetadata?.instanceIdentifier}\n        subStepErrorContext={analyticsMetadata?.errorContext}\n      >\n        <InternalContainerAsSubstep\n          {...rest}\n          className={className}\n          header={header}\n          variant={variant === 'stacked' ? 'stacked' : 'default'}\n          disableContentPaddings={disableContentPaddings || !expanded}\n          disableHeaderPaddings={true}\n          __hiddenContent={!expanded}\n          __internalRootRef={__internalRootRef}\n          {...metadataAttribute}\n        >\n          {children}\n        </InternalContainerAsSubstep>\n      </AnalyticsFunnelSubStep>\n    );\n  }\n\n  return (\n    <div\n      className={className}\n      {...rest}\n      ref={__internalRootRef}\n      {...metadataAttribute}\n      {...getAnalyticsLabelAttribute(`.${analyticsSelectors['header-label']}`)}\n    >\n      {header}\n      {children}\n    </div>\n  );\n};\n"]}

package/expandable-section/internal.js

@@ -55,7 +55,7 @@ export default function InternalExpandableSection(_a) {
     };
     // Map stacked variant to container to avoid code duplication
     const baseVariant = variant === 'stacked' ? 'container' : variant;
-    return (React.createElement(ExpandableSectionContainer, Object.assign({}, baseProps, { expanded: expanded, className: clsx(baseProps.className, styles.root, analyticsSelectors.root), variant: variant, disableContentPaddings: disableContentPaddings, __injectAnalyticsComponentMetadata: __injectAnalyticsComponentMetadata, header: React.createElement(ExpandableSectionHeader, Object.assign({ id: triggerControlId, descriptionId: descriptionId, className: clsx(styles.header, styles[`header-${baseVariant}`]), variant: baseVariant, expanded: !!expanded, header: header, headerText: headerText, headerDescription: headerDescription, headerCounter: headerCounter, headerInfo: headerInfo, headerActions: headerActions, headingTagOverride: headingTagOverride }, triggerProps)), __internalRootRef: __internalRootRef }),
+    return (React.createElement(ExpandableSectionContainer, Object.assign({}, props, { expanded: expanded, className: clsx(baseProps.className, styles.root, analyticsSelectors.root), variant: variant, disableContentPaddings: disableContentPaddings, __injectAnalyticsComponentMetadata: __injectAnalyticsComponentMetadata, header: React.createElement(ExpandableSectionHeader, Object.assign({ id: triggerControlId, descriptionId: descriptionId, className: clsx(styles.header, styles[`header-${baseVariant}`]), variant: baseVariant, expanded: !!expanded, header: header, headerText: headerText, headerDescription: headerDescription, headerCounter: headerCounter, headerInfo: headerInfo, headerActions: headerActions, headingTagOverride: headingTagOverride }, triggerProps)), __internalRootRef: __internalRootRef }),
         React.createElement(CSSTransition, { in: expanded, timeout: 30, classNames: { enter: styles['content-enter'] }, nodeRef: ref },
             React.createElement("div", { id: controlId, ref: ref, className: clsx(styles.content, styles[`content-${baseVariant}`], expanded && styles['content-expanded']), role: "group", "aria-label": triggerProps.ariaLabel, "aria-labelledby": triggerProps.ariaLabelledBy, "aria-describedby": variantSupportsDescription(baseVariant) && headerDescription ? descriptionId : undefined }, children))));
 }

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 { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\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\ntype 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      {...baseProps}\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}`])}\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 { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\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\ntype 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}`])}\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/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (e1c488b0)";
+export var PACKAGE_VERSION = "3.0.0 (0be1ec7c)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (e1c488b0)",
+  "PACKAGE_VERSION": "3.0.0 (0be1ec7c)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "e1c488b01396999a4609573bece9dcf830311632"
+  "commit": "0be1ec7c3431f3d249c48092f9e708dc2a4f0429"
 }

package/package.json

@@ -132,7 +132,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.876",
+  "version": "3.0.878",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/top-navigation/styles.css.js

@@ -1,52 +1,52 @@
 
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_k5dlb_1t1k3_145",
-  "padding-box": "awsui_padding-box_k5dlb_1t1k3_178",
-  "medium": "awsui_medium_k5dlb_1t1k3_188",
-  "narrow": "awsui_narrow_k5dlb_1t1k3_188",
-  "virtual": "awsui_virtual_k5dlb_1t1k3_199",
-  "hidden": "awsui_hidden_k5dlb_1t1k3_203",
-  "\t": "awsui_\t_k5dlb_1t1k3_1",
-  "identity": "awsui_identity_k5dlb_1t1k3_215",
-  "identity-link": "awsui_identity-link_k5dlb_1t1k3_218",
-  "no-logo": "awsui_no-logo_k5dlb_1t1k3_238",
-  "logo": "awsui_logo_k5dlb_1t1k3_242",
-  "title": "awsui_title_k5dlb_1t1k3_254",
-  "inputs": "awsui_inputs_k5dlb_1t1k3_269",
-  "search": "awsui_search_k5dlb_1t1k3_277",
-  "search-expanded": "awsui_search-expanded_k5dlb_1t1k3_281",
-  "utilities": "awsui_utilities_k5dlb_1t1k3_285",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_1t1k3_296",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1t1k3_317",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1t1k3_331",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_1t1k3_339",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1t1k3_343",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_1t1k3_347",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_1t1k3_351",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1t1k3_355",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1t1k3_360",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_1t1k3_360",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1t1k3_401",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1t1k3_409",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1t1k3_421",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1t1k3_427",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1t1k3_431",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1t1k3_435",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1t1k3_439",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1t1k3_477",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1t1k3_485",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1t1k3_488",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1t1k3_477",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1t1k3_524",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1t1k3_477",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1t1k3_533",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1t1k3_536",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1t1k3_545",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1t1k3_551",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1t1k3_555",
-  "icon": "awsui_icon_k5dlb_1t1k3_560",
-  "icon-open": "awsui_icon-open_k5dlb_1t1k3_574"
+  "top-navigation": "awsui_top-navigation_k5dlb_1c946_145",
+  "padding-box": "awsui_padding-box_k5dlb_1c946_177",
+  "medium": "awsui_medium_k5dlb_1c946_187",
+  "narrow": "awsui_narrow_k5dlb_1c946_187",
+  "virtual": "awsui_virtual_k5dlb_1c946_198",
+  "hidden": "awsui_hidden_k5dlb_1c946_202",
+  "\t": "awsui_\t_k5dlb_1c946_1",
+  "identity": "awsui_identity_k5dlb_1c946_214",
+  "identity-link": "awsui_identity-link_k5dlb_1c946_217",
+  "no-logo": "awsui_no-logo_k5dlb_1c946_237",
+  "logo": "awsui_logo_k5dlb_1c946_241",
+  "title": "awsui_title_k5dlb_1c946_253",
+  "inputs": "awsui_inputs_k5dlb_1c946_268",
+  "search": "awsui_search_k5dlb_1c946_276",
+  "search-expanded": "awsui_search-expanded_k5dlb_1c946_280",
+  "utilities": "awsui_utilities_k5dlb_1c946_284",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_1c946_295",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1c946_316",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1c946_321",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1c946_330",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_1c946_338",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1c946_342",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_1c946_346",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_1c946_350",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1c946_354",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1c946_359",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_1c946_359",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1c946_400",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1c946_408",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1c946_420",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1c946_426",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1c946_430",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1c946_434",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1c946_438",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1c946_476",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1c946_484",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1c946_487",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1c946_476",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1c946_523",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1c946_476",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1c946_532",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1c946_535",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1c946_544",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1c946_550",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1c946_554",
+  "icon": "awsui_icon_k5dlb_1c946_559",
+  "icon-open": "awsui_icon-open_k5dlb_1c946_573"
 };
   

package/top-navigation/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_top-navigation_k5dlb_1t1k3_145:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,9 +174,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   background: var(--color-background-container-content-z79u4u, #ffffff);
-  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_top-navigation_k5dlb_1t1k3_145 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -186,22 +185,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-m-mo5yse, 16px));
   padding-inline-start: var(--space-xxl-cu2m1r, 32px);
 }
-.awsui_top-navigation_k5dlb_1t1k3_145.awsui_medium_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9), .awsui_top-navigation_k5dlb_1t1k3_145.awsui_narrow_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145.awsui_medium_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9), .awsui_top-navigation_k5dlb_1c946_145.awsui_narrow_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   padding-inline-start: var(--space-l-t419sm, 20px);
 }
-.awsui_top-navigation_k5dlb_1t1k3_145.awsui_medium_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145.awsui_medium_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-xs-26e2du, 8px));
   padding-inline-end: 0;
 }
-.awsui_top-navigation_k5dlb_1t1k3_145.awsui_narrow_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145.awsui_narrow_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   block-size: var(--space-xxxl-4x2gki, 40px);
 }
 
-.awsui_virtual_k5dlb_1t1k3_199:not(#\9) {
+.awsui_virtual_k5dlb_1c946_198:not(#\9) {
   inline-size: 9000px;
 }
 
-.awsui_hidden_k5dlb_1t1k3_203:not(#\9) {
+.awsui_hidden_k5dlb_1c946_202:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
@@ -209,23 +208,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_hidden_k5dlb_1t1k3_203 *:not(#\9):not(#awsui_\9 _k5dlb_1t1k3_1) {
+.awsui_hidden_k5dlb_1c946_202 *:not(#\9):not(#awsui_\9 _k5dlb_1c946_1) {
   visibility: hidden;
 }
 
-.awsui_identity_k5dlb_1t1k3_215:not(#\9) {
+.awsui_identity_k5dlb_1c946_214:not(#\9) {
   min-inline-size: 0;
 }
-.awsui_identity_k5dlb_1t1k3_215 > .awsui_identity-link_k5dlb_1t1k3_218:not(#\9) {
+.awsui_identity_k5dlb_1c946_214 > .awsui_identity-link_k5dlb_1c946_217:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-v9cb3m, #0f141a);
 }
-.awsui_identity_k5dlb_1t1k3_215 > .awsui_identity-link_k5dlb_1t1k3_218:not(#\9):hover {
+.awsui_identity_k5dlb_1c946_214 > .awsui_identity-link_k5dlb_1c946_217:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_identity-link_k5dlb_1t1k3_218:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_identity-link_k5dlb_1c946_217:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -236,11 +235,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_identity_k5dlb_1t1k3_215.awsui_no-logo_k5dlb_1t1k3_238:not(#\9) {
+.awsui_identity_k5dlb_1c946_214.awsui_no-logo_k5dlb_1c946_237:not(#\9) {
   min-inline-size: 100px;
 }
 
-.awsui_logo_k5dlb_1t1k3_242:not(#\9) {
+.awsui_logo_k5dlb_1c946_241:not(#\9) {
   display: block;
   max-block-size: var(--space-xxl-cu2m1r, 32px);
   margin-inline-end: var(--space-s-34lx8l, 12px);
@@ -248,11 +247,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   flex-shrink: 0;
   min-inline-size: 10px;
 }
-.awsui_logo_k5dlb_1t1k3_242.awsui_narrow_k5dlb_1t1k3_188:not(#\9) {
+.awsui_logo_k5dlb_1c946_241.awsui_narrow_k5dlb_1c946_187:not(#\9) {
   max-block-size: var(--space-xl-lmui9r, 24px);
 }
 
-.awsui_title_k5dlb_1t1k3_254:not(#\9) {
+.awsui_title_k5dlb_1c946_253:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -263,11 +262,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_k5dlb_1t1k3_238 > .awsui_identity-link_k5dlb_1t1k3_218 > .awsui_title_k5dlb_1t1k3_254:not(#\9) {
+.awsui_no-logo_k5dlb_1c946_237 > .awsui_identity-link_k5dlb_1c946_217 > .awsui_title_k5dlb_1c946_253:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_inputs_k5dlb_1t1k3_269:not(#\9) {
+.awsui_inputs_k5dlb_1c946_268:not(#\9) {
   display: flex;
   flex: 1;
   padding-block: 0;
@@ -275,26 +274,26 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   justify-content: center;
 }
 
-.awsui_search_k5dlb_1t1k3_277:not(#\9) {
+.awsui_search_k5dlb_1c946_276:not(#\9) {
   inline-size: 100%;
   max-inline-size: 340px;
 }
-.awsui_search-expanded_k5dlb_1t1k3_281:not(#\9) {
+.awsui_search-expanded_k5dlb_1c946_280:not(#\9) {
   max-inline-size: none;
 }
 
-.awsui_utilities_k5dlb_1t1k3_285:not(#\9) {
+.awsui_utilities_k5dlb_1c946_284:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
   align-items: stretch;
   block-size: 100%;
 }
-.awsui_medium_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178 > .awsui_utilities_k5dlb_1t1k3_285:not(#\9), .awsui_narrow_k5dlb_1t1k3_188 > .awsui_padding-box_k5dlb_1t1k3_178 > .awsui_utilities_k5dlb_1t1k3_285:not(#\9) {
+.awsui_medium_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177 > .awsui_utilities_k5dlb_1c946_284:not(#\9), .awsui_narrow_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177 > .awsui_utilities_k5dlb_1c946_284:not(#\9) {
   padding-inline-start: 0;
 }
 
-.awsui_utility-wrapper_k5dlb_1t1k3_296:not(#\9) {
+.awsui_utility-wrapper_k5dlb_1c946_295:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
@@ -302,7 +301,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   padding-block: 0;
   padding-inline: var(--space-m-udix3p, 16px);
 }
-.awsui_utility-wrapper_k5dlb_1t1k3_296:not(#\9)::after {
+.awsui_utility-wrapper_k5dlb_1c946_295:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -311,61 +310,61 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   inset-block: var(--space-s-34lx8l, 12px);
   background: var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_utility-wrapper_k5dlb_1t1k3_296:not(#\9):last-of-type::after {
+.awsui_utility-wrapper_k5dlb_1c946_295:not(#\9):last-of-type::after {
   display: none;
 }
 
-.awsui_utility-type-button-link_k5dlb_1t1k3_317:not(#\9) {
+.awsui_utility-type-button-link_k5dlb_1c946_316:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
 
-.awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322:not(#\9) {
+.awsui_utility-type-menu-dropdown_k5dlb_1c946_321:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-s-34lx8l, 12px);
   align-items: stretch;
 }
-.awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322:not(#\9):not(.awsui_narrow_k5dlb_1t1k3_188):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322:not(#\9):not(.awsui_medium_k5dlb_1t1k3_188):last-of-type {
+.awsui_utility-type-menu-dropdown_k5dlb_1c946_321:not(#\9):not(.awsui_narrow_k5dlb_1c946_187):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_1c946_321:not(#\9):not(.awsui_medium_k5dlb_1c946_187):last-of-type {
   padding-inline-end: 0;
 }
 
-.awsui_utility-type-button-primary-button_k5dlb_1t1k3_331:not(#\9) {
+.awsui_utility-type-button-primary-button_k5dlb_1c946_330:not(#\9) {
   inset-inline-start: -1px;
   border-inline-start: 1px solid var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_utility-type-button-primary-button_k5dlb_1t1k3_331:not(#\9)::after {
+.awsui_utility-type-button-primary-button_k5dlb_1c946_330:not(#\9)::after {
   display: none;
 }
 
-.awsui_utility-link-icon_k5dlb_1t1k3_339:not(#\9) {
+.awsui_utility-link-icon_k5dlb_1c946_338:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_utility-button-external-icon_k5dlb_1t1k3_343:not(#\9) {
+.awsui_utility-button-external-icon_k5dlb_1c946_342:not(#\9) {
   display: inline-block;
 }
 
-.awsui_offset-right-none_k5dlb_1t1k3_347:not(#\9) {
+.awsui_offset-right-none_k5dlb_1c946_346:not(#\9) {
   margin-inline-end: 0;
 }
 
-.awsui_offset-right-l_k5dlb_1t1k3_351:not(#\9) {
+.awsui_offset-right-l_k5dlb_1c946_350:not(#\9) {
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_offset-right-xxl_k5dlb_1t1k3_355:not(#\9) {
+.awsui_offset-right-xxl_k5dlb_1c946_354:not(#\9) {
   margin-inline-end: var(--space-m-udix3p, 16px);
 }
 
 /* Overflow Menu */
-.awsui_overflow-menu-drawer_k5dlb_1t1k3_360:not(#\9) {
+.awsui_overflow-menu-drawer_k5dlb_1c946_359:not(#\9) {
   position: fixed;
   block-size: 100%;
   inline-size: 100%;
   z-index: 1001;
 }
 
-.awsui_overflow-menu_k5dlb_1t1k3_360:not(#\9) {
+.awsui_overflow-menu_k5dlb_1c946_359:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -400,7 +399,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   block-size: 100%;
 }
 
-.awsui_overflow-menu-header_k5dlb_1t1k3_401:not(#\9) {
+.awsui_overflow-menu-header_k5dlb_1c946_400:not(#\9) {
   display: flex;
   align-items: center;
   min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
@@ -408,7 +407,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   padding-inline: var(--space-scaled-m-mo5yse, 16px);
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_overflow-menu-header-text_k5dlb_1t1k3_409:not(#\9) {
+.awsui_overflow-menu-header-text_k5dlb_1c946_408:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -420,25 +419,25 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   margin-inline: 0;
   text-align: center;
 }
-.awsui_overflow-menu-header-text--secondary_k5dlb_1t1k3_421:not(#\9) {
+.awsui_overflow-menu-header-text--secondary_k5dlb_1c946_420:not(#\9) {
   font-size: var(--font-header-h2-description-size-2hj97p, 14px);
   line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
   font-weight: 400;
 }
 
-.awsui_overflow-menu-header-text--title_k5dlb_1t1k3_427:not(#\9) {
+.awsui_overflow-menu-header-text--title_k5dlb_1c946_426:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-back-button_k5dlb_1t1k3_431:not(#\9) {
+.awsui_overflow-menu-back-button_k5dlb_1c946_430:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-dismiss-button_k5dlb_1t1k3_435:not(#\9) {
+.awsui_overflow-menu-dismiss-button_k5dlb_1c946_434:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9) {
+.awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -477,32 +476,32 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1t1k3_215 > .awsui_ide
   border-block: none;
   border-inline: none;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_1t1k3_477 > .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_1c946_476 > .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9) {
   padding-block: var(--space-scaled-m-mo5yse, 16px);
   padding-inline: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):hover {
+.awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
   cursor: pointer;
 }
-.awsui_overflow-menu-control-link_k5dlb_1t1k3_485:not(#\9) {
+.awsui_overflow-menu-control-link_k5dlb_1c946_484:not(#\9) {
   text-decoration: none;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1t1k3_488:not(#\9) {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1c946_487:not(#\9) {
   color: var(--color-text-dropdown-group-label-iy2p4t, #424650);
   font-weight: bold;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1t1k3_488:not(#\9):hover {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1c946_487:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1t1k3_439:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -517,63 +516,63 @@ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1t1k3_439
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_overflow-menu-list_k5dlb_1t1k3_477:not(#\9) {
+.awsui_overflow-menu-list_k5dlb_1c946_476:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_overflow-menu-list-submenu_k5dlb_1t1k3_524:not(#\9) {
+.awsui_overflow-menu-list-submenu_k5dlb_1c946_523:not(#\9) {
   margin-block: var(--space-scaled-xxs-7597g1, 4px);
   margin-inline: 0;
 }
 
-.awsui_overflow-menu-list-item_k5dlb_1t1k3_477:not(#\9) {
+.awsui_overflow-menu-list-item_k5dlb_1c946_476:not(#\9) {
   box-sizing: border-box;
   letter-spacing: var(--font-button-letter-spacing-65ug0o, 0.005em);
 }
-.awsui_overflow-menu-list-item-icon_k5dlb_1t1k3_533:not(#\9) {
+.awsui_overflow-menu-list-item-icon_k5dlb_1c946_532:not(#\9) {
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_overflow-menu-list-item-text_k5dlb_1t1k3_536:not(#\9) {
+.awsui_overflow-menu-list-item-text_k5dlb_1c946_535:not(#\9) {
   flex: 1;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_1t1k3_477:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_1c946_476:not(#\9) {
   font-weight: var(--font-weight-button-c91p4t, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_overflow-menu-list-item-submenu_k5dlb_1t1k3_545:not(#\9) {
+.awsui_overflow-menu-list-item-submenu_k5dlb_1c946_544:not(#\9) {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid transparent;
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid transparent;
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1t1k3_551:not(#\9) {
+.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1c946_550:not(#\9) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_overflow-menu-list-item-expandable_k5dlb_1t1k3_555:not(#\9) {
+.awsui_overflow-menu-list-item-expandable_k5dlb_1c946_554:not(#\9) {
   border-block-start-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-block-end-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
 
-.awsui_icon_k5dlb_1t1k3_560:not(#\9) {
+.awsui_icon_k5dlb_1c946_559:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_k5dlb_1t1k3_560:not(#\9) {
+  .awsui_icon_k5dlb_1c946_559:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_k5dlb_1t1k3_560:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_1t1k3_560:not(#\9) {
+.awsui-motion-disabled .awsui_icon_k5dlb_1c946_559:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_1c946_559:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_icon-open_k5dlb_1t1k3_574:not(#\9) {
+.awsui_icon-open_k5dlb_1c946_573:not(#\9) {
   transform: rotate(-180deg);
 }

package/top-navigation/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "top-navigation": "awsui_top-navigation_k5dlb_1t1k3_145",
-  "padding-box": "awsui_padding-box_k5dlb_1t1k3_178",
-  "medium": "awsui_medium_k5dlb_1t1k3_188",
-  "narrow": "awsui_narrow_k5dlb_1t1k3_188",
-  "virtual": "awsui_virtual_k5dlb_1t1k3_199",
-  "hidden": "awsui_hidden_k5dlb_1t1k3_203",
-  "\t": "awsui_\t_k5dlb_1t1k3_1",
-  "identity": "awsui_identity_k5dlb_1t1k3_215",
-  "identity-link": "awsui_identity-link_k5dlb_1t1k3_218",
-  "no-logo": "awsui_no-logo_k5dlb_1t1k3_238",
-  "logo": "awsui_logo_k5dlb_1t1k3_242",
-  "title": "awsui_title_k5dlb_1t1k3_254",
-  "inputs": "awsui_inputs_k5dlb_1t1k3_269",
-  "search": "awsui_search_k5dlb_1t1k3_277",
-  "search-expanded": "awsui_search-expanded_k5dlb_1t1k3_281",
-  "utilities": "awsui_utilities_k5dlb_1t1k3_285",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_1t1k3_296",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1t1k3_317",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1t1k3_322",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1t1k3_331",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_1t1k3_339",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1t1k3_343",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_1t1k3_347",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_1t1k3_351",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1t1k3_355",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1t1k3_360",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_1t1k3_360",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1t1k3_401",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1t1k3_409",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1t1k3_421",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1t1k3_427",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1t1k3_431",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1t1k3_435",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1t1k3_439",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1t1k3_477",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1t1k3_485",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1t1k3_488",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1t1k3_477",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1t1k3_524",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1t1k3_477",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1t1k3_533",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1t1k3_536",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1t1k3_545",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1t1k3_551",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1t1k3_555",
-  "icon": "awsui_icon_k5dlb_1t1k3_560",
-  "icon-open": "awsui_icon-open_k5dlb_1t1k3_574"
+  "top-navigation": "awsui_top-navigation_k5dlb_1c946_145",
+  "padding-box": "awsui_padding-box_k5dlb_1c946_177",
+  "medium": "awsui_medium_k5dlb_1c946_187",
+  "narrow": "awsui_narrow_k5dlb_1c946_187",
+  "virtual": "awsui_virtual_k5dlb_1c946_198",
+  "hidden": "awsui_hidden_k5dlb_1c946_202",
+  "\t": "awsui_\t_k5dlb_1c946_1",
+  "identity": "awsui_identity_k5dlb_1c946_214",
+  "identity-link": "awsui_identity-link_k5dlb_1c946_217",
+  "no-logo": "awsui_no-logo_k5dlb_1c946_237",
+  "logo": "awsui_logo_k5dlb_1c946_241",
+  "title": "awsui_title_k5dlb_1c946_253",
+  "inputs": "awsui_inputs_k5dlb_1c946_268",
+  "search": "awsui_search_k5dlb_1c946_276",
+  "search-expanded": "awsui_search-expanded_k5dlb_1c946_280",
+  "utilities": "awsui_utilities_k5dlb_1c946_284",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_1c946_295",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1c946_316",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1c946_321",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1c946_330",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_1c946_338",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1c946_342",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_1c946_346",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_1c946_350",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1c946_354",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1c946_359",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_1c946_359",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1c946_400",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1c946_408",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1c946_420",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1c946_426",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1c946_430",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1c946_434",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1c946_438",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1c946_476",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1c946_484",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1c946_487",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1c946_476",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1c946_523",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1c946_476",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1c946_532",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1c946_535",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1c946_544",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1c946_550",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1c946_554",
+  "icon": "awsui_icon_k5dlb_1c946_559",
+  "icon-open": "awsui_icon-open_k5dlb_1c946_573"
 };