@cloudscape-design/components 3.0.1329 → 3.0.1331

package/flashbar/styles.selectors.js

@@ -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_164kq_157",
-  "enter": "awsui_enter_1q84n_164kq_157",
-  "flash-body": "awsui_flash-body_1q84n_164kq_171",
-  "flash-message": "awsui_flash-message_1q84n_164kq_171",
-  "flash-header": "awsui_flash-header_1q84n_164kq_171",
-  "flash-content": "awsui_flash-content_1q84n_164kq_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_164kq_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_164kq_174",
-  "flash-icon": "awsui_flash-icon_1q84n_164kq_197",
-  "entering": "awsui_entering_1q84n_164kq_210",
-  "entered": "awsui_entered_1q84n_164kq_231",
-  "exiting": "awsui_exiting_1q84n_164kq_336",
-  "stack": "awsui_stack_1q84n_164kq_370",
-  "animation-running": "awsui_animation-running_1q84n_164kq_370",
-  "item": "awsui_item_1q84n_164kq_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_164kq_371",
-  "notification-bar": "awsui_notification-bar_1q84n_164kq_372",
-  "collapsed": "awsui_collapsed_1q84n_164kq_392",
-  "animation-ready": "awsui_animation-ready_1q84n_164kq_392",
-  "expanded-only": "awsui_expanded-only_1q84n_164kq_392",
-  "expanded": "awsui_expanded_1q84n_164kq_392",
-  "flash": "awsui_flash_1q84n_164kq_157",
-  "collapsible": "awsui_collapsible_1q84n_164kq_448",
-  "short-list": "awsui_short-list_1q84n_164kq_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_164kq_454",
-  "status": "awsui_status_1q84n_164kq_601",
-  "header": "awsui_header_1q84n_164kq_601",
-  "item-count": "awsui_item-count_1q84n_164kq_602",
-  "button": "awsui_button_1q84n_164kq_603",
-  "type-count": "awsui_type-count_1q84n_164kq_636",
-  "count-number": "awsui_count-number_1q84n_164kq_636",
-  "icon": "awsui_icon_1q84n_164kq_674",
-  "floating": "awsui_floating_1q84n_164kq_715",
-  "flashbar": "awsui_flashbar_1q84n_164kq_719",
-  "initial-hidden": "awsui_initial-hidden_1q84n_164kq_779",
-  "flash-list": "awsui_flash-list_1q84n_164kq_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_164kq_803",
-  "flash-text": "awsui_flash-text_1q84n_164kq_833",
-  "hidden": "awsui_hidden_1q84n_164kq_852",
-  "header-replacement": "awsui_header-replacement_1q84n_164kq_857",
-  "content-replacement": "awsui_content-replacement_1q84n_164kq_862",
-  "dismiss-button": "awsui_dismiss-button_1q84n_164kq_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_164kq_880",
-  "action-button": "awsui_action-button_1q84n_164kq_173",
-  "action-slot": "awsui_action-slot_1q84n_164kq_887",
-  "flash-type-success": "awsui_flash-type-success_1q84n_164kq_891",
-  "flash-type-error": "awsui_flash-type-error_1q84n_164kq_899",
-  "flash-type-info": "awsui_flash-type-info_1q84n_164kq_907",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_164kq_908",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_164kq_917"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_7zolk_157",
+  "enter": "awsui_enter_1q84n_7zolk_157",
+  "flash-body": "awsui_flash-body_1q84n_7zolk_171",
+  "flash-message": "awsui_flash-message_1q84n_7zolk_171",
+  "flash-header": "awsui_flash-header_1q84n_7zolk_171",
+  "flash-content": "awsui_flash-content_1q84n_7zolk_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_7zolk_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_7zolk_174",
+  "flash-icon": "awsui_flash-icon_1q84n_7zolk_197",
+  "entering": "awsui_entering_1q84n_7zolk_210",
+  "entered": "awsui_entered_1q84n_7zolk_231",
+  "exiting": "awsui_exiting_1q84n_7zolk_336",
+  "stack": "awsui_stack_1q84n_7zolk_370",
+  "animation-running": "awsui_animation-running_1q84n_7zolk_370",
+  "item": "awsui_item_1q84n_7zolk_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_7zolk_371",
+  "notification-bar": "awsui_notification-bar_1q84n_7zolk_372",
+  "collapsed": "awsui_collapsed_1q84n_7zolk_392",
+  "animation-ready": "awsui_animation-ready_1q84n_7zolk_392",
+  "expanded-only": "awsui_expanded-only_1q84n_7zolk_392",
+  "expanded": "awsui_expanded_1q84n_7zolk_392",
+  "flash": "awsui_flash_1q84n_7zolk_157",
+  "collapsible": "awsui_collapsible_1q84n_7zolk_448",
+  "short-list": "awsui_short-list_1q84n_7zolk_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_7zolk_454",
+  "status": "awsui_status_1q84n_7zolk_601",
+  "header": "awsui_header_1q84n_7zolk_601",
+  "item-count": "awsui_item-count_1q84n_7zolk_602",
+  "button": "awsui_button_1q84n_7zolk_603",
+  "type-count": "awsui_type-count_1q84n_7zolk_636",
+  "count-number": "awsui_count-number_1q84n_7zolk_636",
+  "icon": "awsui_icon_1q84n_7zolk_674",
+  "floating": "awsui_floating_1q84n_7zolk_715",
+  "flashbar": "awsui_flashbar_1q84n_7zolk_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_7zolk_779",
+  "flash-list": "awsui_flash-list_1q84n_7zolk_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_7zolk_803",
+  "flash-text": "awsui_flash-text_1q84n_7zolk_833",
+  "hidden": "awsui_hidden_1q84n_7zolk_852",
+  "header-replacement": "awsui_header-replacement_1q84n_7zolk_857",
+  "content-replacement": "awsui_content-replacement_1q84n_7zolk_862",
+  "dismiss-button": "awsui_dismiss-button_1q84n_7zolk_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_7zolk_880",
+  "action-button": "awsui_action-button_1q84n_7zolk_173",
+  "action-slot": "awsui_action-slot_1q84n_7zolk_887",
+  "flash-type-success": "awsui_flash-type-success_1q84n_7zolk_891",
+  "flash-type-error": "awsui_flash-type-error_1q84n_7zolk_899",
+  "flash-type-info": "awsui_flash-type-info_1q84n_7zolk_907",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_7zolk_908",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_7zolk_917"
 };
   

