npm - @cloudscape-design/components - Versions diffs - 3.0.704 → 3.0.705 - Mend

@cloudscape-design/components 3.0.704 → 3.0.705

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/expandable-section/expandable-section-header.d.ts.map +1 -1
package/expandable-section/expandable-section-header.js +9 -5
package/expandable-section/expandable-section-header.js.map +1 -1
package/expandable-section/interfaces.d.ts +1 -1
package/expandable-section/interfaces.js.map +1 -1
package/expandable-section/styles.css.js +32 -32
package/expandable-section/styles.scoped.css +71 -64
package/expandable-section/styles.selectors.js +32 -32
package/expandable-section/utils.d.ts +2 -1
package/expandable-section/utils.d.ts.map +1 -1
package/expandable-section/utils.js +4 -1
package/expandable-section/utils.js.map +1 -1
package/internal/environment.js +1 -1
package/internal/environment.json +1 -1
package/internal/manifest.json +1 -1
package/package.json +1 -1

package/expandable-section/expandable-section-header.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expandable-section-header.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlF,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAKvE,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,UAAU,4BAA4B;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC;CAC1B;AAcD,UAAU,4BAA6B,SAAQ,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,MAAM,CAAC;IACpG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA6JD,eAAO,MAAM,uBAAuB,oOAmBjC,4BAA4B,~~gBA2E9B~~,CAAC"}
1	+ {"version":3,"file":"expandable-section-header.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlF,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAKvE,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,UAAU,4BAA4B;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC;CAC1B;AAcD,UAAU,4BAA6B,SAAQ,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,MAAM,CAAC;IACpG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA6JD,eAAO,MAAM,uBAAuB,oOAmBjC,4BAA4B,gBAoF9B,CAAC"}

package/expandable-section/expandable-section-header.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import InternalHeader, { Description as HeaderDescription } from '../header/internal';
 import InternalIcon from '../icon/internal';
 import { isDevelopment } from '../internal/is-development';
