@cloudscape-design/components 3.0.619 → 3.0.621

package/flashbar/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_pgrle_99",
-  "enter": "awsui_enter_1q84n_pgrle_99",
-  "flash-body": "awsui_flash-body_1q84n_pgrle_113",
-  "flash-message": "awsui_flash-message_1q84n_pgrle_113",
-  "flash-header": "awsui_flash-header_1q84n_pgrle_113",
-  "flash-content": "awsui_flash-content_1q84n_pgrle_114",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_pgrle_115",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_pgrle_116",
-  "flash-icon": "awsui_flash-icon_1q84n_pgrle_139",
-  "entering": "awsui_entering_1q84n_pgrle_152",
-  "entered": "awsui_entered_1q84n_pgrle_173",
-  "exiting": "awsui_exiting_1q84n_pgrle_278",
-  "stack": "awsui_stack_1q84n_pgrle_300",
-  "animation-running": "awsui_animation-running_1q84n_pgrle_300",
-  "item": "awsui_item_1q84n_pgrle_300",
-  "flash-list-item": "awsui_flash-list-item_1q84n_pgrle_301",
-  "notification-bar": "awsui_notification-bar_1q84n_pgrle_302",
-  "collapsed": "awsui_collapsed_1q84n_pgrle_322",
-  "animation-ready": "awsui_animation-ready_1q84n_pgrle_322",
-  "expanded-only": "awsui_expanded-only_1q84n_pgrle_322",
-  "expanded": "awsui_expanded_1q84n_pgrle_322",
-  "flash": "awsui_flash_1q84n_pgrle_99",
-  "collapsible": "awsui_collapsible_1q84n_pgrle_386",
-  "short-list": "awsui_short-list_1q84n_pgrle_392",
-  "visual-refresh": "awsui_visual-refresh_1q84n_pgrle_392",
-  "status": "awsui_status_1q84n_pgrle_605",
-  "header": "awsui_header_1q84n_pgrle_605",
-  "item-count": "awsui_item-count_1q84n_pgrle_606",
-  "button": "awsui_button_1q84n_pgrle_607",
-  "type-count": "awsui_type-count_1q84n_pgrle_640",
-  "count-number": "awsui_count-number_1q84n_pgrle_640",
-  "icon": "awsui_icon_1q84n_pgrle_674",
-  "floating": "awsui_floating_1q84n_pgrle_715",
-  "flashbar": "awsui_flashbar_1q84n_pgrle_723",
-  "flash-refresh": "awsui_flash-refresh_1q84n_pgrle_798",
-  "flash-list": "awsui_flash-list_1q84n_pgrle_301",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_pgrle_819",
-  "flash-text": "awsui_flash-text_1q84n_pgrle_849",
-  "dismiss-button": "awsui_dismiss-button_1q84n_pgrle_116",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_pgrle_891",
-  "action-button": "awsui_action-button_1q84n_pgrle_115",
-  "action-slot": "awsui_action-slot_1q84n_pgrle_901",
-  "flash-type-success": "awsui_flash-type-success_1q84n_pgrle_905",
-  "flash-type-error": "awsui_flash-type-error_1q84n_pgrle_909",
-  "flash-type-info": "awsui_flash-type-info_1q84n_pgrle_913",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_pgrle_914",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_pgrle_918"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_sj5ey_99",
+  "enter": "awsui_enter_1q84n_sj5ey_99",
+  "flash-body": "awsui_flash-body_1q84n_sj5ey_113",
+  "flash-message": "awsui_flash-message_1q84n_sj5ey_113",
+  "flash-header": "awsui_flash-header_1q84n_sj5ey_113",
+  "flash-content": "awsui_flash-content_1q84n_sj5ey_114",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_sj5ey_115",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_sj5ey_116",
+  "flash-icon": "awsui_flash-icon_1q84n_sj5ey_139",
+  "entering": "awsui_entering_1q84n_sj5ey_152",
+  "entered": "awsui_entered_1q84n_sj5ey_173",
+  "exiting": "awsui_exiting_1q84n_sj5ey_278",
+  "stack": "awsui_stack_1q84n_sj5ey_300",
+  "animation-running": "awsui_animation-running_1q84n_sj5ey_300",
+  "item": "awsui_item_1q84n_sj5ey_300",
+  "flash-list-item": "awsui_flash-list-item_1q84n_sj5ey_301",
+  "notification-bar": "awsui_notification-bar_1q84n_sj5ey_302",
+  "collapsed": "awsui_collapsed_1q84n_sj5ey_322",
+  "animation-ready": "awsui_animation-ready_1q84n_sj5ey_322",
+  "expanded-only": "awsui_expanded-only_1q84n_sj5ey_322",
+  "expanded": "awsui_expanded_1q84n_sj5ey_322",
+  "flash": "awsui_flash_1q84n_sj5ey_99",
+  "collapsible": "awsui_collapsible_1q84n_sj5ey_386",
+  "short-list": "awsui_short-list_1q84n_sj5ey_392",
+  "visual-refresh": "awsui_visual-refresh_1q84n_sj5ey_392",
+  "status": "awsui_status_1q84n_sj5ey_605",
+  "header": "awsui_header_1q84n_sj5ey_605",
+  "item-count": "awsui_item-count_1q84n_sj5ey_606",
+  "button": "awsui_button_1q84n_sj5ey_607",
+  "type-count": "awsui_type-count_1q84n_sj5ey_640",
+  "count-number": "awsui_count-number_1q84n_sj5ey_640",
+  "icon": "awsui_icon_1q84n_sj5ey_674",
+  "floating": "awsui_floating_1q84n_sj5ey_715",
+  "flashbar": "awsui_flashbar_1q84n_sj5ey_723",
+  "flash-refresh": "awsui_flash-refresh_1q84n_sj5ey_798",
+  "flash-list": "awsui_flash-list_1q84n_sj5ey_301",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_sj5ey_819",
+  "flash-text": "awsui_flash-text_1q84n_sj5ey_849",
+  "dismiss-button": "awsui_dismiss-button_1q84n_sj5ey_116",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_sj5ey_891",
+  "action-button": "awsui_action-button_1q84n_sj5ey_115",
+  "action-slot": "awsui_action-slot_1q84n_sj5ey_901",
+  "flash-type-success": "awsui_flash-type-success_1q84n_sj5ey_905",
+  "flash-type-error": "awsui_flash-type-error_1q84n_sj5ey_909",
+  "flash-type-info": "awsui_flash-type-info_1q84n_sj5ey_913",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_sj5ey_914",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_sj5ey_918"
 };
   

