npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1329 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1329

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 (211) hide show

package/lib/internal/template/flashbar/styles.selectors.js CHANGED Viewed

@@ -2,55 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_my9pl_157",
-  "enter": "awsui_enter_1q84n_my9pl_157",
-  "flash-body": "awsui_flash-body_1q84n_my9pl_171",
-  "flash-message": "awsui_flash-message_1q84n_my9pl_171",
-  "flash-header": "awsui_flash-header_1q84n_my9pl_171",
-  "flash-content": "awsui_flash-content_1q84n_my9pl_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_my9pl_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_my9pl_174",
-  "flash-icon": "awsui_flash-icon_1q84n_my9pl_197",
-  "entering": "awsui_entering_1q84n_my9pl_210",
-  "entered": "awsui_entered_1q84n_my9pl_231",
-  "exiting": "awsui_exiting_1q84n_my9pl_336",
-  "stack": "awsui_stack_1q84n_my9pl_370",
-  "animation-running": "awsui_animation-running_1q84n_my9pl_370",
-  "item": "awsui_item_1q84n_my9pl_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_my9pl_371",
-  "notification-bar": "awsui_notification-bar_1q84n_my9pl_372",
-  "collapsed": "awsui_collapsed_1q84n_my9pl_392",
-  "animation-ready": "awsui_animation-ready_1q84n_my9pl_392",
-  "expanded-only": "awsui_expanded-only_1q84n_my9pl_392",
-  "expanded": "awsui_expanded_1q84n_my9pl_392",
-  "flash": "awsui_flash_1q84n_my9pl_157",
-  "collapsible": "awsui_collapsible_1q84n_my9pl_448",
-  "short-list": "awsui_short-list_1q84n_my9pl_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_my9pl_454",
-  "status": "awsui_status_1q84n_my9pl_601",
-  "header": "awsui_header_1q84n_my9pl_601",
-  "item-count": "awsui_item-count_1q84n_my9pl_602",
-  "button": "awsui_button_1q84n_my9pl_603",
-  "type-count": "awsui_type-count_1q84n_my9pl_636",
-  "count-number": "awsui_count-number_1q84n_my9pl_636",
-  "icon": "awsui_icon_1q84n_my9pl_674",
-  "floating": "awsui_floating_1q84n_my9pl_715",
-  "flashbar": "awsui_flashbar_1q84n_my9pl_719",
-  "initial-hidden": "awsui_initial-hidden_1q84n_my9pl_779",
-  "flash-list": "awsui_flash-list_1q84n_my9pl_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_my9pl_803",
-  "flash-text": "awsui_flash-text_1q84n_my9pl_833",
-  "hidden": "awsui_hidden_1q84n_my9pl_852",
-  "header-replacement": "awsui_header-replacement_1q84n_my9pl_857",
-  "content-replacement": "awsui_content-replacement_1q84n_my9pl_862",
-  "dismiss-button": "awsui_dismiss-button_1q84n_my9pl_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_my9pl_880",
-  "action-button": "awsui_action-button_1q84n_my9pl_173",
-  "action-slot": "awsui_action-slot_1q84n_my9pl_887",
-  "flash-type-success": "awsui_flash-type-success_1q84n_my9pl_891",
-  "flash-type-error": "awsui_flash-type-error_1q84n_my9pl_899",
-  "flash-type-info": "awsui_flash-type-info_1q84n_my9pl_907",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_my9pl_908",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_my9pl_917"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1ugl2_157",
+  "enter": "awsui_enter_1q84n_1ugl2_157",
+  "flash-body": "awsui_flash-body_1q84n_1ugl2_171",
+  "flash-message": "awsui_flash-message_1q84n_1ugl2_171",
+  "flash-header": "awsui_flash-header_1q84n_1ugl2_171",
+  "flash-content": "awsui_flash-content_1q84n_1ugl2_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1ugl2_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1ugl2_174",
+  "flash-icon": "awsui_flash-icon_1q84n_1ugl2_197",
+  "entering": "awsui_entering_1q84n_1ugl2_210",
+  "entered": "awsui_entered_1q84n_1ugl2_231",
+  "exiting": "awsui_exiting_1q84n_1ugl2_336",
+  "stack": "awsui_stack_1q84n_1ugl2_370",
+  "animation-running": "awsui_animation-running_1q84n_1ugl2_370",
+  "item": "awsui_item_1q84n_1ugl2_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1ugl2_371",
+  "notification-bar": "awsui_notification-bar_1q84n_1ugl2_372",
+  "collapsed": "awsui_collapsed_1q84n_1ugl2_392",
+  "animation-ready": "awsui_animation-ready_1q84n_1ugl2_392",
+  "expanded-only": "awsui_expanded-only_1q84n_1ugl2_392",
+  "expanded": "awsui_expanded_1q84n_1ugl2_392",
+  "flash": "awsui_flash_1q84n_1ugl2_157",
+  "collapsible": "awsui_collapsible_1q84n_1ugl2_448",
+  "short-list": "awsui_short-list_1q84n_1ugl2_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1ugl2_454",
+  "status": "awsui_status_1q84n_1ugl2_601",
+  "header": "awsui_header_1q84n_1ugl2_601",
+  "item-count": "awsui_item-count_1q84n_1ugl2_602",
+  "button": "awsui_button_1q84n_1ugl2_603",
+  "type-count": "awsui_type-count_1q84n_1ugl2_636",
+  "count-number": "awsui_count-number_1q84n_1ugl2_636",
+  "icon": "awsui_icon_1q84n_1ugl2_674",
+  "floating": "awsui_floating_1q84n_1ugl2_715",
+  "flashbar": "awsui_flashbar_1q84n_1ugl2_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1ugl2_779",
+  "flash-list": "awsui_flash-list_1q84n_1ugl2_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1ugl2_803",
+  "flash-text": "awsui_flash-text_1q84n_1ugl2_833",
+  "hidden": "awsui_hidden_1q84n_1ugl2_852",
+  "header-replacement": "awsui_header-replacement_1q84n_1ugl2_857",
+  "content-replacement": "awsui_content-replacement_1q84n_1ugl2_862",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1ugl2_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1ugl2_880",
+  "action-button": "awsui_action-button_1q84n_1ugl2_173",
+  "action-slot": "awsui_action-slot_1q84n_1ugl2_887",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1ugl2_891",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1ugl2_899",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1ugl2_907",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1ugl2_908",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1ugl2_917"
 };