-import { variantSupportsDescription, variantSupportsInteractiveElements } from './utils';
+import { variantSupportsActions, variantSupportsDescription, variantSupportsInfoLink } from './utils';
 import styles from './styles.css.js';
 export const componentName = 'ExpandableSection';
 const ExpandableDeprecatedHeader = ({ id, className, onClick, ariaLabel, ariaControls, expanded, children, icon, onKeyUp, onKeyDown, variant, }) => {
@@ -22,7 +22,7 @@ const ExpandableNavigationHeader = ({ id, className, onClick, ariaLabelledBy, ar
 const ExpandableHeaderTextWrapper = ({ id, descriptionId, className, onClick, ariaLabel, ariaControls, expanded, children, icon, headerDescription, headerCounter, headerInfo, headerActions, variant, headingTagOverride, onKeyUp, onKeyDown, }) => {
     const isContainer = variant === 'container';
     const HeadingTag = headingTagOverride || 'div';
-    const supportsInteractiveElements = variantSupportsInteractiveElements(variant);
+    const supportsInteractiveElements = variantSupportsActions(variant);
     const restrictClickableArea = supportsInteractiveElements && (headerInfo || headerActions);
     const actions = supportsInteractiveElements && headerActions;
     const description = variantSupportsDescription(variant) && headerDescription && (React.createElement("span", { id: descriptionId, className: styles[`description-${variant}`] }, headerDescription));
@@ -46,6 +46,7 @@ const ExpandableHeaderTextWrapper = ({ id, descriptionId, className, onClick, ar
         description && React.createElement(HeaderDescription, { variantOverride: "h3" }, description)))));
 };
 export const ExpandableSectionHeader = ({ id, descriptionId, className, variant, header, headerText, headerDescription, headerCounter, headerInfo, headerActions, headingTagOverride, expanded, ariaControls, ariaLabel, ariaLabelledBy, onKeyUp, onKeyDown, onClick, }) => {
+    const alwaysShowDivider = variant === 'default' && headerActions;
     const icon = (React.createElement(InternalIcon, { size: variant === 'container' ? 'medium' : 'normal', className: clsx(styles.icon, expanded && styles.expanded), name: "caret-down-filled" }));
     const defaultHeaderProps = {
         id: id,
@@ -56,13 +57,16 @@ export const ExpandableSectionHeader = ({ id, descriptionId, className, variant,
         onClick: onClick,
         variant,
     };
-    if ((headerCounter || headerInfo || headerActions) && !variantSupportsInteractiveElements(variant) && isDevelopment) {
-        warnOnce(componentName, 'The `headerCounter`, `headerInfo` and `headerActions` props are only supported for the "container" variant.');
+    if ((headerCounter || headerInfo) && !variantSupportsInfoLink(variant) && isDevelopment) {
+        warnOnce(componentName, 'The `headerCounter` and `headerInfo` props are only supported for the "container" variant.');
+    }
+    if (headerActions && !variantSupportsActions(variant) && isDevelopment) {
+        warnOnce(componentName, `The \`headerActions\` prop is only supported for the "container" and "default" variants.`);
     }
     if (headerDescription && !variantSupportsDescription(variant) && isDevelopment) {
         warnOnce(componentName, `The \`headerDescription\` prop is not supported for the ${variant} variant.`);
     }
-    const wrapperClassName = clsx(styles.wrapper, styles[`wrapper-${variant}`], expanded && styles['wrapper-expanded']);
+    const wrapperClassName = clsx(styles.wrapper, styles[`wrapper-${variant}`], (expanded || alwaysShowDivider) && styles['wrapper-expanded']);
     if (variant === 'navigation') {
         return (React.createElement(ExpandableNavigationHeader, Object.assign({ className: clsx(className, wrapperClassName), ariaLabelledBy: ariaLabelledBy }, defaultHeaderProps), headerText !== null && headerText !== void 0 ? headerText : header));
     }

package/expandable-section/expandable-section-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expandable-section-header.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.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, { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalHeader, { Description as HeaderDescription } from '../header/internal';\nimport InternalIcon from '../icon/internal';\nimport { isDevelopment } from '../internal/is-development';\nimport { ExpandableSectionProps, InternalVariant } from './interfaces';\nimport { variantSupportsDescription, variantSupportsInteractiveElements } from './utils';\n\nimport styles from './styles.css.js';\n\nexport const componentName = 'ExpandableSection';\n\ninterface ExpandableDefaultHeaderProps {\n id: string;\n descriptionId?: string;\n className?: string;\n children?: ReactNode;\n expanded: boolean;\n ariaControls: string;\n ariaLabel?: string;\n onKeyUp: KeyboardEventHandler;\n onKeyDown: KeyboardEventHandler;\n onClick: MouseEventHandler;\n icon: JSX.Element;\n variant: InternalVariant;\n}\n\ninterface ExpandableNavigationHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'onKeyUp' \| 'onKeyDown'> {\n ariaLabelledBy?: string;\n}\n\ninterface ExpandableHeaderTextWrapperProps extends ExpandableDefaultHeaderProps {\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n}\n\ninterface ExpandableSectionHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'children' \| 'icon'> {\n header?: ReactNode;\n headerText?: ReactNode;\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n ariaLabelledBy?: string;\n}\n\nconst ExpandableDeprecatedHeader = ({\n id,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n onKeyUp,\n onKeyDown,\n variant,\n}: ExpandableDefaultHeaderProps) => {\n return (\n <div\n id={id}\n role=\"button\"\n className={clsx(className, styles['expand-button'], styles['click-target'], styles['header-deprecated'])}\n tabIndex={0}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n >\n <div className={clsx(styles['icon-container'], styles[`icon-container-${variant}`])}>{icon}</div>\n {children}\n </div>\n );\n};\n\nconst ExpandableNavigationHeader = ({\n id,\n className,\n onClick,\n ariaLabelledBy,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n}: ExpandableNavigationHeaderProps) => {\n return (\n <div id={id} className={clsx(className, styles['click-target'])}>\n <button\n className={clsx(styles['icon-container'], styles['expand-button'])}\n aria-labelledby={ariaLabelledBy}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n type=\"button\"\n onClick={onClick}\n >\n {icon}\n </button>\n {children}\n </div>\n );\n};\n\nconst ExpandableHeaderTextWrapper = ({\n id,\n descriptionId,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n variant,\n headingTagOverride,\n onKeyUp,\n onKeyDown,\n}: ExpandableHeaderTextWrapperProps) => {\n const isContainer = variant === 'container';\n const HeadingTag = headingTagOverride \|\| 'div';\n const supportsInteractiveElements = variantSupportsInteractiveElements(variant);\n const restrictClickableArea = supportsInteractiveElements && (headerInfo \|\| headerActions);\n const actions = supportsInteractiveElements && headerActions;\n const description = variantSupportsDescription(variant) && headerDescription && (\n <span id={descriptionId} className={styles[`description-${variant}`]}>\n {headerDescription}\n </span>\n );\n const listeners = { onClick, onKeyDown, onKeyUp };\n\n // If interactive elements are present, constrain the clickable area to only the icon and the header text\n // to prevent nesting interactive elements.\n const headerButtonListeners = restrictClickableArea ? listeners : undefined;\n // For the default and footer variants with description,\n // include also the immediate wrapper around it to include the entire row for backwards compatibility,\n // but exclude the description.\n const headingTagListeners = !headerButtonListeners && !isContainer && description ? listeners : undefined;\n // For all other cases, make the entire header clickable for backwards compatibility.\n const wrapperListeners = !headerButtonListeners && !headingTagListeners ? listeners : undefined;\n const headerButton = (\n <span\n className={clsx(\n styles['expand-button'],\n isContainer ? styles['header-container-button'] : styles['header-button'],\n headerButtonListeners && styles['click-target']\n )}\n role=\"button\"\n tabIndex={0}\n aria-label={ariaLabel}\n aria-labelledby={!ariaLabel && description ? id : undefined}\n aria-describedby={description ? descriptionId : undefined}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n {...headerButtonListeners}\n >\n <span className={clsx(styles['icon-container'], styles[`icon-container-${variant}`])}>{icon}</span>\n <span id={id} className={styles['header-text']}>\n {children}\n </span>\n </span>\n );\n\n return (\n <div className={clsx(className, wrapperListeners && styles['click-target'])} {...wrapperListeners}>\n {isContainer ? (\n <InternalHeader\n variant=\"h2\"\n description={description}\n counter={headerCounter}\n info={headerInfo}\n actions={actions}\n headingTagOverride={headingTagOverride}\n >\n {headerButton}\n </InternalHeader>\n ) : (\n <>\n <div className={clsx(actions && styles['header-actions-wrapper'])}>\n <HeadingTag\n className={clsx(styles['header-wrapper'], headingTagListeners && styles['click-target'])}\n {...headingTagListeners}\n >\n {headerButton}\n </HeadingTag>\n {actions}\n </div>\n {description && <HeaderDescription variantOverride=\"h3\">{description}</HeaderDescription>}\n </>\n )}\n </div>\n );\n};\n\nexport const ExpandableSectionHeader = ({\n id,\n descriptionId,\n className,\n variant,\n header,\n headerText,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n headingTagOverride,\n expanded,\n ariaControls,\n ariaLabel,\n ariaLabelledBy,\n onKeyUp,\n onKeyDown,\n onClick,\n}: ExpandableSectionHeaderProps) => {\n const icon = (\n <InternalIcon\n size={variant === 'container' ? 'medium' : 'normal'}\n className={clsx(styles.icon, expanded && styles.expanded)}\n name=\"caret-down-filled\"\n />\n );\n const defaultHeaderProps = {\n id: id,\n icon: icon,\n expanded: expanded,\n ariaControls: ariaControls,\n ariaLabel: ariaLabel,\n onClick: onClick,\n variant,\n };\n\n if ((headerCounter \|\| headerInfo \|\| headerActions) && !variantSupportsInteractiveElements(variant) && isDevelopment) {\n warnOnce(\n componentName,\n 'The `headerCounter`, `headerInfo` and `headerActions` props are only supported for the \"container\" variant.'\n );\n }\n\n if (headerDescription && !variantSupportsDescription(variant) && isDevelopment) {\n warnOnce(componentName, `The \\`headerDescription\\` prop is not supported for the ${variant} variant.`);\n }\n\n const wrapperClassName = clsx(styles.wrapper, styles[`wrapper-${variant}`], expanded && styles['wrapper-expanded']);\n if (variant === 'navigation') {\n return (\n <ExpandableNavigationHeader\n className={clsx(className, wrapperClassName)}\n ariaLabelledBy={ariaLabelledBy}\n {...defaultHeaderProps}\n >\n {headerText ?? header}\n </ExpandableNavigationHeader>\n );\n }\n\n if (headerText) {\n return (\n <ExpandableHeaderTextWrapper\n className={clsx(className, wrapperClassName, expanded && styles.expanded)}\n descriptionId={descriptionId}\n headerDescription={headerDescription}\n headerCounter={headerCounter}\n headerInfo={headerInfo}\n headerActions={headerActions}\n headingTagOverride={headingTagOverride}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {headerText}\n </ExpandableHeaderTextWrapper>\n );\n }\n\n if (variant === 'container' && header && isDevelopment) {\n warnOnce(componentName, 'Use `headerText` instead of `header` to provide the button within the heading for a11y.');\n }\n\n return (\n <ExpandableDeprecatedHeader\n className={clsx(className, wrapperClassName, styles.focusable, expanded && styles.expanded)}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {header}\n </ExpandableDeprecatedHeader>\n );\n};\n"]}
1	+ {"version":3,"file":"expandable-section-header.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.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, { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalHeader, { Description as HeaderDescription } from '../header/internal';\nimport InternalIcon from '../icon/internal';\nimport { isDevelopment } from '../internal/is-development';\nimport { ExpandableSectionProps, InternalVariant } from './interfaces';\nimport { variantSupportsActions, variantSupportsDescription, variantSupportsInfoLink } from './utils';\n\nimport styles from './styles.css.js';\n\nexport const componentName = 'ExpandableSection';\n\ninterface ExpandableDefaultHeaderProps {\n id: string;\n descriptionId?: string;\n className?: string;\n children?: ReactNode;\n expanded: boolean;\n ariaControls: string;\n ariaLabel?: string;\n onKeyUp: KeyboardEventHandler;\n onKeyDown: KeyboardEventHandler;\n onClick: MouseEventHandler;\n icon: JSX.Element;\n variant: InternalVariant;\n}\n\ninterface ExpandableNavigationHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'onKeyUp' \| 'onKeyDown'> {\n ariaLabelledBy?: string;\n}\n\ninterface ExpandableHeaderTextWrapperProps extends ExpandableDefaultHeaderProps {\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n}\n\ninterface ExpandableSectionHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'children' \| 'icon'> {\n header?: ReactNode;\n headerText?: ReactNode;\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n ariaLabelledBy?: string;\n}\n\nconst ExpandableDeprecatedHeader = ({\n id,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n onKeyUp,\n onKeyDown,\n variant,\n}: ExpandableDefaultHeaderProps) => {\n return (\n <div\n id={id}\n role=\"button\"\n className={clsx(className, styles['expand-button'], styles['click-target'], styles['header-deprecated'])}\n tabIndex={0}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n >\n <div className={clsx(styles['icon-container'], styles[`icon-container-${variant}`])}>{icon}</div>\n {children}\n </div>\n );\n};\n\nconst ExpandableNavigationHeader = ({\n id,\n className,\n onClick,\n ariaLabelledBy,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n}: ExpandableNavigationHeaderProps) => {\n return (\n <div id={id} className={clsx(className, styles['click-target'])}>\n <button\n className={clsx(styles['icon-container'], styles['expand-button'])}\n aria-labelledby={ariaLabelledBy}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n type=\"button\"\n onClick={onClick}\n >\n {icon}\n </button>\n {children}\n </div>\n );\n};\n\nconst ExpandableHeaderTextWrapper = ({\n id,\n descriptionId,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n variant,\n headingTagOverride,\n onKeyUp,\n onKeyDown,\n}: ExpandableHeaderTextWrapperProps) => {\n const isContainer = variant === 'container';\n const HeadingTag = headingTagOverride \|\| 'div';\n const supportsInteractiveElements = variantSupportsActions(variant);\n const restrictClickableArea = supportsInteractiveElements && (headerInfo \|\| headerActions);\n const actions = supportsInteractiveElements && headerActions;\n const description = variantSupportsDescription(variant) && headerDescription && (\n <span id={descriptionId} className={styles[`description-${variant}`]}>\n {headerDescription}\n </span>\n );\n const listeners = { onClick, onKeyDown, onKeyUp };\n\n // If interactive elements are present, constrain the clickable area to only the icon and the header text\n // to prevent nesting interactive elements.\n const headerButtonListeners = restrictClickableArea ? listeners : undefined;\n // For the default and footer variants with description,\n // include also the immediate wrapper around it to include the entire row for backwards compatibility,\n // but exclude the description.\n const headingTagListeners = !headerButtonListeners && !isContainer && description ? listeners : undefined;\n // For all other cases, make the entire header clickable for backwards compatibility.\n const wrapperListeners = !headerButtonListeners && !headingTagListeners ? listeners : undefined;\n const headerButton = (\n <span\n className={clsx(\n styles['expand-button'],\n isContainer ? styles['header-container-button'] : styles['header-button'],\n headerButtonListeners && styles['click-target']\n )}\n role=\"button\"\n tabIndex={0}\n aria-label={ariaLabel}\n aria-labelledby={!ariaLabel && description ? id : undefined}\n aria-describedby={description ? descriptionId : undefined}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n {...headerButtonListeners}\n >\n <span className={clsx(styles['icon-container'], styles[`icon-container-${variant}`])}>{icon}</span>\n <span id={id} className={styles['header-text']}>\n {children}\n </span>\n </span>\n );\n\n return (\n <div className={clsx(className, wrapperListeners && styles['click-target'])} {...wrapperListeners}>\n {isContainer ? (\n <InternalHeader\n variant=\"h2\"\n description={description}\n counter={headerCounter}\n info={headerInfo}\n actions={actions}\n headingTagOverride={headingTagOverride}\n >\n {headerButton}\n </InternalHeader>\n ) : (\n <>\n <div className={clsx(actions && styles['header-actions-wrapper'])}>\n <HeadingTag\n className={clsx(styles['header-wrapper'], headingTagListeners && styles['click-target'])}\n {...headingTagListeners}\n >\n {headerButton}\n </HeadingTag>\n {actions}\n </div>\n {description && <HeaderDescription variantOverride=\"h3\">{description}</HeaderDescription>}\n </>\n )}\n </div>\n );\n};\n\nexport const ExpandableSectionHeader = ({\n id,\n descriptionId,\n className,\n variant,\n header,\n headerText,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n headingTagOverride,\n expanded,\n ariaControls,\n ariaLabel,\n ariaLabelledBy,\n onKeyUp,\n onKeyDown,\n onClick,\n}: ExpandableSectionHeaderProps) => {\n const alwaysShowDivider = variant === 'default' && headerActions;\n const icon = (\n <InternalIcon\n size={variant === 'container' ? 'medium' : 'normal'}\n className={clsx(styles.icon, expanded && styles.expanded)}\n name=\"caret-down-filled\"\n />\n );\n const defaultHeaderProps = {\n id: id,\n icon: icon,\n expanded: expanded,\n ariaControls: ariaControls,\n ariaLabel: ariaLabel,\n onClick: onClick,\n variant,\n };\n\n if ((headerCounter \|\| headerInfo) && !variantSupportsInfoLink(variant) && isDevelopment) {\n warnOnce(\n componentName,\n 'The `headerCounter` and `headerInfo` props are only supported for the \"container\" variant.'\n );\n }\n\n if (headerActions && !variantSupportsActions(variant) && isDevelopment) {\n warnOnce(componentName, `The \\`headerActions\\` prop is only supported for the \"container\" and \"default\" variants.`);\n }\n\n if (headerDescription && !variantSupportsDescription(variant) && isDevelopment) {\n warnOnce(componentName, `The \\`headerDescription\\` prop is not supported for the ${variant} variant.`);\n }\n\n const wrapperClassName = clsx(\n styles.wrapper,\n styles[`wrapper-${variant}`],\n (expanded \|\| alwaysShowDivider) && styles['wrapper-expanded']\n );\n if (variant === 'navigation') {\n return (\n <ExpandableNavigationHeader\n className={clsx(className, wrapperClassName)}\n ariaLabelledBy={ariaLabelledBy}\n {...defaultHeaderProps}\n >\n {headerText ?? header}\n </ExpandableNavigationHeader>\n );\n }\n\n if (headerText) {\n return (\n <ExpandableHeaderTextWrapper\n className={clsx(className, wrapperClassName, expanded && styles.expanded)}\n descriptionId={descriptionId}\n headerDescription={headerDescription}\n headerCounter={headerCounter}\n headerInfo={headerInfo}\n headerActions={headerActions}\n headingTagOverride={headingTagOverride}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {headerText}\n </ExpandableHeaderTextWrapper>\n );\n }\n\n if (variant === 'container' && header && isDevelopment) {\n warnOnce(componentName, 'Use `headerText` instead of `header` to provide the button within the heading for a11y.');\n }\n\n return (\n <ExpandableDeprecatedHeader\n className={clsx(className, wrapperClassName, styles.focusable, expanded && styles.expanded)}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {header}\n </ExpandableDeprecatedHeader>\n );\n};\n"]}

package/expandable-section/interfaces.d.ts CHANGED Viewed

@@ -78,7 +78,7 @@ export interface ExpandableSectionProps extends BaseComponentProps {
      */
     headerInfo?: React.ReactNode;
     /**
-     * Actions for the header. Use with the container variant.
+     * Actions for the header. Use with the default or container variant.
      */
     headerActions?: React.ReactNode;
 }

package/expandable-section/interfaces.js.map CHANGED Viewed

	@@ -1 +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 '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n export type Variant = 'default' \| 'footer' \| 'container' \| 'navigation' \| 'stacked';\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 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 * @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 container variant.\n */\n headerActions?: React.ReactNode;\n}\n"]}
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 '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n export type Variant = 'default' \| 'footer' \| 'container' \| 'navigation' \| 'stacked';\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 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 * @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/styles.css.js CHANGED Viewed

@@ -1,37 +1,37 @@
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_gwq0h_8rjzz_101",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_8rjzz_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_8rjzz_123",
-  "icon": "awsui_icon_gwq0h_8rjzz_137",
-  "root": "awsui_root_gwq0h_8rjzz_155",
-  "expand-button": "awsui_expand-button_gwq0h_8rjzz_193",
-  "expanded": "awsui_expanded_gwq0h_8rjzz_201",
-  "icon-container": "awsui_icon-container_gwq0h_8rjzz_211",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_8rjzz_215",
-  "wrapper": "awsui_wrapper_gwq0h_8rjzz_219",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_8rjzz_227",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_8rjzz_227",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_8rjzz_231",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_8rjzz_234",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_8rjzz_238",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_8rjzz_251",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_8rjzz_273",
-  "header": "awsui_header_gwq0h_8rjzz_251",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_8rjzz_293",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_8rjzz_305",
-  "header-button": "awsui_header-button_gwq0h_8rjzz_310",
-  "header-container-button": "awsui_header-container-button_gwq0h_8rjzz_310",
-  "header-container": "awsui_header-container_gwq0h_8rjzz_310",
-  "header-navigation": "awsui_header-navigation_gwq0h_8rjzz_345",
-  "header-text": "awsui_header-text_gwq0h_8rjzz_382",
-  "content": "awsui_content_gwq0h_8rjzz_101",
-  "content-default": "awsui_content-default_gwq0h_8rjzz_389",
-  "content-footer": "awsui_content-footer_gwq0h_8rjzz_393",
-  "content-expanded": "awsui_content-expanded_gwq0h_8rjzz_397",
-  "content-compact": "awsui_content-compact_gwq0h_8rjzz_400",
-  "focusable": "awsui_focusable_gwq0h_8rjzz_404",
-  "click-target": "awsui_click-target_gwq0h_8rjzz_419"
+  "content-enter": "awsui_content-enter_gwq0h_16fk7_101",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_16fk7_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_16fk7_123",
+  "icon": "awsui_icon_gwq0h_16fk7_137",
+  "root": "awsui_root_gwq0h_16fk7_155",
+  "expand-button": "awsui_expand-button_gwq0h_16fk7_193",
+  "expanded": "awsui_expanded_gwq0h_16fk7_201",
+  "icon-container": "awsui_icon-container_gwq0h_16fk7_211",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_16fk7_215",
+  "wrapper": "awsui_wrapper_gwq0h_16fk7_219",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_16fk7_227",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_16fk7_227",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_16fk7_231",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_16fk7_234",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_16fk7_238",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_16fk7_251",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_16fk7_273",
+  "header": "awsui_header_gwq0h_16fk7_251",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_16fk7_293",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_16fk7_305",
+  "header-button": "awsui_header-button_gwq0h_16fk7_311",
+  "header-container-button": "awsui_header-container-button_gwq0h_16fk7_311",
+  "header-container": "awsui_header-container_gwq0h_16fk7_311",
+  "header-navigation": "awsui_header-navigation_gwq0h_16fk7_346",
+  "header-text": "awsui_header-text_gwq0h_16fk7_383",
+  "content": "awsui_content_gwq0h_16fk7_101",
+  "content-default": "awsui_content-default_gwq0h_16fk7_396",
+  "content-footer": "awsui_content-footer_gwq0h_16fk7_400",
+  "content-expanded": "awsui_content-expanded_gwq0h_16fk7_404",
+  "content-compact": "awsui_content-compact_gwq0h_16fk7_407",
+  "focusable": "awsui_focusable_gwq0h_16fk7_411",
+  "click-target": "awsui_click-target_gwq0h_16fk7_426"
 };

package/expandable-section/styles.scoped.css CHANGED Viewed

@@ -98,10 +98,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_8rjzz_101:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_8rjzz_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
+.awsui_content-enter_gwq0h_16fk7_101:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_16fk7_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_8rjzz_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_16fk7_1 {
   from {
     opacity: 0.2;
   }
@@ -110,40 +110,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_8rjzz_101:not(#\9) {
+  .awsui_content-enter_gwq0h_16fk7_101:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_8rjzz_101:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_8rjzz_101:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_16fk7_101:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_16fk7_101:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_trigger-expanded_gwq0h_8rjzz_123:not(#\9) {
+.awsui_trigger-expanded_gwq0h_16fk7_123:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_8rjzz_123:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_16fk7_123:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_8rjzz_123:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_8rjzz_123:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_16fk7_123:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_16fk7_123:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_icon_gwq0h_8rjzz_137:not(#\9) {
+.awsui_icon_gwq0h_16fk7_137:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-4ry26y, 135ms) var(--motion-easing-rotate-90-sb4dk7, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_8rjzz_137:not(#\9) {
+  .awsui_icon_gwq0h_16fk7_137:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_8rjzz_137:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_8rjzz_137:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_16fk7_137:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_16fk7_137:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -152,7 +152,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gwq0h_8rjzz_155:not(#\9) {
+.awsui_root_gwq0h_16fk7_155:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -191,33 +191,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
-.awsui_expand-button_gwq0h_8rjzz_193:not(#\9) {
+.awsui_expand-button_gwq0h_16fk7_193:not(#\9) {
   outline: none;
 }
-.awsui_icon_gwq0h_8rjzz_137:not(#\9) {
+.awsui_icon_gwq0h_16fk7_137:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_8rjzz_137.awsui_expanded_gwq0h_8rjzz_201:not(#\9) {
+.awsui_icon_gwq0h_16fk7_137.awsui_expanded_gwq0h_16fk7_201:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_8rjzz_137:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_16fk7_137:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_8rjzz_137:not(#\9):dir(rtl).awsui_expanded_gwq0h_8rjzz_201 {
+.awsui_icon_gwq0h_16fk7_137:not(#\9):dir(rtl).awsui_expanded_gwq0h_16fk7_201 {
   transform: rotate(0deg);
 }
-.awsui_icon-container_gwq0h_8rjzz_211:not(#\9) {
+.awsui_icon-container_gwq0h_16fk7_211:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2) calc(var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
 }
-.awsui_icon-container-container_gwq0h_8rjzz_215:not(#\9) {
+.awsui_icon-container-container_gwq0h_16fk7_215:not(#\9) {
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_wrapper_gwq0h_8rjzz_219:not(#\9) {
+.awsui_wrapper_gwq0h_16fk7_219:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -225,77 +225,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-30ar75, 20px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_8rjzz_227:not(#\9), .awsui_wrapper-footer_gwq0h_8rjzz_227:not(#\9) {
+.awsui_wrapper-default_gwq0h_16fk7_227:not(#\9), .awsui_wrapper-footer_gwq0h_16fk7_227:not(#\9) {
   border-block: var(--border-divider-section-width-1061zr, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-1061zr, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_8rjzz_231:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_16fk7_231:not(#\9) {
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_8rjzz_231:not(#\9), .awsui_wrapper-container_gwq0h_8rjzz_234:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_16fk7_231:not(#\9), .awsui_wrapper-container_gwq0h_16fk7_234:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
 }
-.awsui_wrapper-default_gwq0h_8rjzz_227:not(#\9), .awsui_wrapper-navigation_gwq0h_8rjzz_231:not(#\9), .awsui_wrapper-footer_gwq0h_8rjzz_227:not(#\9), .awsui_wrapper-compact_gwq0h_8rjzz_238:not(#\9) {
+.awsui_wrapper-default_gwq0h_16fk7_227:not(#\9), .awsui_wrapper-navigation_gwq0h_16fk7_231:not(#\9), .awsui_wrapper-footer_gwq0h_16fk7_227:not(#\9), .awsui_wrapper-compact_gwq0h_16fk7_238:not(#\9) {
   color: var(--color-text-expandable-section-default-djhi83, #000716);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_wrapper-default_gwq0h_8rjzz_227:not(#\9), .awsui_wrapper-navigation_gwq0h_8rjzz_231:not(#\9), .awsui_wrapper-footer_gwq0h_8rjzz_227:not(#\9) {
+.awsui_wrapper-default_gwq0h_16fk7_227:not(#\9), .awsui_wrapper-navigation_gwq0h_16fk7_231:not(#\9), .awsui_wrapper-footer_gwq0h_16fk7_227:not(#\9) {
   font-size: var(--font-expandable-heading-size-smdiul, 16px);
   letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
 }
-.awsui_wrapper-default_gwq0h_8rjzz_227:not(#\9) {
+.awsui_wrapper-default_gwq0h_16fk7_227:not(#\9) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_wrapper-default_gwq0h_8rjzz_227.awsui_header-deprecated_gwq0h_8rjzz_251:not(#\9) {
+.awsui_wrapper-default_gwq0h_16fk7_227.awsui_header-deprecated_gwq0h_16fk7_251:not(#\9) {
   padding-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_wrapper-default_gwq0h_8rjzz_227:not(#\9):not(.awsui_header-deprecated_gwq0h_8rjzz_251) {
+.awsui_wrapper-default_gwq0h_16fk7_227:not(#\9):not(.awsui_header-deprecated_gwq0h_16fk7_251) {
   padding-inline-start: calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
 }
-.awsui_wrapper-footer_gwq0h_8rjzz_227:not(#\9) {
+.awsui_wrapper-footer_gwq0h_16fk7_227:not(#\9) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_wrapper-footer_gwq0h_8rjzz_227:not(#\9), .awsui_wrapper-compact_gwq0h_8rjzz_238:not(#\9) {
+.awsui_wrapper-footer_gwq0h_16fk7_227:not(#\9), .awsui_wrapper-compact_gwq0h_16fk7_238:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_8rjzz_227.awsui_header-deprecated_gwq0h_8rjzz_251:not(#\9), .awsui_wrapper-compact_gwq0h_8rjzz_238.awsui_header-deprecated_gwq0h_8rjzz_251:not(#\9) {
+.awsui_wrapper-footer_gwq0h_16fk7_227.awsui_header-deprecated_gwq0h_16fk7_251:not(#\9), .awsui_wrapper-compact_gwq0h_16fk7_238.awsui_header-deprecated_gwq0h_16fk7_251:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_8rjzz_227:not(#\9):not(.awsui_header-deprecated_gwq0h_8rjzz_251), .awsui_wrapper-compact_gwq0h_8rjzz_238:not(#\9):not(.awsui_header-deprecated_gwq0h_8rjzz_251) {
+.awsui_wrapper-footer_gwq0h_16fk7_227:not(#\9):not(.awsui_header-deprecated_gwq0h_16fk7_251), .awsui_wrapper-compact_gwq0h_16fk7_238:not(#\9):not(.awsui_header-deprecated_gwq0h_16fk7_251) {
   padding-inline-start: calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
 }
-.awsui_wrapper-container_gwq0h_8rjzz_234:not(#\9) {
+.awsui_wrapper-container_gwq0h_16fk7_234:not(#\9) {
   padding-block: var(--space-container-header-top-5qav00, 12px) var(--space-container-header-bottom-vj01hn, 8px);
   padding-inline-end: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_wrapper-container_gwq0h_8rjzz_234:not(#\9):not(.awsui_wrapper-expanded_gwq0h_8rjzz_273) {
+.awsui_wrapper-container_gwq0h_16fk7_234:not(#\9):not(.awsui_wrapper-expanded_gwq0h_16fk7_273) {
   padding-block-end: var(--space-container-header-top-5qav00, 12px);
 }
-.awsui_wrapper-container_gwq0h_8rjzz_234.awsui_header-deprecated_gwq0h_8rjzz_251:not(#\9) {
+.awsui_wrapper-container_gwq0h_16fk7_234.awsui_header-deprecated_gwq0h_16fk7_251:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_wrapper-container_gwq0h_8rjzz_234:not(#\9):not(.awsui_header-deprecated_gwq0h_8rjzz_251) {
+.awsui_wrapper-container_gwq0h_16fk7_234:not(#\9):not(.awsui_header-deprecated_gwq0h_16fk7_251) {
   padding-inline-start: calc(var(--space-container-horizontal-wfukh3, 20px) + calc(var(--size-icon-medium-y9xuoq, 20px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xs-zb16t3, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_8rjzz_234:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_16fk7_234:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-aqzyko, 12px) - var(--border-divider-section-width-1061zr, 1px));
   padding-inline: calc(var(--space-l-t419sm, 20px) - var(--border-divider-section-width-1061zr, 1px));
 }
-.awsui_wrapper-default_gwq0h_8rjzz_227.awsui_wrapper-expanded_gwq0h_8rjzz_273:not(#\9) {
+.awsui_wrapper-default_gwq0h_16fk7_227.awsui_wrapper-expanded_gwq0h_16fk7_273:not(#\9) {
   border-block-end-color: var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_header_gwq0h_8rjzz_251:not(#\9) {
+.awsui_header_gwq0h_16fk7_251:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_8rjzz_293:not(#\9), .awsui_header-deprecated_gwq0h_8rjzz_251:not(#\9) {
+.awsui_header-wrapper_gwq0h_16fk7_293:not(#\9), .awsui_header-deprecated_gwq0h_16fk7_251:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-cwn6wc, 700);
 }
-.awsui_header-wrapper_gwq0h_8rjzz_293:not(#\9) {
+.awsui_header-wrapper_gwq0h_16fk7_293:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -303,19 +303,20 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_8rjzz_234:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_8rjzz_305:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_16fk7_305:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  align-items: center;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_8rjzz_310:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_8rjzz_310:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_16fk7_311:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_16fk7_311:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_8rjzz_310:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_8rjzz_310:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_16fk7_311:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_16fk7_311:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_8rjzz_310:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_8rjzz_310:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_16fk7_311:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_16fk7_311:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -329,21 +330,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_8rjzz_310:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_header-button_gwq0h_8rjzz_310:not(#\9) {
+.awsui_header-button_gwq0h_16fk7_311:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px)));
 }
-.awsui_header-container-button_gwq0h_8rjzz_310:not(#\9) {
+.awsui_header-container-button_gwq0h_16fk7_311:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-y9xuoq, 20px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xs-zb16t3, 8px)));
 }
-.awsui_header-container_gwq0h_8rjzz_310:not(#\9) {
+.awsui_header-container_gwq0h_16fk7_311:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_8rjzz_310 > .awsui_icon-container_gwq0h_8rjzz_211:not(#\9) {
+.awsui_header-container_gwq0h_16fk7_311 > .awsui_icon-container_gwq0h_16fk7_211:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-ekk5vc, 4px);
 }
-.awsui_header-navigation_gwq0h_8rjzz_345 > .awsui_icon-container_gwq0h_8rjzz_211:not(#\9) {
+.awsui_header-navigation_gwq0h_16fk7_346 > .awsui_icon-container_gwq0h_16fk7_211:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-htcovl, #414d5c);
@@ -356,17 +357,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_8rjzz_310:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_8rjzz_345 > .awsui_icon-container_gwq0h_8rjzz_211:not(#\9):hover {
+.awsui_header-navigation_gwq0h_16fk7_346 > .awsui_icon-container_gwq0h_16fk7_211:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-2d1zpj, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_8rjzz_345 > .awsui_icon-container_gwq0h_8rjzz_211:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_16fk7_346 > .awsui_icon-container_gwq0h_16fk7_211:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_8rjzz_345 > .awsui_icon-container_gwq0h_8rjzz_211:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_16fk7_346 > .awsui_icon-container_gwq0h_16fk7_211:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_8rjzz_345 > .awsui_icon-container_gwq0h_8rjzz_211:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_16fk7_346 > .awsui_icon-container_gwq0h_16fk7_211:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -380,33 +381,39 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_8rjzz_345 > .
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_header-text_gwq0h_8rjzz_382:not(#\9) {
+.awsui_header-text_gwq0h_16fk7_383:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content_gwq0h_8rjzz_101:not(#\9) {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_16fk7_238) > .awsui_header-actions-wrapper_gwq0h_16fk7_305 {
+  flex-wrap: wrap;
+  column-gap: var(--space-xs-zb16t3, 8px);
+  row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
+}
+.awsui_content_gwq0h_16fk7_101:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_8rjzz_389:not(#\9) {
+.awsui_content-default_gwq0h_16fk7_396:not(#\9) {
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_8rjzz_393:not(#\9) {
+.awsui_content-footer_gwq0h_16fk7_400:not(#\9) {
   padding-block: var(--space-xs-zb16t3, 8px);
   padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_8rjzz_397:not(#\9) {
+.awsui_content-expanded_gwq0h_16fk7_404:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_8rjzz_400:not(#\9) {
+.awsui_content-compact_gwq0h_16fk7_407:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-0m1722, 16px) + (var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
 }
-.awsui_focusable_gwq0h_8rjzz_404:not(#\9):focus {
+.awsui_focusable_gwq0h_16fk7_411:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_8rjzz_404:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_16fk7_411:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
@@ -417,9 +424,9 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_8rjzz_404:not(#\9):fo
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_click-target_gwq0h_8rjzz_419:not(#\9) {
+.awsui_click-target_gwq0h_16fk7_426:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_8rjzz_419:not(#\9):not(.awsui_wrapper-container_gwq0h_8rjzz_234):not(.awsui_header-container-button_gwq0h_8rjzz_310):hover {
+.awsui_click-target_gwq0h_16fk7_426:not(#\9):not(.awsui_wrapper-container_gwq0h_16fk7_234):not(.awsui_header-container-button_gwq0h_16fk7_311):hover {
   color: var(--color-text-expandable-section-hover-2d1zpj, #0972d3);
 }

package/expandable-section/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_8rjzz_101",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_8rjzz_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_8rjzz_123",
-  "icon": "awsui_icon_gwq0h_8rjzz_137",
-  "root": "awsui_root_gwq0h_8rjzz_155",
-  "expand-button": "awsui_expand-button_gwq0h_8rjzz_193",
-  "expanded": "awsui_expanded_gwq0h_8rjzz_201",
-  "icon-container": "awsui_icon-container_gwq0h_8rjzz_211",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_8rjzz_215",
-  "wrapper": "awsui_wrapper_gwq0h_8rjzz_219",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_8rjzz_227",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_8rjzz_227",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_8rjzz_231",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_8rjzz_234",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_8rjzz_238",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_8rjzz_251",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_8rjzz_273",
-  "header": "awsui_header_gwq0h_8rjzz_251",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_8rjzz_293",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_8rjzz_305",
-  "header-button": "awsui_header-button_gwq0h_8rjzz_310",
-  "header-container-button": "awsui_header-container-button_gwq0h_8rjzz_310",
-  "header-container": "awsui_header-container_gwq0h_8rjzz_310",
-  "header-navigation": "awsui_header-navigation_gwq0h_8rjzz_345",
-  "header-text": "awsui_header-text_gwq0h_8rjzz_382",
-  "content": "awsui_content_gwq0h_8rjzz_101",
-  "content-default": "awsui_content-default_gwq0h_8rjzz_389",
-  "content-footer": "awsui_content-footer_gwq0h_8rjzz_393",
-  "content-expanded": "awsui_content-expanded_gwq0h_8rjzz_397",
-  "content-compact": "awsui_content-compact_gwq0h_8rjzz_400",
-  "focusable": "awsui_focusable_gwq0h_8rjzz_404",
-  "click-target": "awsui_click-target_gwq0h_8rjzz_419"
+  "content-enter": "awsui_content-enter_gwq0h_16fk7_101",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_16fk7_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_16fk7_123",
+  "icon": "awsui_icon_gwq0h_16fk7_137",
+  "root": "awsui_root_gwq0h_16fk7_155",
+  "expand-button": "awsui_expand-button_gwq0h_16fk7_193",
+  "expanded": "awsui_expanded_gwq0h_16fk7_201",
+  "icon-container": "awsui_icon-container_gwq0h_16fk7_211",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_16fk7_215",
+  "wrapper": "awsui_wrapper_gwq0h_16fk7_219",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_16fk7_227",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_16fk7_227",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_16fk7_231",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_16fk7_234",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_16fk7_238",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_16fk7_251",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_16fk7_273",
+  "header": "awsui_header_gwq0h_16fk7_251",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_16fk7_293",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_16fk7_305",
+  "header-button": "awsui_header-button_gwq0h_16fk7_311",
+  "header-container-button": "awsui_header-container-button_gwq0h_16fk7_311",
+  "header-container": "awsui_header-container_gwq0h_16fk7_311",
+  "header-navigation": "awsui_header-navigation_gwq0h_16fk7_346",
+  "header-text": "awsui_header-text_gwq0h_16fk7_383",
+  "content": "awsui_content_gwq0h_16fk7_101",
+  "content-default": "awsui_content-default_gwq0h_16fk7_396",
+  "content-footer": "awsui_content-footer_gwq0h_16fk7_400",
+  "content-expanded": "awsui_content-expanded_gwq0h_16fk7_404",
+  "content-compact": "awsui_content-compact_gwq0h_16fk7_407",
+  "focusable": "awsui_focusable_gwq0h_16fk7_411",
+  "click-target": "awsui_click-target_gwq0h_16fk7_426"
 };

package/expandable-section/utils.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { InternalVariant } from './interfaces';
 export declare function variantSupportsDescription(variant: InternalVariant): boolean;
-export declare function variantSupportsInteractiveElements(variant: InternalVariant): boolean;
+export declare function variantSupportsActions(variant: InternalVariant): boolean;
+export declare function variantSupportsInfoLink(variant: InternalVariant): boolean;
 //# sourceMappingURL=utils.d.ts.map

package/expandable-section/utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,eAAe,WAElE;AAED,wBAAgB,~~kCAAkC~~,CAAC,OAAO,EAAE,eAAe,~~WAE1E~~"}
1	+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,eAAe,WAElE;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,eAAe,WAE9D;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,eAAe,WAE/D"}

package/expandable-section/utils.js CHANGED Viewed

@@ -1,7 +1,10 @@
 export function variantSupportsDescription(variant) {
     return ['container', 'default', 'footer'].includes(variant);
 }
-export function variantSupportsInteractiveElements(variant) {
+export function variantSupportsActions(variant) {
+    return ['container', 'compact', 'default'].includes(variant);
+}
+export function variantSupportsInfoLink(variant) {
     return ['container', 'compact'].includes(variant);
 }
 //# sourceMappingURL=utils.js.map

package/expandable-section/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/expandable-section/utils.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,0BAA0B,CAAC,OAAwB;IACjE,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,~~kCAAkC~~,CAAC,OAAwB;~~IACzE~~,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACpD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InternalVariant } from './interfaces';\n\nexport function variantSupportsDescription(variant: InternalVariant) {\n return ['container', 'default', 'footer'].includes(variant);\n}\n\nexport function ~~variantSupportsInteractiveElements~~(variant: InternalVariant) {\n return ['container', 'compact'].includes(variant);\n}\n"]}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/expandable-section/utils.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,0BAA0B,CAAC,OAAwB;IACjE,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,OAAwB;IAC7D,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,OAAwB;IAC9D,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACpD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InternalVariant } from './interfaces';\n\nexport function variantSupportsDescription(variant: InternalVariant) {\n return ['container', 'default', 'footer'].includes(variant);\n}\n\nexport function variantSupportsActions(variant: InternalVariant) {\n return ['container', 'compact', 'default'].includes(variant);\n}\n\nexport function variantSupportsInfoLink(variant: InternalVariant) {\n return ['container', 'compact'].includes(variant);\n}\n"]}

package/internal/environment.js CHANGED Viewed

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

package/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (3f45c5e0)",
+  "PACKAGE_VERSION": "3.0.0 (afaf6407)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "3f45c5e0b6a4e28361676dfcbdcc7edf03a4ee9c"
+  "commit": "afaf640723c2e9411b1b99fa52e897953aa895c3"
 }

package/package.json CHANGED Viewed

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