package/header/internal.d.ts

@@ -6,6 +6,7 @@ interface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, Inte
   __disableActionsWrapping?: boolean;
   __headingTagRef?: MutableRefObject<HTMLHeadingElement | null>;
   __headingTagTabIndex?: number;
+  __inExpandableSection?: boolean;
 }
 export default function InternalHeader({
   variant,
@@ -19,6 +20,7 @@ export default function InternalHeader({
   __disableActionsWrapping,
   __headingTagRef,
   __headingTagTabIndex,
+  __inExpandableSection,
   ...restProps
 }: InternalHeaderProps): JSX.Element;
 export declare function Description({

package/header/internal.d.ts.map

@@ -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"}
+{"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/header/internal.js

@@ -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/header/internal.js.map

@@ -1 +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}\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']}> &nbsp;</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"]}
+{"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']}> &nbsp;</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/header/styles.css.js

@@ -1,39 +1,40 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_1pryo_185",
-  "refresh": "awsui_refresh_2qdw9_1pryo_221",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_1pryo_221",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1pryo_224",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1pryo_224",
-  "root-has-description": "awsui_root-has-description_2qdw9_1pryo_224",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1pryo_233",
-  "main": "awsui_main_2qdw9_1pryo_243",
-  "no-wrap": "awsui_no-wrap_2qdw9_1pryo_253",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1pryo_259",
-  "actions": "awsui_actions_2qdw9_1pryo_267",
-  "actions-centered": "awsui_actions-centered_2qdw9_1pryo_272",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1pryo_275",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1pryo_279",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1pryo_283",
-  "title": "awsui_title_2qdw9_1pryo_299",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1pryo_304",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1pryo_311",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1pryo_317",
-  "virtual-space": "awsui_virtual-space_2qdw9_1pryo_338",
-  "info": "awsui_info_2qdw9_1pryo_344",
-  "description": "awsui_description_2qdw9_1pryo_348",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1pryo_355",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1pryo_359",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1pryo_366",
-  "heading": "awsui_heading_2qdw9_1pryo_377",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1pryo_402",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1pryo_407",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1pryo_412",
-  "heading-text": "awsui_heading-text_2qdw9_1pryo_418",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1pryo_421",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1pryo_430",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1pryo_439",
-  "counter": "awsui_counter_2qdw9_1pryo_449"
+  "root": "awsui_root_2qdw9_b0vna_189",
+  "refresh": "awsui_refresh_2qdw9_b0vna_225",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_b0vna_225",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_b0vna_228",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_b0vna_228",
+  "root-has-description": "awsui_root-has-description_2qdw9_b0vna_228",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_b0vna_237",
+  "main": "awsui_main_2qdw9_b0vna_247",
+  "no-wrap": "awsui_no-wrap_2qdw9_b0vna_257",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_b0vna_263",
+  "actions": "awsui_actions_2qdw9_b0vna_271",
+  "actions-centered": "awsui_actions-centered_2qdw9_b0vna_276",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_b0vna_279",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_b0vna_283",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_b0vna_287",
+  "title": "awsui_title_2qdw9_b0vna_303",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_b0vna_308",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_b0vna_315",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_b0vna_321",
+  "title-in-expandable-section": "awsui_title-in-expandable-section_2qdw9_b0vna_334",
+  "virtual-space": "awsui_virtual-space_2qdw9_b0vna_346",
+  "info": "awsui_info_2qdw9_b0vna_352",
+  "description": "awsui_description_2qdw9_b0vna_356",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_b0vna_363",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_b0vna_367",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_b0vna_374",
+  "heading": "awsui_heading_2qdw9_b0vna_385",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_b0vna_410",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_b0vna_415",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_b0vna_420",
+  "heading-text": "awsui_heading-text_2qdw9_b0vna_426",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_b0vna_429",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_b0vna_438",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_b0vna_447",
+  "counter": "awsui_counter_2qdw9_b0vna_457"
 };
   

package/header/styles.scoped.css

@@ -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_1pryo_185:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_2qdw9_b0vna_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_1pryo_185.awsui_refresh_2qdw9_1pryo_221:not(#\9), .awsui_root_2qdw9_1pryo_185:not(#\9):not(.awsui_root-no-actions_2qdw9_1pryo_221) {
+.awsui_root_2qdw9_b0vna_189.awsui_refresh_2qdw9_b0vna_225:not(#\9), .awsui_root_2qdw9_b0vna_189:not(#\9):not(.awsui_root-no-actions_2qdw9_b0vna_225) {
   row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_1pryo_221.awsui_root-variant-h2_2qdw9_1pryo_224:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221), .awsui_root-no-actions_2qdw9_1pryo_221.awsui_root-variant-h3_2qdw9_1pryo_224:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221), .awsui_root-has-description_2qdw9_1pryo_224.awsui_root-variant-h2_2qdw9_1pryo_224:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221), .awsui_root-has-description_2qdw9_1pryo_224.awsui_root-variant-h3_2qdw9_1pryo_224:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_root-no-actions_2qdw9_b0vna_225.awsui_root-variant-h2_2qdw9_b0vna_228:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225), .awsui_root-no-actions_2qdw9_b0vna_225.awsui_root-variant-h3_2qdw9_b0vna_228:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225), .awsui_root-has-description_2qdw9_b0vna_228.awsui_root-variant-h2_2qdw9_b0vna_228:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225), .awsui_root-has-description_2qdw9_b0vna_228.awsui_root-variant-h3_2qdw9_b0vna_228:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_1pryo_221:not(#\9):not(.awsui_root-has-description_2qdw9_1pryo_224):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_root-no-actions_2qdw9_b0vna_225:not(#\9):not(.awsui_root-has-description_2qdw9_b0vna_228):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block-end: calc(var(--space-scaled-xs-xwoogq, 8px) + var(--space-xxxs-pajhad, 2px));
 }