package/lib/internal/template/header/internal.d.ts CHANGED Viewed

@@ -6,8 +6,9 @@ interface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, Inte
     __disableActionsWrapping?: boolean;
     __headingTagRef?: MutableRefObject<HTMLHeadingElement | null>;
     __headingTagTabIndex?: number;
+    __inExpandableSection?: boolean;
 }
-export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, ...restProps }: InternalHeaderProps): JSX.Element;
+export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, __inExpandableSection, ...restProps }: InternalHeaderProps): JSX.Element;
 export declare function Description({ children, variantOverride }: {
     children: React.ReactNode;
     variantOverride: string;

package/lib/internal/template/header/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAY5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;~~CAC/B~~;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,mBAAmB,~~eAoFrB~~;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,sBAgBhH"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAY5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,GAAG,SAAS,EACb,EAAE,mBAAmB,eA2FrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,sBAgBhH"}

package/lib/internal/template/header/internal.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { useTableIntegration } from './analytics/use-table-integration';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
-export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, ...restProps }) {
+export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, __inExpandableSection, ...restProps }) {
     const isMobile = useMobile();
     const HeadingTag = headingTagOverride !== null && headingTagOverride !== void 0 ? headingTagOverride : (variant === 'awsui-h1-sticky' ? 'h1' : variant);
     const { isStuck } = useContext(StickyHeaderContext);
@@ -33,7 +33,7 @@ export default function InternalHeader({ variant, headingTagOverride, children,
     const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;
     return (React.createElement("div", { ...baseProps, className: clsx(styles.root, baseProps.className, styles[`root-variant-${variantOverride}`], isRefresh && styles.refresh, !actions && [styles[`root-no-actions`]], description && [styles[`root-has-description`]]), ref: __internalRootRef },
         React.createElement("div", { className: clsx(styles.main, styles[`main-variant-${variantOverride}`], isRefresh && styles.refresh, __disableActionsWrapping && [styles['no-wrap']]) },
-            React.createElement("div", { className: clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh) },
+            React.createElement("div", { className: clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh, __inExpandableSection && styles['title-in-expandable-section']) },
                 React.createElement(HeadingTag, { className: clsx(styles.heading, styles[`heading-variant-${variantOverride}`]), ref: __headingTagRef, tabIndex: __headingTagTabIndex, ...getAnalyticsLabelAttribute(`.${analyticsSelectors['heading-text']}`) },
                     React.createElement("span", { ...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {}), className: clsx(styles['heading-text'], analyticsSelectors['heading-text'], styles[`heading-text-variant-${variantOverride}`]), id: headingId }, children),
                     counter !== undefined && React.createElement("span", { className: styles.counter },

package/lib/internal/template/header/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAoB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,kEAAkE,CAAC;AAE9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAQrC~~,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,GAAG,SAAS,EACQ;IACpB,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,UAAU,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1F,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC;IACnE,MAAM,aAAa,GAAG,kBAAkB,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAEzC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE7B,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QACjC,cAAc,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,8FAA8F;IAC9F,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,MAAM,eAAe,GAAG,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtG,OAAO,CACL,gCACM,SAAS,EACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,gBAAgB,eAAe,EAAE,CAAC,EACzC,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EACvC,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAChD,EACD,GAAG,EAAE,iBAAiB;QAEtB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,gBAAgB,eAAe,EAAE,CAAC,EACzC,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,wBAAwB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAChD;YAED,~~6BAAK~~,SAAS,EAAE,IAAI,~~CAAC~~,MAAM,CAAC,KAAK,~~EAAE~~,MAAM,CAAC,iBAAiB,eAAe,EAAE,CAAC,~~EAAE~~,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC;~~gBACzG~~,oBAAC,UAAU,IACT,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,mBAAmB,eAAe,EAAE,CAAC,CAAC,EAC7E,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,oBAAoB,KAC1B,0BAA0B,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;oBAExE,iCACM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,oBAAoB,CAAC,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9E,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,cAAc,CAAC,EACtB,kBAAkB,CAAC,cAAc,CAAC,EAClC,MAAM,CAAC,wBAAwB,eAAe,EAAE,CAAC,CAClD,EACD,EAAE,EAAE,SAAS,IAEZ,QAAQ,CACJ;oBACN,OAAO,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO;;wBAAI,OAAO,CAAQ,CACjE;gBACZ,IAAI,IAAI,CACP,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS;oBAE7C,8BAAM,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,cAAgB;oBACxD,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACb,CACjC,CACG;YACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,mBAAmB,eAAe,EAAE,CAAC,EAC5C,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,CAAC,wBAAwB,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAC1D,IAEA,OAAO,CACJ,CACP,CACG;QACN,oBAAC,WAAW,IAAC,eAAe,EAAE,eAAe,IAAG,WAAW,CAAe,CACtE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAA0D;IAC/G,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,CACL,CAAC,QAAQ,IAAI,CACX,2BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,uBAAuB,eAAe,EAAE,CAAC,EAChD,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,IAEA,QAAQ,CACP,CACL,CAAC;QACF,IAAI,CACL,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { MutableRefObject, useContext } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useContainerHeader } from '../internal/context/container-header';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport { useTableIntegration } from './analytics/use-table-integration';\nimport { HeaderProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n __headingTagRef?: MutableRefObject<HTMLHeadingElement \| null>;\n __headingTagTabIndex?: number;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef,\n __disableActionsWrapping,\n __headingTagRef,\n __headingTagTabIndex,\n ...restProps\n}: InternalHeaderProps) {\n const isMobile = useMobile();\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const assignHeaderId = useContext(CollectionLabelContext).assignId;\n const isInContainer = useContainerHeader();\n const headingId = useUniqueId('heading');\n\n useTableIntegration(counter);\n\n if (assignHeaderId !== undefined) {\n assignHeaderId(headingId);\n }\n // If is mobile there is no need to have the dynamic variant because it's scrolled out of view\n const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __disableActionsWrapping && [styles['no-wrap']]\n )}\n >\n <div className={clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh)}>\n <HeadingTag\n className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}\n ref={__headingTagRef}\n tabIndex={__headingTagTabIndex}\n {...getAnalyticsLabelAttribute(`.${analyticsSelectors['heading-text']}`)}\n >\n <span\n {...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n className={clsx(\n styles['heading-text'],\n analyticsSelectors['heading-text'],\n styles[`heading-text-variant-${variantOverride}`]\n )}\n id={headingId}\n >\n {children}\n </span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n {info && (\n <InfoLinkLabelContext.Provider value={headingId}>\n {/* Exists to create a space between heading text and info so that a double-click selection on the last word of the heading doesn't also include info */}\n <span className={styles['virtual-space']}>  </span>\n <span className={styles.info}>{info}</span>\n </InfoLinkLabelContext.Provider>\n )}\n </div>\n {actions && (\n <div\n className={clsx(\n styles.actions,\n styles[`actions-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !__disableActionsWrapping && [styles['actions-centered']]\n )}\n >\n {actions}\n </div>\n )}\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) \|\|\n null\n );\n}\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/header/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, { MutableRefObject, useContext } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsLabelAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useContainerHeader } from '../internal/context/container-header';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport { useTableIntegration } from './analytics/use-table-integration';\nimport { HeaderProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n __headingTagRef?: MutableRefObject<HTMLHeadingElement \| null>;\n __headingTagTabIndex?: number;\n __inExpandableSection?: boolean;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef,\n __disableActionsWrapping,\n __headingTagRef,\n __headingTagTabIndex,\n __inExpandableSection,\n ...restProps\n}: InternalHeaderProps) {\n const isMobile = useMobile();\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const assignHeaderId = useContext(CollectionLabelContext).assignId;\n const isInContainer = useContainerHeader();\n const headingId = useUniqueId('heading');\n\n useTableIntegration(counter);\n\n if (assignHeaderId !== undefined) {\n assignHeaderId(headingId);\n }\n // If is mobile there is no need to have the dynamic variant because it's scrolled out of view\n const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __disableActionsWrapping && [styles['no-wrap']]\n )}\n >\n <div\n className={clsx(\n styles.title,\n styles[`title-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n __inExpandableSection && styles['title-in-expandable-section']\n )}\n >\n <HeadingTag\n className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}\n ref={__headingTagRef}\n tabIndex={__headingTagTabIndex}\n {...getAnalyticsLabelAttribute(`.${analyticsSelectors['heading-text']}`)}\n >\n <span\n {...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n className={clsx(\n styles['heading-text'],\n analyticsSelectors['heading-text'],\n styles[`heading-text-variant-${variantOverride}`]\n )}\n id={headingId}\n >\n {children}\n </span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n {info && (\n <InfoLinkLabelContext.Provider value={headingId}>\n {/* Exists to create a space between heading text and info so that a double-click selection on the last word of the heading doesn't also include info */}\n <span className={styles['virtual-space']}>  </span>\n <span className={styles.info}>{info}</span>\n </InfoLinkLabelContext.Provider>\n )}\n </div>\n {actions && (\n <div\n className={clsx(\n styles.actions,\n styles[`actions-variant-${variantOverride}`],\n isRefresh && styles.refresh,\n !__disableActionsWrapping && [styles['actions-centered']]\n )}\n >\n {actions}\n </div>\n )}\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) \|\|\n null\n );\n}\n"]}

package/lib/internal/template/header/styles.css.js CHANGED Viewed

@@ -1,39 +1,40 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_1oyci_185",
-  "refresh": "awsui_refresh_2qdw9_1oyci_221",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_1oyci_221",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1oyci_224",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1oyci_224",
-  "root-has-description": "awsui_root-has-description_2qdw9_1oyci_224",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1oyci_233",
-  "main": "awsui_main_2qdw9_1oyci_243",
-  "no-wrap": "awsui_no-wrap_2qdw9_1oyci_253",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1oyci_259",
-  "actions": "awsui_actions_2qdw9_1oyci_267",
-  "actions-centered": "awsui_actions-centered_2qdw9_1oyci_272",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1oyci_275",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1oyci_279",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1oyci_283",
-  "title": "awsui_title_2qdw9_1oyci_299",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1oyci_304",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1oyci_311",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1oyci_317",
-  "virtual-space": "awsui_virtual-space_2qdw9_1oyci_338",
-  "info": "awsui_info_2qdw9_1oyci_344",
-  "description": "awsui_description_2qdw9_1oyci_348",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1oyci_355",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1oyci_359",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1oyci_366",
-  "heading": "awsui_heading_2qdw9_1oyci_377",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1oyci_402",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1oyci_407",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1oyci_412",
-  "heading-text": "awsui_heading-text_2qdw9_1oyci_418",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1oyci_421",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1oyci_430",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1oyci_439",
-  "counter": "awsui_counter_2qdw9_1oyci_449"
+  "root": "awsui_root_2qdw9_upg98_189",
+  "refresh": "awsui_refresh_2qdw9_upg98_225",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_upg98_225",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_upg98_228",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_upg98_228",
+  "root-has-description": "awsui_root-has-description_2qdw9_upg98_228",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_upg98_237",
+  "main": "awsui_main_2qdw9_upg98_247",
+  "no-wrap": "awsui_no-wrap_2qdw9_upg98_257",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_upg98_263",
+  "actions": "awsui_actions_2qdw9_upg98_271",
+  "actions-centered": "awsui_actions-centered_2qdw9_upg98_276",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_upg98_279",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_upg98_283",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_upg98_287",
+  "title": "awsui_title_2qdw9_upg98_303",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_upg98_308",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_upg98_315",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_upg98_321",
+  "title-in-expandable-section": "awsui_title-in-expandable-section_2qdw9_upg98_334",
+  "virtual-space": "awsui_virtual-space_2qdw9_upg98_346",
+  "info": "awsui_info_2qdw9_upg98_352",
+  "description": "awsui_description_2qdw9_upg98_356",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_upg98_363",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_upg98_367",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_upg98_374",
+  "heading": "awsui_heading_2qdw9_upg98_385",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_upg98_410",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_upg98_415",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_upg98_420",
+  "heading-text": "awsui_heading-text_2qdw9_upg98_426",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_upg98_429",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_upg98_438",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_upg98_447",
+  "counter": "awsui_counter_2qdw9_upg98_457"
 };

package/lib/internal/template/header/styles.scoped.css CHANGED Viewed

@@ -182,7 +182,11 @@ 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_2qdw9_1oyci_185:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_2qdw9_upg98_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -218,29 +222,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root_2qdw9_1oyci_185.awsui_refresh_2qdw9_1oyci_221:not(#\9), .awsui_root_2qdw9_1oyci_185:not(#\9):not(.awsui_root-no-actions_2qdw9_1oyci_221) {
+.awsui_root_2qdw9_upg98_189.awsui_refresh_2qdw9_upg98_225:not(#\9), .awsui_root_2qdw9_upg98_189:not(#\9):not(.awsui_root-no-actions_2qdw9_upg98_225) {
   row-gap: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_root-no-actions_2qdw9_1oyci_221.awsui_root-variant-h2_2qdw9_1oyci_224:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221), .awsui_root-no-actions_2qdw9_1oyci_221.awsui_root-variant-h3_2qdw9_1oyci_224:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221), .awsui_root-has-description_2qdw9_1oyci_224.awsui_root-variant-h2_2qdw9_1oyci_224:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221), .awsui_root-has-description_2qdw9_1oyci_224.awsui_root-variant-h3_2qdw9_1oyci_224:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_root-no-actions_2qdw9_upg98_225.awsui_root-variant-h2_2qdw9_upg98_228:not(#\9):not(.awsui_refresh_2qdw9_upg98_225), .awsui_root-no-actions_2qdw9_upg98_225.awsui_root-variant-h3_2qdw9_upg98_228:not(#\9):not(.awsui_refresh_2qdw9_upg98_225), .awsui_root-has-description_2qdw9_upg98_228.awsui_root-variant-h2_2qdw9_upg98_228:not(#\9):not(.awsui_refresh_2qdw9_upg98_225), .awsui_root-has-description_2qdw9_upg98_228.awsui_root-variant-h3_2qdw9_upg98_228:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_root-no-actions_2qdw9_1oyci_221:not(#\9):not(.awsui_root-has-description_2qdw9_1oyci_224):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_root-no-actions_2qdw9_upg98_225:not(#\9):not(.awsui_root-has-description_2qdw9_upg98_228):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block-end: calc(var(--space-scaled-xs-sppte9, 8px) + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_root-no-actions_2qdw9_1oyci_221.awsui_refresh_2qdw9_1oyci_221.awsui_root-variant-h2_2qdw9_1oyci_224:not(#\9), .awsui_root-no-actions_2qdw9_1oyci_221.awsui_refresh_2qdw9_1oyci_221.awsui_root-variant-h3_2qdw9_1oyci_224:not(#\9) {
+.awsui_root-no-actions_2qdw9_upg98_225.awsui_refresh_2qdw9_upg98_225.awsui_root-variant-h2_2qdw9_upg98_228:not(#\9), .awsui_root-no-actions_2qdw9_upg98_225.awsui_refresh_2qdw9_upg98_225.awsui_root-variant-h3_2qdw9_upg98_228:not(#\9) {
   row-gap: var(--space-scaled-xxxs-prgw5k, 2px);
 }
-.awsui_root_2qdw9_1oyci_185.awsui_root-variant-h1_2qdw9_1oyci_233:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_root_2qdw9_upg98_189.awsui_root-variant-h1_2qdw9_upg98_237:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   row-gap: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_root-no-actions_2qdw9_1oyci_221:not(#\9):not(.awsui_root-has-description_2qdw9_1oyci_224).awsui_refresh_2qdw9_1oyci_221.awsui_root-variant-h3_2qdw9_1oyci_224 {
+.awsui_root-no-actions_2qdw9_upg98_225:not(#\9):not(.awsui_root-has-description_2qdw9_upg98_228).awsui_refresh_2qdw9_upg98_225.awsui_root-variant-h3_2qdw9_upg98_228 {
   padding-block-end: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_root_2qdw9_1oyci_185.awsui_root-variant-h1_2qdw9_1oyci_233.awsui_root-has-description_2qdw9_1oyci_224:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_root_2qdw9_upg98_189.awsui_root-variant-h1_2qdw9_upg98_237.awsui_root-has-description_2qdw9_upg98_228:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block-end: var(--space-scaled-2x-xxs-is489k, 4px);
 }
-.awsui_main_2qdw9_1oyci_243:not(#\9) {
+.awsui_main_2qdw9_upg98_247:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   display: flex;
@@ -250,145 +254,149 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-xs-kw7k3v, 8px);
   row-gap: calc(var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxxs-prgw5k, 2px));
 }
-.awsui_main_2qdw9_1oyci_243.awsui_no-wrap_2qdw9_1oyci_253:not(#\9) {
+.awsui_main_2qdw9_upg98_247.awsui_no-wrap_2qdw9_upg98_257:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_1oyci_243.awsui_refresh_2qdw9_1oyci_221:not(#\9) {
+.awsui_main_2qdw9_upg98_247.awsui_refresh_2qdw9_upg98_225:not(#\9) {
   row-gap: var(--space-xxs-jnczic, 4px);
 }
-.awsui_main-variant-h1_2qdw9_1oyci_259:not(#\9) {
+.awsui_main-variant-h1_2qdw9_upg98_263:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-is489k, 4px);
 }
-.awsui_root-has-description_2qdw9_1oyci_224 > .awsui_main_2qdw9_1oyci_243:not(#\9) {
+.awsui_root-has-description_2qdw9_upg98_228 > .awsui_main_2qdw9_upg98_247:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-is489k, 4px);
 }
-.awsui_actions_2qdw9_1oyci_267:not(#\9) {
+.awsui_actions_2qdw9_upg98_271:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-8gzd1t, 32px);
 }
-.awsui_actions-centered_2qdw9_1oyci_272:not(#\9) {
+.awsui_actions-centered_2qdw9_upg98_276:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_1oyci_275.awsui_refresh_2qdw9_1oyci_221:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_upg98_279.awsui_refresh_2qdw9_upg98_225:not(#\9) {
   padding-block: calc((var(--line-height-heading-xl-vs1f23, 36px) - var(--size-vertical-input-8gzd1t, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_1oyci_279.awsui_refresh_2qdw9_1oyci_221:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_upg98_283.awsui_refresh_2qdw9_upg98_225:not(#\9) {
   padding-block: calc((var(--line-height-heading-l-vhgtnq, 22px) - var(--size-vertical-input-8gzd1t, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h3_2qdw9_1oyci_283.awsui_refresh_2qdw9_1oyci_221:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_upg98_287.awsui_refresh_2qdw9_upg98_225:not(#\9) {
   padding-block: calc((var(--line-height-heading-m-irezqt, 22px) - var(--size-vertical-input-8gzd1t, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h1_2qdw9_1oyci_275:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_actions-variant-h1_2qdw9_upg98_279:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block: var(--space-scaled-xs-sppte9, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_1oyci_279:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221), .awsui_actions-variant-h3_2qdw9_1oyci_283:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_actions-variant-h2_2qdw9_upg98_283:not(#\9):not(.awsui_refresh_2qdw9_upg98_225), .awsui_actions-variant-h3_2qdw9_upg98_287:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_1oyci_224 > .awsui_main_2qdw9_1oyci_243 > .awsui_actions_2qdw9_1oyci_267:not(#\9) {
+.awsui_root-has-description_2qdw9_upg98_228 > .awsui_main_2qdw9_upg98_247 > .awsui_actions_2qdw9_upg98_271:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_title_2qdw9_1oyci_299:not(#\9) {
+.awsui_title_2qdw9_upg98_303:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_title-variant-h1_2qdw9_1oyci_304:not(#\9) {
+.awsui_title-variant-h1_2qdw9_upg98_308:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   padding-block-start: var(--space-scaled-2x-xxs-is489k, 4px);
 }
-.awsui_title-variant-h1_2qdw9_1oyci_304.awsui_refresh_2qdw9_1oyci_221:not(#\9) {
+.awsui_title-variant-h1_2qdw9_upg98_308.awsui_refresh_2qdw9_upg98_225:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-8gzd1t, 32px) - var(--line-height-heading-xl-vs1f23, 36px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_1oyci_311:not(#\9) {
+.awsui_title-variant-h2_2qdw9_upg98_315:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
 }
-.awsui_title-variant-h2_2qdw9_1oyci_311.awsui_refresh_2qdw9_1oyci_221:not(#\9) {
+.awsui_title-variant-h2_2qdw9_upg98_315.awsui_refresh_2qdw9_upg98_225:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-8gzd1t, 32px) - var(--line-height-heading-l-vhgtnq, 22px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_1oyci_317:not(#\9) {
+.awsui_title-variant-h3_2qdw9_upg98_321:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
 }
-.awsui_title-variant-h3_2qdw9_1oyci_317.awsui_refresh_2qdw9_1oyci_221:not(#\9) {
+.awsui_title-variant-h3_2qdw9_upg98_321.awsui_refresh_2qdw9_upg98_225:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-8gzd1t, 32px) - var(--line-height-heading-m-irezqt, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_1oyci_311:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221), .awsui_title-variant-h3_2qdw9_1oyci_317:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_title-variant-h2_2qdw9_upg98_315:not(#\9):not(.awsui_refresh_2qdw9_upg98_225), .awsui_title-variant-h3_2qdw9_upg98_321:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block-start: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_no-wrap_2qdw9_1oyci_253 > .awsui_title_2qdw9_1oyci_299:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_no-wrap_2qdw9_upg98_257 > .awsui_title_2qdw9_upg98_303:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block-end: calc(var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxxs-prgw5k, 2px));
 }
-.awsui_root-no-actions_2qdw9_1oyci_221.awsui_root-has-description_2qdw9_1oyci_224 > .awsui_main_2qdw9_1oyci_243 > :not(#\9):not(.awsui_refresh_2qdw9_1oyci_221).awsui_title-variant-h2_2qdw9_1oyci_311, .awsui_root-no-actions_2qdw9_1oyci_221.awsui_root-has-description_2qdw9_1oyci_224 > .awsui_main_2qdw9_1oyci_243 > :not(#\9):not(.awsui_refresh_2qdw9_1oyci_221).awsui_title-variant-h3_2qdw9_1oyci_317 {
+.awsui-one-theme .awsui_title-variant-h2_2qdw9_upg98_315.awsui_title-in-expandable-section_2qdw9_upg98_334:not(#\9) {
+  padding-block-start: calc(calc((var(--size-vertical-input-8gzd1t, 32px) - var(--line-height-heading-l-vhgtnq, 22px)) / 2) - 2 * var(--border-width-button-40y1n5, 1px));
+}
+.awsui_root-no-actions_2qdw9_upg98_225.awsui_root-has-description_2qdw9_upg98_228 > .awsui_main_2qdw9_upg98_247 > :not(#\9):not(.awsui_refresh_2qdw9_upg98_225).awsui_title-variant-h2_2qdw9_upg98_315, .awsui_root-no-actions_2qdw9_upg98_225.awsui_root-has-description_2qdw9_upg98_228 > .awsui_main_2qdw9_upg98_247 > :not(#\9):not(.awsui_refresh_2qdw9_upg98_225).awsui_title-variant-h3_2qdw9_upg98_321 {
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_root-variant-h1_2qdw9_1oyci_233.awsui_root-no-actions_2qdw9_1oyci_221:not(#\9):not(.awsui_root-has-description_2qdw9_1oyci_224):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_root-variant-h1_2qdw9_upg98_237.awsui_root-no-actions_2qdw9_upg98_225:not(#\9):not(.awsui_root-has-description_2qdw9_upg98_228):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block-end: var(--space-scaled-2x-xxs-is489k, 4px);
 }
-.awsui_virtual-space_2qdw9_1oyci_338:not(#\9) {
+.awsui_virtual-space_2qdw9_upg98_346:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_info_2qdw9_1oyci_344:not(#\9) {
+.awsui_info_2qdw9_upg98_352:not(#\9) {
   padding-inline-end: var(--space-s-4a5hs8, 12px);
 }
-.awsui_description_2qdw9_1oyci_348:not(#\9) {
+.awsui_description_2qdw9_upg98_356:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-heading-secondary-26seqv, #545b64);
 }
-.awsui_description-variant-h1_2qdw9_1oyci_355:not(#\9) {
+.awsui_description-variant-h1_2qdw9_upg98_363:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_description-variant-h2_2qdw9_1oyci_359:not(#\9) {
+.awsui_description-variant-h2_2qdw9_upg98_367:not(#\9) {
   font-size: var(--font-header-h2-description-size-t8fx03, 12px);
   line-height: var(--font-header-h2-description-line-height-7ibe40, 16px);
 }
-.awsui_description-variant-h2_2qdw9_1oyci_359:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_description-variant-h2_2qdw9_upg98_367:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_description-variant-h3_2qdw9_1oyci_366:not(#\9) {
+.awsui_description-variant-h3_2qdw9_upg98_374:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_description-variant-h3_2qdw9_1oyci_366:not(#\9):not(.awsui_refresh_2qdw9_1oyci_221) {
+.awsui_description-variant-h3_2qdw9_upg98_374:not(#\9):not(.awsui_refresh_2qdw9_upg98_225) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_heading_2qdw9_1oyci_377:not(#\9) {
+.awsui_heading_2qdw9_upg98_385:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_heading_2qdw9_1oyci_377:not(#\9):only-child {
+.awsui_heading_2qdw9_upg98_385:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading_2qdw9_1oyci_377:not(#\9):focus {
+.awsui_heading_2qdw9_upg98_385:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1oyci_377:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_upg98_385:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -399,26 +407,26 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1oyci_377:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_heading-variant-h1_2qdw9_1oyci_402:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_upg98_410:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
 }
-.awsui_heading-variant-h2_2qdw9_1oyci_407:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_upg98_415:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
 }
-.awsui_heading-variant-h3_2qdw9_1oyci_412:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_upg98_420:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
 }
-.awsui_heading-text_2qdw9_1oyci_418:not(#\9) {
+.awsui_heading-text_2qdw9_upg98_426:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_1oyci_421:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_upg98_429:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
@@ -427,7 +435,7 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1oyci_377:not(#\9):focu
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_heading-text-variant-h2_2qdw9_1oyci_430:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_upg98_438:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
@@ -436,7 +444,7 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1oyci_377:not(#\9):focu
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_heading-text-variant-h3_2qdw9_1oyci_439:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_upg98_447:not(#\9) {
   font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
@@ -446,7 +454,7 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1oyci_377:not(#\9):focu
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_counter_2qdw9_1oyci_449:not(#\9) {
+.awsui_counter_2qdw9_upg98_457:not(#\9) {
   color: var(--color-text-counter-buwh1w, #687078);
   font-weight: var(--font-weight-normal-7w835s, 400);
 }