package/header/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAwErB;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":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AASjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eA0ErB;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

@@ -13,6 +13,7 @@ import { CollectionLabelContext } from '../internal/context/collection-label-con
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';
 import { useContainerHeader } from '../internal/context/container-header';
+import { getGlobalFlag } from '../internal/utils/global-flags';
 export default function InternalHeader(_a) {
     var { variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef = null, __disableActionsWrapping } = _a, restProps = __rest(_a, ["variant", "headingTagOverride", "children", "actions", "counter", "description", "info", "__internalRootRef", "__disableActionsWrapping"]);
     const isMobile = useMobile();
@@ -29,7 +30,8 @@ export default function InternalHeader(_a) {
     // If is mobile there is no need to have the dynamic variant because it's scrolled out of view
     const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';
     const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;
-    return (React.createElement("div", Object.assign({}, 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 }),
+    const hasToolbarHeader = getGlobalFlag('appLayoutWidget');
+    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.root, baseProps.className, styles[`root-variant-${variantOverride}`], isRefresh && styles.refresh, hasToolbarHeader && styles['root-with-toolbar'], !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(HeadingTag, { className: clsx(styles.heading, styles[`heading-variant-${variantOverride}`]) },

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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\nimport { useContainerHeader } from '../internal/context/container-header';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n  __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n  variant,\n  headingTagOverride,\n  children,\n  actions,\n  counter,\n  description,\n  info,\n  __internalRootRef = null,\n  __disableActionsWrapping,\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  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 className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n            <span\n              {...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n              className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}\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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { CollectionLabelContext } from '../internal/context/collection-label-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { DATA_ATTR_FUNNEL_KEY, FUNNEL_KEY_SUBSTEP_NAME } from '../internal/analytics/selectors';\nimport { useContainerHeader } from '../internal/context/container-header';\nimport { getGlobalFlag } from '../internal/utils/global-flags';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n  __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n  variant,\n  headingTagOverride,\n  children,\n  actions,\n  counter,\n  description,\n  info,\n  __internalRootRef = null,\n  __disableActionsWrapping,\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  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  const hasToolbarHeader = getGlobalFlag('appLayoutWidget');\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        hasToolbarHeader && styles['root-with-toolbar'],\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 className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n            <span\n              {...(isInContainer ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {})}\n              className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}\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_1bpgx_99",
-  "refresh": "awsui_refresh_2qdw9_1bpgx_138",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_1bpgx_138",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1bpgx_141",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1bpgx_141",
-  "root-has-description": "awsui_root-has-description_2qdw9_1bpgx_141",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1bpgx_150",
-  "main": "awsui_main_2qdw9_1bpgx_160",
-  "no-wrap": "awsui_no-wrap_2qdw9_1bpgx_170",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1bpgx_176",
-  "actions": "awsui_actions_2qdw9_1bpgx_184",
-  "actions-centered": "awsui_actions-centered_2qdw9_1bpgx_189",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1bpgx_192",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1bpgx_196",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1bpgx_200",
-  "title": "awsui_title_2qdw9_1bpgx_216",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1bpgx_221",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1bpgx_228",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1bpgx_234",
-  "virtual-space": "awsui_virtual-space_2qdw9_1bpgx_259",
-  "info": "awsui_info_2qdw9_1bpgx_265",
-  "description": "awsui_description_2qdw9_1bpgx_269",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1bpgx_276",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1bpgx_280",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1bpgx_287",
-  "heading": "awsui_heading_2qdw9_1bpgx_296",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1bpgx_307",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1bpgx_312",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1bpgx_317",
-  "heading-text": "awsui_heading-text_2qdw9_1bpgx_327",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1bpgx_330",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1bpgx_338",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1bpgx_346",
-  "counter": "awsui_counter_2qdw9_1bpgx_355"
+  "root": "awsui_root_2qdw9_jcalo_99",
+  "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_jcalo_138",
+  "refresh": "awsui_refresh_2qdw9_jcalo_141",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_jcalo_141",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_jcalo_144",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_jcalo_144",
+  "root-has-description": "awsui_root-has-description_2qdw9_jcalo_144",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_jcalo_153",
+  "main": "awsui_main_2qdw9_jcalo_163",
+  "no-wrap": "awsui_no-wrap_2qdw9_jcalo_173",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_jcalo_179",
+  "actions": "awsui_actions_2qdw9_jcalo_187",
+  "actions-centered": "awsui_actions-centered_2qdw9_jcalo_192",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_jcalo_195",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_jcalo_199",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_jcalo_203",
+  "title": "awsui_title_2qdw9_jcalo_219",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_jcalo_224",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_jcalo_231",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_jcalo_237",
+  "virtual-space": "awsui_virtual-space_2qdw9_jcalo_262",
+  "info": "awsui_info_2qdw9_jcalo_268",
+  "description": "awsui_description_2qdw9_jcalo_272",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_jcalo_279",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_jcalo_283",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_jcalo_290",
+  "heading": "awsui_heading_2qdw9_jcalo_299",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_jcalo_310",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_jcalo_315",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_jcalo_320",
+  "heading-text": "awsui_heading-text_2qdw9_jcalo_330",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_jcalo_333",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_jcalo_341",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_jcalo_349",
+  "counter": "awsui_counter_2qdw9_jcalo_358"
 };
   

package/header/styles.scoped.css

@@ -96,7 +96,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_2qdw9_1bpgx_99:not(#\9) {
+.awsui_root_2qdw9_jcalo_99:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -136,29 +136,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root_2qdw9_1bpgx_99.awsui_refresh_2qdw9_1bpgx_138:not(#\9), .awsui_root_2qdw9_1bpgx_99:not(#\9):not(.awsui_root-no-actions_2qdw9_1bpgx_138) {
+.awsui_root-with-toolbar_2qdw9_jcalo_138:not(#\9) {
+  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
+}
+.awsui_root_2qdw9_jcalo_99.awsui_refresh_2qdw9_jcalo_141:not(#\9), .awsui_root_2qdw9_jcalo_99:not(#\9):not(.awsui_root-no-actions_2qdw9_jcalo_141) {
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_1bpgx_138.awsui_root-variant-h2_2qdw9_1bpgx_141:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138), .awsui_root-no-actions_2qdw9_1bpgx_138.awsui_root-variant-h3_2qdw9_1bpgx_141:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138), .awsui_root-has-description_2qdw9_1bpgx_141.awsui_root-variant-h2_2qdw9_1bpgx_141:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138), .awsui_root-has-description_2qdw9_1bpgx_141.awsui_root-variant-h3_2qdw9_1bpgx_141:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-variant-h2_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-variant-h3_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_root-has-description_2qdw9_jcalo_144.awsui_root-variant-h2_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_root-has-description_2qdw9_jcalo_144.awsui_root-variant-h3_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_1bpgx_138:not(#\9):not(.awsui_root-has-description_2qdw9_1bpgx_141):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_root-no-actions_2qdw9_jcalo_141:not(#\9):not(.awsui_root-has-description_2qdw9_jcalo_144):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--space-xxxs-zbmxqb, 2px));
 }
-.awsui_root-no-actions_2qdw9_1bpgx_138.awsui_refresh_2qdw9_1bpgx_138.awsui_root-variant-h2_2qdw9_1bpgx_141:not(#\9), .awsui_root-no-actions_2qdw9_1bpgx_138.awsui_refresh_2qdw9_1bpgx_138.awsui_root-variant-h3_2qdw9_1bpgx_141:not(#\9) {
+.awsui_root-no-actions_2qdw9_jcalo_141.awsui_refresh_2qdw9_jcalo_141.awsui_root-variant-h2_2qdw9_jcalo_144:not(#\9), .awsui_root-no-actions_2qdw9_jcalo_141.awsui_refresh_2qdw9_jcalo_141.awsui_root-variant-h3_2qdw9_jcalo_144:not(#\9) {
   row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
 }
-.awsui_root_2qdw9_1bpgx_99.awsui_root-variant-h1_2qdw9_1bpgx_150:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_root_2qdw9_jcalo_99.awsui_root-variant-h1_2qdw9_jcalo_153:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_1bpgx_138:not(#\9):not(.awsui_root-has-description_2qdw9_1bpgx_141).awsui_refresh_2qdw9_1bpgx_138.awsui_root-variant-h3_2qdw9_1bpgx_141 {
+.awsui_root-no-actions_2qdw9_jcalo_141:not(#\9):not(.awsui_root-has-description_2qdw9_jcalo_144).awsui_refresh_2qdw9_jcalo_141.awsui_root-variant-h3_2qdw9_jcalo_144 {
   padding-block-end: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_2qdw9_1bpgx_99.awsui_root-variant-h1_2qdw9_1bpgx_150.awsui_root-has-description_2qdw9_1bpgx_141:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_root_2qdw9_jcalo_99.awsui_root-variant-h1_2qdw9_jcalo_153.awsui_root-has-description_2qdw9_jcalo_144:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_main_2qdw9_1bpgx_160:not(#\9) {
+.awsui_main_2qdw9_jcalo_163:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   display: flex;
@@ -168,167 +171,167 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-xs-zb16t3, 8px);
   row-gap: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
 }
-.awsui_main_2qdw9_1bpgx_160.awsui_no-wrap_2qdw9_1bpgx_170:not(#\9) {
+.awsui_main_2qdw9_jcalo_163.awsui_no-wrap_2qdw9_jcalo_173:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_1bpgx_160.awsui_refresh_2qdw9_1bpgx_138:not(#\9) {
+.awsui_main_2qdw9_jcalo_163.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
   row-gap: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_main-variant-h1_2qdw9_1bpgx_176:not(#\9) {
+.awsui_main-variant-h1_2qdw9_jcalo_179:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_root-has-description_2qdw9_1bpgx_141 > .awsui_main_2qdw9_1bpgx_160:not(#\9) {
+.awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_actions_2qdw9_1bpgx_184:not(#\9) {
+.awsui_actions_2qdw9_jcalo_187:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-v5iwwf, 32px);
 }
-.awsui_actions-centered_2qdw9_1bpgx_189:not(#\9) {
+.awsui_actions-centered_2qdw9_jcalo_192:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_1bpgx_192.awsui_refresh_2qdw9_1bpgx_138:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_jcalo_195.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
   padding-block: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_1bpgx_196.awsui_refresh_2qdw9_1bpgx_138:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_jcalo_199.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
   padding-block: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h3_2qdw9_1bpgx_200.awsui_refresh_2qdw9_1bpgx_138:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_jcalo_203.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
   padding-block: calc((var(--line-height-heading-m-50evfk, 22px) - var(--size-vertical-input-v5iwwf, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h1_2qdw9_1bpgx_192:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_actions-variant-h1_2qdw9_jcalo_195:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_1bpgx_196:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138), .awsui_actions-variant-h3_2qdw9_1bpgx_200:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_actions-variant-h2_2qdw9_jcalo_199:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_actions-variant-h3_2qdw9_jcalo_203:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_1bpgx_141 > .awsui_main_2qdw9_1bpgx_160 > .awsui_actions_2qdw9_1bpgx_184:not(#\9) {
+.awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163 > .awsui_actions_2qdw9_jcalo_187:not(#\9) {
   padding-block-end: 0;
 }
 
-.awsui_title_2qdw9_1bpgx_216:not(#\9) {
+.awsui_title_2qdw9_jcalo_219:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-lstrpn, #000716);
 }
-.awsui_title-variant-h1_2qdw9_1bpgx_221:not(#\9) {
+.awsui_title-variant-h1_2qdw9_jcalo_224:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   padding-block-start: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
-.awsui_title-variant-h1_2qdw9_1bpgx_221.awsui_refresh_2qdw9_1bpgx_138:not(#\9) {
+.awsui_title-variant-h1_2qdw9_jcalo_224.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-xl-avbttk, 30px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_1bpgx_228:not(#\9) {
+.awsui_title-variant-h2_2qdw9_jcalo_231:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
 }
-.awsui_title-variant-h2_2qdw9_1bpgx_228.awsui_refresh_2qdw9_1bpgx_138:not(#\9) {
+.awsui_title-variant-h2_2qdw9_jcalo_231.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-l-mmm3my, 24px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_1bpgx_234:not(#\9) {
+.awsui_title-variant-h3_2qdw9_jcalo_237:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
 }
-.awsui_title-variant-h3_2qdw9_1bpgx_234.awsui_refresh_2qdw9_1bpgx_138:not(#\9) {
+.awsui_title-variant-h3_2qdw9_jcalo_237.awsui_refresh_2qdw9_jcalo_141:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-m-50evfk, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_1bpgx_228:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138), .awsui_title-variant-h3_2qdw9_1bpgx_234:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_title-variant-h2_2qdw9_jcalo_231:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141), .awsui_title-variant-h3_2qdw9_jcalo_237:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-start: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_no-wrap_2qdw9_1bpgx_170 > .awsui_title_2qdw9_1bpgx_216:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_no-wrap_2qdw9_jcalo_173 > .awsui_title_2qdw9_jcalo_219:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-end: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
 }
-.awsui_title_2qdw9_1bpgx_216:not(#\9):dir(rtl) {
+.awsui_title_2qdw9_jcalo_219:not(#\9):dir(rtl) {
   align-items: center;
   display: inline-flex;
 }
 
-.awsui_root-no-actions_2qdw9_1bpgx_138.awsui_root-has-description_2qdw9_1bpgx_141 > .awsui_main_2qdw9_1bpgx_160 > :not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138).awsui_title-variant-h2_2qdw9_1bpgx_228, .awsui_root-no-actions_2qdw9_1bpgx_138.awsui_root-has-description_2qdw9_1bpgx_141 > .awsui_main_2qdw9_1bpgx_160 > :not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138).awsui_title-variant-h3_2qdw9_1bpgx_234 {
+.awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163 > :not(#\9):not(.awsui_refresh_2qdw9_jcalo_141).awsui_title-variant-h2_2qdw9_jcalo_231, .awsui_root-no-actions_2qdw9_jcalo_141.awsui_root-has-description_2qdw9_jcalo_144 > .awsui_main_2qdw9_jcalo_163 > :not(#\9):not(.awsui_refresh_2qdw9_jcalo_141).awsui_title-variant-h3_2qdw9_jcalo_237 {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
 
-.awsui_root-variant-h1_2qdw9_1bpgx_150.awsui_root-no-actions_2qdw9_1bpgx_138:not(#\9):not(.awsui_root-has-description_2qdw9_1bpgx_141):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_root-variant-h1_2qdw9_jcalo_153.awsui_root-no-actions_2qdw9_jcalo_141:not(#\9):not(.awsui_root-has-description_2qdw9_jcalo_144):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_virtual-space_2qdw9_1bpgx_259:not(#\9) {
+.awsui_virtual-space_2qdw9_jcalo_262:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_info_2qdw9_1bpgx_265:not(#\9) {
+.awsui_info_2qdw9_jcalo_268:not(#\9) {
   padding-inline-end: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_description_2qdw9_1bpgx_269:not(#\9) {
+.awsui_description_2qdw9_jcalo_272:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-heading-secondary-37b2tq, #414d5c);
 }
-.awsui_description-variant-h1_2qdw9_1bpgx_276:not(#\9) {
+.awsui_description-variant-h1_2qdw9_jcalo_279:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
 }
-.awsui_description-variant-h2_2qdw9_1bpgx_280:not(#\9) {
+.awsui_description-variant-h2_2qdw9_jcalo_283:not(#\9) {
   font-size: var(--font-header-h2-description-size-2hj97p, 14px);
   line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
 }
-.awsui_description-variant-h2_2qdw9_1bpgx_280:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_description-variant-h2_2qdw9_jcalo_283:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_description-variant-h3_2qdw9_1bpgx_287:not(#\9) {
+.awsui_description-variant-h3_2qdw9_jcalo_290:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
-.awsui_description-variant-h3_2qdw9_1bpgx_287:not(#\9):not(.awsui_refresh_2qdw9_1bpgx_138) {
+.awsui_description-variant-h3_2qdw9_jcalo_290:not(#\9):not(.awsui_refresh_2qdw9_jcalo_141) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
 
-.awsui_heading_2qdw9_1bpgx_296:not(#\9) {
+.awsui_heading_2qdw9_jcalo_299:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_heading_2qdw9_1bpgx_296:not(#\9):only-child {
+.awsui_heading_2qdw9_jcalo_299:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading-variant-h1_2qdw9_1bpgx_307:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_jcalo_310:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   line-height: var(--line-height-heading-xl-avbttk, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
 }
-.awsui_heading-variant-h2_2qdw9_1bpgx_312:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_jcalo_315:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
   line-height: var(--line-height-heading-l-mmm3my, 24px);
   letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
 }
-.awsui_heading-variant-h3_2qdw9_1bpgx_317:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_jcalo_320:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
 }
-.awsui_heading_2qdw9_1bpgx_296:not(#\9):dir(rtl) {
+.awsui_heading_2qdw9_jcalo_299:not(#\9):dir(rtl) {
   display: inline-flex;
   gap: var(--space-scaled-xxs-7597g1, 4px);
 }
 
-.awsui_heading-text_2qdw9_1bpgx_327:not(#\9) {
+.awsui_heading-text_2qdw9_jcalo_330:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_1bpgx_330:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_jcalo_333:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   line-height: var(--line-height-heading-xl-avbttk, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -336,7 +339,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_heading-text-variant-h2_2qdw9_1bpgx_338:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_jcalo_341:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
   line-height: var(--line-height-heading-l-mmm3my, 24px);
   letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -344,7 +347,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_heading-text-variant-h3_2qdw9_1bpgx_346:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_jcalo_349:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -353,7 +356,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
 
-.awsui_counter_2qdw9_1bpgx_355:not(#\9) {
+.awsui_counter_2qdw9_jcalo_358:not(#\9) {
   color: var(--color-text-counter-zqugin, #5f6b7a);
   font-weight: 400;
 }

package/header/styles.selectors.js

@@ -2,39 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_1bpgx_99",
-  "refresh": "awsui_refresh_2qdw9_1bpgx_138",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_1bpgx_138",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1bpgx_141",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1bpgx_141",
-  "root-has-description": "awsui_root-has-description_2qdw9_1bpgx_141",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1bpgx_150",
-  "main": "awsui_main_2qdw9_1bpgx_160",
-  "no-wrap": "awsui_no-wrap_2qdw9_1bpgx_170",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1bpgx_176",
-  "actions": "awsui_actions_2qdw9_1bpgx_184",
-  "actions-centered": "awsui_actions-centered_2qdw9_1bpgx_189",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1bpgx_192",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1bpgx_196",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1bpgx_200",
-  "title": "awsui_title_2qdw9_1bpgx_216",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1bpgx_221",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1bpgx_228",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1bpgx_234",
-  "virtual-space": "awsui_virtual-space_2qdw9_1bpgx_259",
-  "info": "awsui_info_2qdw9_1bpgx_265",
-  "description": "awsui_description_2qdw9_1bpgx_269",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1bpgx_276",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1bpgx_280",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1bpgx_287",
-  "heading": "awsui_heading_2qdw9_1bpgx_296",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1bpgx_307",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1bpgx_312",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1bpgx_317",
-  "heading-text": "awsui_heading-text_2qdw9_1bpgx_327",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1bpgx_330",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1bpgx_338",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1bpgx_346",
-  "counter": "awsui_counter_2qdw9_1bpgx_355"
+  "root": "awsui_root_2qdw9_jcalo_99",
+  "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_jcalo_138",
+  "refresh": "awsui_refresh_2qdw9_jcalo_141",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_jcalo_141",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_jcalo_144",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_jcalo_144",
+  "root-has-description": "awsui_root-has-description_2qdw9_jcalo_144",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_jcalo_153",
+  "main": "awsui_main_2qdw9_jcalo_163",
+  "no-wrap": "awsui_no-wrap_2qdw9_jcalo_173",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_jcalo_179",
+  "actions": "awsui_actions_2qdw9_jcalo_187",
+  "actions-centered": "awsui_actions-centered_2qdw9_jcalo_192",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_jcalo_195",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_jcalo_199",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_jcalo_203",
+  "title": "awsui_title_2qdw9_jcalo_219",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_jcalo_224",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_jcalo_231",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_jcalo_237",
+  "virtual-space": "awsui_virtual-space_2qdw9_jcalo_262",
+  "info": "awsui_info_2qdw9_jcalo_268",
+  "description": "awsui_description_2qdw9_jcalo_272",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_jcalo_279",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_jcalo_283",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_jcalo_290",
+  "heading": "awsui_heading_2qdw9_jcalo_299",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_jcalo_310",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_jcalo_315",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_jcalo_320",
+  "heading-text": "awsui_heading-text_2qdw9_jcalo_330",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_jcalo_333",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_jcalo_341",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_jcalo_349",
+  "counter": "awsui_counter_2qdw9_jcalo_358"
 };