-.awsui_root-no-actions_2qdw9_1pryo_221.awsui_refresh_2qdw9_1pryo_221.awsui_root-variant-h2_2qdw9_1pryo_224:not(#\9), .awsui_root-no-actions_2qdw9_1pryo_221.awsui_refresh_2qdw9_1pryo_221.awsui_root-variant-h3_2qdw9_1pryo_224:not(#\9) {
+.awsui_root-no-actions_2qdw9_b0vna_225.awsui_refresh_2qdw9_b0vna_225.awsui_root-variant-h2_2qdw9_b0vna_228:not(#\9), .awsui_root-no-actions_2qdw9_b0vna_225.awsui_refresh_2qdw9_b0vna_225.awsui_root-variant-h3_2qdw9_b0vna_228:not(#\9) {
   row-gap: var(--space-scaled-xxxs-oo06c7, 2px);
 }
-.awsui_root_2qdw9_1pryo_185.awsui_root-variant-h1_2qdw9_1pryo_233:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_root_2qdw9_b0vna_189.awsui_root-variant-h1_2qdw9_b0vna_237:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   row-gap: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_root-no-actions_2qdw9_1pryo_221:not(#\9):not(.awsui_root-has-description_2qdw9_1pryo_224).awsui_refresh_2qdw9_1pryo_221.awsui_root-variant-h3_2qdw9_1pryo_224 {
+.awsui_root-no-actions_2qdw9_b0vna_225:not(#\9):not(.awsui_root-has-description_2qdw9_b0vna_228).awsui_refresh_2qdw9_b0vna_225.awsui_root-variant-h3_2qdw9_b0vna_228 {
   padding-block-end: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_root_2qdw9_1pryo_185.awsui_root-variant-h1_2qdw9_1pryo_233.awsui_root-has-description_2qdw9_1pryo_224:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_root_2qdw9_b0vna_189.awsui_root-variant-h1_2qdw9_b0vna_237.awsui_root-has-description_2qdw9_b0vna_228:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_main_2qdw9_1pryo_243:not(#\9) {
+.awsui_main_2qdw9_b0vna_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-ymlm0b, 8px);
   row-gap: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
 }
-.awsui_main_2qdw9_1pryo_243.awsui_no-wrap_2qdw9_1pryo_253:not(#\9) {
+.awsui_main_2qdw9_b0vna_247.awsui_no-wrap_2qdw9_b0vna_257:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_1pryo_243.awsui_refresh_2qdw9_1pryo_221:not(#\9) {
+.awsui_main_2qdw9_b0vna_247.awsui_refresh_2qdw9_b0vna_225:not(#\9) {
   row-gap: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_main-variant-h1_2qdw9_1pryo_259:not(#\9) {
+.awsui_main-variant-h1_2qdw9_b0vna_263:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_root-has-description_2qdw9_1pryo_224 > .awsui_main_2qdw9_1pryo_243:not(#\9) {
+.awsui_root-has-description_2qdw9_b0vna_228 > .awsui_main_2qdw9_b0vna_247:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_actions_2qdw9_1pryo_267:not(#\9) {
+.awsui_actions_2qdw9_b0vna_271:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_actions-centered_2qdw9_1pryo_272:not(#\9) {
+.awsui_actions-centered_2qdw9_b0vna_276:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_1pryo_275.awsui_refresh_2qdw9_1pryo_221:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_b0vna_279.awsui_refresh_2qdw9_b0vna_225:not(#\9) {
   padding-block: calc((var(--line-height-heading-xl-hko6p0, 30px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_1pryo_279.awsui_refresh_2qdw9_1pryo_221:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_b0vna_283.awsui_refresh_2qdw9_b0vna_225:not(#\9) {
   padding-block: calc((var(--line-height-heading-l-mg5bx6, 24px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h3_2qdw9_1pryo_283.awsui_refresh_2qdw9_1pryo_221:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_b0vna_287.awsui_refresh_2qdw9_b0vna_225:not(#\9) {
   padding-block: calc((var(--line-height-heading-m-uoaqdh, 22px) - var(--size-vertical-input-p1d7xx, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h1_2qdw9_1pryo_275:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_actions-variant-h1_2qdw9_b0vna_279:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block: var(--space-scaled-xs-xwoogq, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_1pryo_279:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221), .awsui_actions-variant-h3_2qdw9_1pryo_283:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_actions-variant-h2_2qdw9_b0vna_283:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225), .awsui_actions-variant-h3_2qdw9_b0vna_287:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_1pryo_224 > .awsui_main_2qdw9_1pryo_243 > .awsui_actions_2qdw9_1pryo_267:not(#\9) {
+.awsui_root-has-description_2qdw9_b0vna_228 > .awsui_main_2qdw9_b0vna_247 > .awsui_actions_2qdw9_b0vna_271:not(#\9) {
   padding-block-end: 0;
 }
 
-.awsui_title_2qdw9_1pryo_299:not(#\9) {
+.awsui_title_2qdw9_b0vna_303:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_title-variant-h1_2qdw9_1pryo_304:not(#\9) {
+.awsui_title-variant-h1_2qdw9_b0vna_308:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   padding-block-start: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
-.awsui_title-variant-h1_2qdw9_1pryo_304.awsui_refresh_2qdw9_1pryo_221:not(#\9) {
+.awsui_title-variant-h1_2qdw9_b0vna_308.awsui_refresh_2qdw9_b0vna_225:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-xl-hko6p0, 30px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_1pryo_311:not(#\9) {
+.awsui_title-variant-h2_2qdw9_b0vna_315:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
 }
-.awsui_title-variant-h2_2qdw9_1pryo_311.awsui_refresh_2qdw9_1pryo_221:not(#\9) {
+.awsui_title-variant-h2_2qdw9_b0vna_315.awsui_refresh_2qdw9_b0vna_225:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-l-mg5bx6, 24px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_1pryo_317:not(#\9) {
+.awsui_title-variant-h3_2qdw9_b0vna_321:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
 }
-.awsui_title-variant-h3_2qdw9_1pryo_317.awsui_refresh_2qdw9_1pryo_221:not(#\9) {
+.awsui_title-variant-h3_2qdw9_b0vna_321.awsui_refresh_2qdw9_b0vna_225:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-m-uoaqdh, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_1pryo_311:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221), .awsui_title-variant-h3_2qdw9_1pryo_317:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_title-variant-h2_2qdw9_b0vna_315:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225), .awsui_title-variant-h3_2qdw9_b0vna_321:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block-start: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_no-wrap_2qdw9_1pryo_253 > .awsui_title_2qdw9_1pryo_299:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_no-wrap_2qdw9_b0vna_257 > .awsui_title_2qdw9_b0vna_303:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block-end: calc(var(--space-scaled-xxs-pfm1nx, 4px) + var(--space-scaled-xxxs-oo06c7, 2px));
 }
 
-.awsui_root-no-actions_2qdw9_1pryo_221.awsui_root-has-description_2qdw9_1pryo_224 > .awsui_main_2qdw9_1pryo_243 > :not(#\9):not(.awsui_refresh_2qdw9_1pryo_221).awsui_title-variant-h2_2qdw9_1pryo_311, .awsui_root-no-actions_2qdw9_1pryo_221.awsui_root-has-description_2qdw9_1pryo_224 > .awsui_main_2qdw9_1pryo_243 > :not(#\9):not(.awsui_refresh_2qdw9_1pryo_221).awsui_title-variant-h3_2qdw9_1pryo_317 {
+.awsui-one-theme .awsui_title-variant-h2_2qdw9_b0vna_315.awsui_title-in-expandable-section_2qdw9_b0vna_334:not(#\9) {
+  padding-block-start: calc(calc((var(--size-vertical-input-p1d7xx, 32px) - var(--line-height-heading-l-mg5bx6, 24px)) / 2) - 2 * var(--border-width-button-jm0qg7, 2px));
+}
+
+.awsui_root-no-actions_2qdw9_b0vna_225.awsui_root-has-description_2qdw9_b0vna_228 > .awsui_main_2qdw9_b0vna_247 > :not(#\9):not(.awsui_refresh_2qdw9_b0vna_225).awsui_title-variant-h2_2qdw9_b0vna_315, .awsui_root-no-actions_2qdw9_b0vna_225.awsui_root-has-description_2qdw9_b0vna_228 > .awsui_main_2qdw9_b0vna_247 > :not(#\9):not(.awsui_refresh_2qdw9_b0vna_225).awsui_title-variant-h3_2qdw9_b0vna_321 {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_root-variant-h1_2qdw9_1pryo_233.awsui_root-no-actions_2qdw9_1pryo_221:not(#\9):not(.awsui_root-has-description_2qdw9_1pryo_224):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_root-variant-h1_2qdw9_b0vna_237.awsui_root-no-actions_2qdw9_b0vna_225:not(#\9):not(.awsui_root-has-description_2qdw9_b0vna_228):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block-end: var(--space-scaled-2x-xxs-e79hr1, 4px);
 }
 
-.awsui_virtual-space_2qdw9_1pryo_338:not(#\9) {
+.awsui_virtual-space_2qdw9_b0vna_346:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_info_2qdw9_1pryo_344:not(#\9) {
+.awsui_info_2qdw9_b0vna_352:not(#\9) {
   padding-inline-end: var(--space-s-tvghoh, 12px);
 }
 
-.awsui_description_2qdw9_1pryo_348:not(#\9) {
+.awsui_description_2qdw9_b0vna_356:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-heading-secondary-iwtvf6, #424650);
 }
-.awsui_description-variant-h1_2qdw9_1pryo_355:not(#\9) {
+.awsui_description-variant-h1_2qdw9_b0vna_363:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
 }
-.awsui_description-variant-h2_2qdw9_1pryo_359:not(#\9) {
+.awsui_description-variant-h2_2qdw9_b0vna_367:not(#\9) {
   font-size: var(--font-header-h2-description-size-g2wws3, 14px);
   line-height: var(--font-header-h2-description-line-height-ts2s6o, 20px);
 }
-.awsui_description-variant-h2_2qdw9_1pryo_359:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_description-variant-h2_2qdw9_b0vna_367:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_description-variant-h3_2qdw9_1pryo_366:not(#\9) {
+.awsui_description-variant-h3_2qdw9_b0vna_374:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
 }
-.awsui_description-variant-h3_2qdw9_1pryo_366:not(#\9):not(.awsui_refresh_2qdw9_1pryo_221) {
+.awsui_description-variant-h3_2qdw9_b0vna_374:not(#\9):not(.awsui_refresh_2qdw9_b0vna_225) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
 
-.awsui_heading_2qdw9_1pryo_377:not(#\9) {
+.awsui_heading_2qdw9_b0vna_385:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_heading_2qdw9_1pryo_377:not(#\9):only-child {
+.awsui_heading_2qdw9_b0vna_385:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading_2qdw9_1pryo_377:not(#\9):focus {
+.awsui_heading_2qdw9_b0vna_385:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1pryo_377:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_b0vna_385:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;
@@ -399,26 +407,26 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1pryo_377:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_heading-variant-h1_2qdw9_1pryo_402:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_b0vna_410:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
 }
-.awsui_heading-variant-h2_2qdw9_1pryo_407:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_b0vna_415:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
 }
-.awsui_heading-variant-h3_2qdw9_1pryo_412:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_b0vna_420:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
 }
 
-.awsui_heading-text_2qdw9_1pryo_418:not(#\9) {
+.awsui_heading-text_2qdw9_b0vna_426:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_1pryo_421:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_b0vna_429:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
@@ -427,7 +435,7 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1pryo_377:not(#\9):focu
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_heading-text-variant-h2_2qdw9_1pryo_430:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_b0vna_438:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
@@ -436,7 +444,7 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1pryo_377:not(#\9):focu
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_heading-text-variant-h3_2qdw9_1pryo_439:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_b0vna_447:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
@@ -446,7 +454,7 @@ body[data-awsui-focus-visible=true] .awsui_heading_2qdw9_1pryo_377:not(#\9):focu
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
 
-.awsui_counter_2qdw9_1pryo_449:not(#\9) {
+.awsui_counter_2qdw9_b0vna_457:not(#\9) {
   color: var(--color-text-counter-bywf75, #656871);
   font-weight: var(--font-weight-normal-cxw1m3, 400);
 }