@cloudscape-design/components 3.0.639 → 3.0.641

package/form/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_1i0s3_19kut_99:not(#\9) {
+.awsui_root_1i0s3_v66hz_99:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -132,23 +132,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header_1i0s3_19kut_134:not(#\9):not(.awsui_full-page_1i0s3_19kut_134) {
+.awsui_header_1i0s3_v66hz_134:not(#\9) {
   margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_content_1i0s3_19kut_138:not(#\9) {
+.awsui_content_1i0s3_v66hz_138:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_error_1i0s3_19kut_142:not(#\9) {
+.awsui_error_1i0s3_v66hz_142:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1i0s3_19kut_146:not(#\9) {
+.awsui_footer_1i0s3_v66hz_146:not(#\9) {
   margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_actions-section_1i0s3_19kut_150:not(#\9) {
+.awsui_actions-section_1i0s3_v66hz_150:not(#\9) {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -157,13 +157,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
 }
 
-.awsui_secondary-actions_1i0s3_19kut_159:not(#\9) {
+.awsui_secondary-actions_1i0s3_v66hz_159:not(#\9) {
   min-inline-size: 1px;
   margin-inline-start: var(--space-scaled-m-mo5yse, 16px);
   margin-block-end: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_actions_1i0s3_19kut_150:not(#\9) {
+.awsui_actions_1i0s3_v66hz_150:not(#\9) {
   min-inline-size: 1px;
   margin-inline-start: var(--space-scaled-m-mo5yse, 16px);
   margin-block-end: var(--space-scaled-m-mo5yse, 16px);

package/form/styles.selectors.js

@@ -2,14 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1i0s3_19kut_99",
-  "header": "awsui_header_1i0s3_19kut_134",
-  "full-page": "awsui_full-page_1i0s3_19kut_134",
-  "content": "awsui_content_1i0s3_19kut_138",
-  "error": "awsui_error_1i0s3_19kut_142",
-  "footer": "awsui_footer_1i0s3_19kut_146",
-  "actions-section": "awsui_actions-section_1i0s3_19kut_150",
-  "secondary-actions": "awsui_secondary-actions_1i0s3_19kut_159",
-  "actions": "awsui_actions_1i0s3_19kut_150"
+  "root": "awsui_root_1i0s3_v66hz_99",
+  "header": "awsui_header_1i0s3_v66hz_134",
+  "content": "awsui_content_1i0s3_v66hz_138",
+  "error": "awsui_error_1i0s3_v66hz_142",
+  "footer": "awsui_footer_1i0s3_v66hz_146",
+  "actions-section": "awsui_actions-section_1i0s3_v66hz_150",
+  "secondary-actions": "awsui_secondary-actions_1i0s3_v66hz_159",
+  "actions": "awsui_actions_1i0s3_v66hz_150"
 };
   

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;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"}
+{"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"}

package/header/internal.js

@@ -13,7 +13,6 @@ 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();
@@ -30,8 +29,7 @@ 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;
-    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 }),
+    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 }),
         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';\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"]}
+{"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"]}

package/header/styles.css.js

@@ -1,40 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_60h2j_99",
-  "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_60h2j_138",
-  "refresh": "awsui_refresh_2qdw9_60h2j_141",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_60h2j_141",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_60h2j_144",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_60h2j_144",
-  "root-has-description": "awsui_root-has-description_2qdw9_60h2j_144",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_60h2j_153",
-  "main": "awsui_main_2qdw9_60h2j_163",
-  "no-wrap": "awsui_no-wrap_2qdw9_60h2j_173",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_60h2j_179",
-  "actions": "awsui_actions_2qdw9_60h2j_187",
-  "actions-centered": "awsui_actions-centered_2qdw9_60h2j_192",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_60h2j_195",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_60h2j_199",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_60h2j_203",
-  "title": "awsui_title_2qdw9_60h2j_219",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_60h2j_224",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_60h2j_231",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_60h2j_237",
-  "virtual-space": "awsui_virtual-space_2qdw9_60h2j_258",
-  "info": "awsui_info_2qdw9_60h2j_264",
-  "description": "awsui_description_2qdw9_60h2j_268",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_60h2j_275",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_60h2j_279",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_60h2j_286",
-  "heading": "awsui_heading_2qdw9_60h2j_295",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_60h2j_306",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_60h2j_311",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_60h2j_316",
-  "heading-text": "awsui_heading-text_2qdw9_60h2j_322",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_60h2j_325",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_60h2j_333",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_60h2j_341",
-  "counter": "awsui_counter_2qdw9_60h2j_350"
+  "root": "awsui_root_2qdw9_1riyq_99",
+  "refresh": "awsui_refresh_2qdw9_1riyq_138",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1riyq_138",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1riyq_141",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1riyq_141",
+  "root-has-description": "awsui_root-has-description_2qdw9_1riyq_141",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1riyq_150",
+  "main": "awsui_main_2qdw9_1riyq_160",
+  "no-wrap": "awsui_no-wrap_2qdw9_1riyq_170",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1riyq_176",
+  "actions": "awsui_actions_2qdw9_1riyq_184",
+  "actions-centered": "awsui_actions-centered_2qdw9_1riyq_189",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1riyq_192",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1riyq_196",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1riyq_200",
+  "title": "awsui_title_2qdw9_1riyq_216",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1riyq_221",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1riyq_228",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1riyq_234",
+  "virtual-space": "awsui_virtual-space_2qdw9_1riyq_255",
+  "info": "awsui_info_2qdw9_1riyq_261",
+  "description": "awsui_description_2qdw9_1riyq_265",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1riyq_272",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1riyq_276",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1riyq_283",
+  "heading": "awsui_heading_2qdw9_1riyq_292",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1riyq_303",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1riyq_308",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1riyq_313",
+  "heading-text": "awsui_heading-text_2qdw9_1riyq_319",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1riyq_322",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1riyq_330",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1riyq_338",
+  "counter": "awsui_counter_2qdw9_1riyq_347"
 };
   

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_60h2j_99:not(#\9) {
+.awsui_root_2qdw9_1riyq_99:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -136,32 +136,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root-with-toolbar_2qdw9_60h2j_138:not(#\9) {
-  padding-block-start: var(--space-scaled-s-aqzyko, 12px);
-}
-.awsui_root_2qdw9_60h2j_99.awsui_refresh_2qdw9_60h2j_141:not(#\9), .awsui_root_2qdw9_60h2j_99:not(#\9):not(.awsui_root-no-actions_2qdw9_60h2j_141) {
+.awsui_root_2qdw9_1riyq_99.awsui_refresh_2qdw9_1riyq_138:not(#\9), .awsui_root_2qdw9_1riyq_99:not(#\9):not(.awsui_root-no-actions_2qdw9_1riyq_138) {
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-variant-h2_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-variant-h3_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_root-has-description_2qdw9_60h2j_144.awsui_root-variant-h2_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_root-has-description_2qdw9_60h2j_144.awsui_root-variant-h3_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_root-no-actions_2qdw9_1riyq_138.awsui_root-variant-h2_2qdw9_1riyq_141:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138), .awsui_root-no-actions_2qdw9_1riyq_138.awsui_root-variant-h3_2qdw9_1riyq_141:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138), .awsui_root-has-description_2qdw9_1riyq_141.awsui_root-variant-h2_2qdw9_1riyq_141:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138), .awsui_root-has-description_2qdw9_1riyq_141.awsui_root-variant-h3_2qdw9_1riyq_141:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_60h2j_141:not(#\9):not(.awsui_root-has-description_2qdw9_60h2j_144):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_root-no-actions_2qdw9_1riyq_138:not(#\9):not(.awsui_root-has-description_2qdw9_1riyq_141):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--space-xxxs-zbmxqb, 2px));
 }
-.awsui_root-no-actions_2qdw9_60h2j_141.awsui_refresh_2qdw9_60h2j_141.awsui_root-variant-h2_2qdw9_60h2j_144:not(#\9), .awsui_root-no-actions_2qdw9_60h2j_141.awsui_refresh_2qdw9_60h2j_141.awsui_root-variant-h3_2qdw9_60h2j_144:not(#\9) {
+.awsui_root-no-actions_2qdw9_1riyq_138.awsui_refresh_2qdw9_1riyq_138.awsui_root-variant-h2_2qdw9_1riyq_141:not(#\9), .awsui_root-no-actions_2qdw9_1riyq_138.awsui_refresh_2qdw9_1riyq_138.awsui_root-variant-h3_2qdw9_1riyq_141:not(#\9) {
   row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
 }
-.awsui_root_2qdw9_60h2j_99.awsui_root-variant-h1_2qdw9_60h2j_153:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_root_2qdw9_1riyq_99.awsui_root-variant-h1_2qdw9_1riyq_150:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   row-gap: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_root-no-actions_2qdw9_60h2j_141:not(#\9):not(.awsui_root-has-description_2qdw9_60h2j_144).awsui_refresh_2qdw9_60h2j_141.awsui_root-variant-h3_2qdw9_60h2j_144 {
+.awsui_root-no-actions_2qdw9_1riyq_138:not(#\9):not(.awsui_root-has-description_2qdw9_1riyq_141).awsui_refresh_2qdw9_1riyq_138.awsui_root-variant-h3_2qdw9_1riyq_141 {
   padding-block-end: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_2qdw9_60h2j_99.awsui_root-variant-h1_2qdw9_60h2j_153.awsui_root-has-description_2qdw9_60h2j_144:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_root_2qdw9_1riyq_99.awsui_root-variant-h1_2qdw9_1riyq_150.awsui_root-has-description_2qdw9_1riyq_141:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_main_2qdw9_60h2j_163:not(#\9) {
+.awsui_main_2qdw9_1riyq_160:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   display: flex;
@@ -171,159 +168,159 @@ 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_60h2j_163.awsui_no-wrap_2qdw9_60h2j_173:not(#\9) {
+.awsui_main_2qdw9_1riyq_160.awsui_no-wrap_2qdw9_1riyq_170:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_60h2j_163.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
+.awsui_main_2qdw9_1riyq_160.awsui_refresh_2qdw9_1riyq_138:not(#\9) {
   row-gap: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_main-variant-h1_2qdw9_60h2j_179:not(#\9) {
+.awsui_main-variant-h1_2qdw9_1riyq_176:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163:not(#\9) {
+.awsui_root-has-description_2qdw9_1riyq_141 > .awsui_main_2qdw9_1riyq_160:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_actions_2qdw9_60h2j_187:not(#\9) {
+.awsui_actions_2qdw9_1riyq_184:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-v5iwwf, 32px);
 }
-.awsui_actions-centered_2qdw9_60h2j_192:not(#\9) {
+.awsui_actions-centered_2qdw9_1riyq_189:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_60h2j_195.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_1riyq_192.awsui_refresh_2qdw9_1riyq_138: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_60h2j_199.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_1riyq_196.awsui_refresh_2qdw9_1riyq_138: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_60h2j_203.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_1riyq_200.awsui_refresh_2qdw9_1riyq_138: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_60h2j_195:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_actions-variant-h1_2qdw9_1riyq_192:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_60h2j_199:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_actions-variant-h3_2qdw9_60h2j_203:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_actions-variant-h2_2qdw9_1riyq_196:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138), .awsui_actions-variant-h3_2qdw9_1riyq_200:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163 > .awsui_actions_2qdw9_60h2j_187:not(#\9) {
+.awsui_root-has-description_2qdw9_1riyq_141 > .awsui_main_2qdw9_1riyq_160 > .awsui_actions_2qdw9_1riyq_184:not(#\9) {
   padding-block-end: 0;
 }
 
-.awsui_title_2qdw9_60h2j_219:not(#\9) {
+.awsui_title_2qdw9_1riyq_216:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-lstrpn, #000716);
 }
-.awsui_title-variant-h1_2qdw9_60h2j_224:not(#\9) {
+.awsui_title-variant-h1_2qdw9_1riyq_221: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_60h2j_224.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
+.awsui_title-variant-h1_2qdw9_1riyq_221.awsui_refresh_2qdw9_1riyq_138: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_60h2j_231:not(#\9) {
+.awsui_title-variant-h2_2qdw9_1riyq_228:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
 }
-.awsui_title-variant-h2_2qdw9_60h2j_231.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
+.awsui_title-variant-h2_2qdw9_1riyq_228.awsui_refresh_2qdw9_1riyq_138: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_60h2j_237:not(#\9) {
+.awsui_title-variant-h3_2qdw9_1riyq_234:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
 }
-.awsui_title-variant-h3_2qdw9_60h2j_237.awsui_refresh_2qdw9_60h2j_141:not(#\9) {
+.awsui_title-variant-h3_2qdw9_1riyq_234.awsui_refresh_2qdw9_1riyq_138: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_60h2j_231:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141), .awsui_title-variant-h3_2qdw9_60h2j_237:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_title-variant-h2_2qdw9_1riyq_228:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138), .awsui_title-variant-h3_2qdw9_1riyq_234:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-start: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_no-wrap_2qdw9_60h2j_173 > .awsui_title_2qdw9_60h2j_219:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_no-wrap_2qdw9_1riyq_170 > .awsui_title_2qdw9_1riyq_216:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-end: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
 }
 
-.awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163 > :not(#\9):not(.awsui_refresh_2qdw9_60h2j_141).awsui_title-variant-h2_2qdw9_60h2j_231, .awsui_root-no-actions_2qdw9_60h2j_141.awsui_root-has-description_2qdw9_60h2j_144 > .awsui_main_2qdw9_60h2j_163 > :not(#\9):not(.awsui_refresh_2qdw9_60h2j_141).awsui_title-variant-h3_2qdw9_60h2j_237 {
+.awsui_root-no-actions_2qdw9_1riyq_138.awsui_root-has-description_2qdw9_1riyq_141 > .awsui_main_2qdw9_1riyq_160 > :not(#\9):not(.awsui_refresh_2qdw9_1riyq_138).awsui_title-variant-h2_2qdw9_1riyq_228, .awsui_root-no-actions_2qdw9_1riyq_138.awsui_root-has-description_2qdw9_1riyq_141 > .awsui_main_2qdw9_1riyq_160 > :not(#\9):not(.awsui_refresh_2qdw9_1riyq_138).awsui_title-variant-h3_2qdw9_1riyq_234 {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
 
-.awsui_root-variant-h1_2qdw9_60h2j_153.awsui_root-no-actions_2qdw9_60h2j_141:not(#\9):not(.awsui_root-has-description_2qdw9_60h2j_144):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_root-variant-h1_2qdw9_1riyq_150.awsui_root-no-actions_2qdw9_1riyq_138:not(#\9):not(.awsui_root-has-description_2qdw9_1riyq_141):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-end: var(--space-scaled-2x-xxs-7v8ivz, 4px);
 }
 
-.awsui_virtual-space_2qdw9_60h2j_258:not(#\9) {
+.awsui_virtual-space_2qdw9_1riyq_255:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_info_2qdw9_60h2j_264:not(#\9) {
+.awsui_info_2qdw9_1riyq_261:not(#\9) {
   padding-inline-end: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_description_2qdw9_60h2j_268:not(#\9) {
+.awsui_description_2qdw9_1riyq_265: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_60h2j_275:not(#\9) {
+.awsui_description-variant-h1_2qdw9_1riyq_272: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_60h2j_279:not(#\9) {
+.awsui_description-variant-h2_2qdw9_1riyq_276: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_60h2j_279:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_description-variant-h2_2qdw9_1riyq_276:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
-.awsui_description-variant-h3_2qdw9_60h2j_286:not(#\9) {
+.awsui_description-variant-h3_2qdw9_1riyq_283: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_60h2j_286:not(#\9):not(.awsui_refresh_2qdw9_60h2j_141) {
+.awsui_description-variant-h3_2qdw9_1riyq_283:not(#\9):not(.awsui_refresh_2qdw9_1riyq_138) {
   padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
 }
 
-.awsui_heading_2qdw9_60h2j_295:not(#\9) {
+.awsui_heading_2qdw9_1riyq_292:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_heading_2qdw9_60h2j_295:not(#\9):only-child {
+.awsui_heading_2qdw9_1riyq_292:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading-variant-h1_2qdw9_60h2j_306:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_1riyq_303: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_60h2j_311:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_1riyq_308: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_60h2j_316:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_1riyq_313: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-text_2qdw9_60h2j_322:not(#\9) {
+.awsui_heading-text_2qdw9_1riyq_319:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_60h2j_325:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_1riyq_322: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);
@@ -331,7 +328,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_60h2j_333:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_1riyq_330: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);
@@ -339,7 +336,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_60h2j_341:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_1riyq_338: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);
@@ -348,7 +345,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_60h2j_350:not(#\9) {
+.awsui_counter_2qdw9_1riyq_347:not(#\9) {
   color: var(--color-text-counter-zqugin, #5f6b7a);
   font-weight: 400;
 }

package/header/styles.selectors.js

@@ -2,40 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_60h2j_99",
-  "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_60h2j_138",
-  "refresh": "awsui_refresh_2qdw9_60h2j_141",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_60h2j_141",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_60h2j_144",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_60h2j_144",
-  "root-has-description": "awsui_root-has-description_2qdw9_60h2j_144",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_60h2j_153",
-  "main": "awsui_main_2qdw9_60h2j_163",
-  "no-wrap": "awsui_no-wrap_2qdw9_60h2j_173",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_60h2j_179",
-  "actions": "awsui_actions_2qdw9_60h2j_187",
-  "actions-centered": "awsui_actions-centered_2qdw9_60h2j_192",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_60h2j_195",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_60h2j_199",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_60h2j_203",
-  "title": "awsui_title_2qdw9_60h2j_219",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_60h2j_224",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_60h2j_231",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_60h2j_237",
-  "virtual-space": "awsui_virtual-space_2qdw9_60h2j_258",
-  "info": "awsui_info_2qdw9_60h2j_264",
-  "description": "awsui_description_2qdw9_60h2j_268",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_60h2j_275",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_60h2j_279",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_60h2j_286",
-  "heading": "awsui_heading_2qdw9_60h2j_295",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_60h2j_306",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_60h2j_311",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_60h2j_316",
-  "heading-text": "awsui_heading-text_2qdw9_60h2j_322",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_60h2j_325",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_60h2j_333",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_60h2j_341",
-  "counter": "awsui_counter_2qdw9_60h2j_350"
+  "root": "awsui_root_2qdw9_1riyq_99",
+  "refresh": "awsui_refresh_2qdw9_1riyq_138",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1riyq_138",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1riyq_141",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1riyq_141",
+  "root-has-description": "awsui_root-has-description_2qdw9_1riyq_141",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1riyq_150",
+  "main": "awsui_main_2qdw9_1riyq_160",
+  "no-wrap": "awsui_no-wrap_2qdw9_1riyq_170",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1riyq_176",
+  "actions": "awsui_actions_2qdw9_1riyq_184",
+  "actions-centered": "awsui_actions-centered_2qdw9_1riyq_189",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1riyq_192",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1riyq_196",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1riyq_200",
+  "title": "awsui_title_2qdw9_1riyq_216",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1riyq_221",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1riyq_228",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1riyq_234",
+  "virtual-space": "awsui_virtual-space_2qdw9_1riyq_255",
+  "info": "awsui_info_2qdw9_1riyq_261",
+  "description": "awsui_description_2qdw9_1riyq_265",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1riyq_272",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1riyq_276",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1riyq_283",
+  "heading": "awsui_heading_2qdw9_1riyq_292",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1riyq_303",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1riyq_308",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1riyq_313",
+  "heading-text": "awsui_heading-text_2qdw9_1riyq_319",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1riyq_322",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1riyq_330",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1riyq_338",
+  "counter": "awsui_counter_2qdw9_1riyq_347"
 };
   

package/input/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_deb6p_99",
-  "input": "awsui_input_2rhyz_deb6p_103",
-  "input-readonly": "awsui_input-readonly_2rhyz_deb6p_153",
-  "input-invalid": "awsui_input-invalid_2rhyz_deb6p_220",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_deb6p_231",
-  "input-warning": "awsui_input-warning_2rhyz_deb6p_236",
-  "input-type-search": "awsui_input-type-search_2rhyz_deb6p_252",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_deb6p_268",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_deb6p_271",
-  "input-container": "awsui_input-container_2rhyz_deb6p_278",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_deb6p_283",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_deb6p_290",
-  "input-button-right": "awsui_input-button-right_2rhyz_deb6p_296"
+  "root": "awsui_root_2rhyz_1yq0b_99",
+  "input": "awsui_input_2rhyz_1yq0b_103",
+  "input-readonly": "awsui_input-readonly_2rhyz_1yq0b_153",
+  "input-invalid": "awsui_input-invalid_2rhyz_1yq0b_220",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1yq0b_231",
+  "input-warning": "awsui_input-warning_2rhyz_1yq0b_236",
+  "input-type-search": "awsui_input-type-search_2rhyz_1yq0b_252",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1yq0b_265",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1yq0b_268",
+  "input-container": "awsui_input-container_2rhyz_1yq0b_275",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1yq0b_280",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1yq0b_287",
+  "input-button-right": "awsui_input-button-right_2rhyz_1yq0b_293"
 };