@cloudscape-design/components 3.0.383 → 3.0.384

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["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;AAOjD,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,eAwDrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,sBAgBhH"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["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;AAOjD,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,eA8DrB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,eAAe,EAAE,MAAM,CAAA;CAAE,sBAgBhH"}
@@ -27,8 +27,8 @@ export default function InternalHeader(_a) {
27
27
  // If is mobile there is no need to have the dynamic variant because it's scrolled out of view
28
28
  const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';
29
29
  const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;
30
- 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`]], __disableActionsWrapping && [styles['root-no-wrap']]), ref: __internalRootRef }),
31
- React.createElement("div", { className: clsx(styles.main, styles[`main-variant-${variantOverride}`], isRefresh && styles.refresh) },
30
+ 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 }),
31
+ React.createElement("div", { className: clsx(styles.main, styles[`main-variant-${variantOverride}`], isRefresh && styles.refresh, __disableActionsWrapping && [styles['no-wrap']]) },
32
32
  React.createElement("div", { className: clsx(styles.title, styles[`title-variant-${variantOverride}`], isRefresh && styles.refresh) },
33
33
  React.createElement(HeadingTag, { className: clsx(styles.heading, styles[`heading-variant-${variantOverride}`]) },
34
34
  React.createElement("span", Object.assign({}, (HeadingTag === 'h2' ? { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_SUBSTEP_NAME } : {}), { className: clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`]), id: headingId }), children),
@@ -36,8 +36,8 @@ export default function InternalHeader(_a) {
36
36
  " ",
37
37
  counter)),
38
38
  React.createElement(InfoLinkLabelContext.Provider, { value: headingId }, info && React.createElement("span", { className: styles.info }, info))),
39
- React.createElement(Description, { variantOverride: variantOverride }, description)),
40
- actions && (React.createElement("div", { className: clsx(styles.actions, styles[`actions-variant-${variantOverride}`], isRefresh && styles.refresh) }, actions))));
39
+ actions && (React.createElement("div", { className: clsx(styles.actions, styles[`actions-variant-${variantOverride}`], isRefresh && styles.refresh) }, actions))),
40
+ React.createElement(Description, { variantOverride: variantOverride }, description)));
41
41
  }
42
42
  export function Description({ children, variantOverride }) {
43
43
  const isRefresh = useVisualRefresh();
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["header/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAMhG,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAWjB;QAXiB,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAiB,GAAG,IAAI,EACxB,wBAAwB,OAEJ,EADjB,SAAS,cAVyB,2IAWtC,CADa;IAEZ,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,UAAU,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1F,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC;IACnE,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,cAAc,CAAC,SAAS,CAAC,CAAC;KAC3B;IACD,8FAA8F;IAC9F,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,MAAM,eAAe,GAAG,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtG,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,gBAAgB,eAAe,EAAE,CAAC,EACzC,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3B,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EACvC,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAC/C,wBAAwB,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CACrD,EACD,GAAG,EAAE,iBAAiB;QAEtB,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,gBAAgB,eAAe,EAAE,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC;YACvG,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,iBAAiB,eAAe,EAAE,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC;gBACzG,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,mBAAmB,eAAe,EAAE,CAAC,CAAC;oBACvF,8CACM,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,oBAAoB,CAAC,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACpF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,wBAAwB,eAAe,EAAE,CAAC,CAAC,EAC1F,EAAE,EAAE,SAAS,KAEZ,QAAQ,CACJ;oBACN,OAAO,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO;;wBAAI,OAAO,CAAQ,CACjE;gBACb,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAC5C,IAAI,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACtB,CAC5B;YACN,oBAAC,WAAW,IAAC,eAAe,EAAE,eAAe,IAAG,WAAW,CAAe,CACtE;QACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,mBAAmB,eAAe,EAAE,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,IAEzG,OAAO,CACJ,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,eAAe,EAA0D;IAC/G,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,CACL,CAAC,QAAQ,IAAI,CACX,2BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,uBAAuB,eAAe,EAAE,CAAC,EAChD,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,IAEA,QAAQ,CACP,CACL,CAAC;QACF,IAAI,CACL,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport 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';\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 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 __disableActionsWrapping && [styles['root-no-wrap']]\n )}\n ref={__internalRootRef}\n >\n <div className={clsx(styles.main, styles[`main-variant-${variantOverride}`], isRefresh && styles.refresh)}>\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 {...(HeadingTag === 'h2' ? { [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 <InfoLinkLabelContext.Provider value={headingId}>\n {info && <span className={styles.info}>{info}</span>}\n </InfoLinkLabelContext.Provider>\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n {actions && (\n <div\n className={clsx(styles.actions, styles[`actions-variant-${variantOverride}`], isRefresh && styles.refresh)}\n >\n {actions}\n </div>\n )}\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) ||\n null\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["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';\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 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 {...(HeadingTag === 'h2' ? { [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 <InfoLinkLabelContext.Provider value={headingId}>\n {info && <span className={styles.info}>{info}</span>}\n </InfoLinkLabelContext.Provider>\n </div>\n {actions && (\n <div\n className={clsx(styles.actions, styles[`actions-variant-${variantOverride}`], isRefresh && styles.refresh)}\n >\n {actions}\n </div>\n )}\n </div>\n <Description variantOverride={variantOverride}>{description}</Description>\n </div>\n );\n}\n\nexport function Description({ children, variantOverride }: { children: React.ReactNode; variantOverride: string }) {\n const isRefresh = useVisualRefresh();\n return (\n (children && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles.refresh\n )}\n >\n {children}\n </p>\n )) ||\n null\n );\n}\n"]}
@@ -1,38 +1,37 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2qdw9_13rj0_93",
5
- "refresh": "awsui_refresh_2qdw9_13rj0_111",
6
- "root-no-actions": "awsui_root-no-actions_2qdw9_13rj0_114",
7
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_13rj0_114",
8
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_13rj0_114",
9
- "root-has-description": "awsui_root-has-description_2qdw9_13rj0_114",
10
- "root-no-wrap": "awsui_root-no-wrap_2qdw9_13rj0_120",
11
- "main": "awsui_main_2qdw9_13rj0_124",
12
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_13rj0_132",
13
- "main-variant-h2": "awsui_main-variant-h2_2qdw9_13rj0_139",
14
- "main-variant-h3": "awsui_main-variant-h3_2qdw9_13rj0_139",
15
- "actions": "awsui_actions_2qdw9_13rj0_149",
16
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_13rj0_153",
17
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_13rj0_156",
18
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_13rj0_159",
19
- "title": "awsui_title_2qdw9_13rj0_172",
20
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_13rj0_178",
21
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_13rj0_184",
22
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_13rj0_190",
23
- "info": "awsui_info_2qdw9_13rj0_200",
24
- "description": "awsui_description_2qdw9_13rj0_204",
25
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_13rj0_209",
26
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_13rj0_216",
27
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_13rj0_223",
28
- "heading": "awsui_heading_2qdw9_13rj0_232",
29
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_13rj0_241",
30
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_13rj0_246",
31
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_13rj0_251",
32
- "heading-text": "awsui_heading-text_2qdw9_13rj0_257",
33
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_13rj0_260",
34
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_13rj0_268",
35
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_13rj0_276",
36
- "counter": "awsui_counter_2qdw9_13rj0_285"
4
+ "root": "awsui_root_2qdw9_1s1m0_93",
5
+ "refresh": "awsui_refresh_2qdw9_1s1m0_110",
6
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1s1m0_110",
7
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1s1m0_113",
8
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1s1m0_113",
9
+ "root-has-description": "awsui_root-has-description_2qdw9_1s1m0_113",
10
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1s1m0_122",
11
+ "main": "awsui_main_2qdw9_1s1m0_132",
12
+ "no-wrap": "awsui_no-wrap_2qdw9_1s1m0_142",
13
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1s1m0_148",
14
+ "actions": "awsui_actions_2qdw9_1s1m0_156",
15
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1s1m0_160",
16
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1s1m0_163",
17
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1s1m0_166",
18
+ "title": "awsui_title_2qdw9_1s1m0_179",
19
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_1s1m0_185",
20
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1s1m0_192",
21
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1s1m0_198",
22
+ "info": "awsui_info_2qdw9_1s1m0_219",
23
+ "description": "awsui_description_2qdw9_1s1m0_223",
24
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1s1m0_228",
25
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1s1m0_232",
26
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1s1m0_239",
27
+ "heading": "awsui_heading_2qdw9_1s1m0_248",
28
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1s1m0_257",
29
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1s1m0_262",
30
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1s1m0_267",
31
+ "heading-text": "awsui_heading-text_2qdw9_1s1m0_273",
32
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1s1m0_276",
33
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1s1m0_284",
34
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1s1m0_292",
35
+ "counter": "awsui_counter_2qdw9_1s1m0_301"
37
36
  };
38
37
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_2qdw9_13rj0_93:not(#\9) {
93
+ .awsui_root_2qdw9_1s1m0_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -132,158 +132,174 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
132
132
  width: 100%;
133
133
  flex-wrap: wrap;
134
134
  justify-content: space-between;
135
- column-gap: var(--space-xs-zb16t3, 8px);
136
135
  }
137
- .awsui_root_2qdw9_13rj0_93.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
136
+ .awsui_root_2qdw9_1s1m0_93.awsui_refresh_2qdw9_1s1m0_110:not(#\9), .awsui_root_2qdw9_1s1m0_93:not(#\9):not(.awsui_root-no-actions_2qdw9_1s1m0_110) {
138
137
  row-gap: var(--space-scaled-xxs-7597g1, 4px);
139
138
  }
140
- .awsui_root-no-actions_2qdw9_13rj0_114.awsui_root-variant-h2_2qdw9_13rj0_114:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111), .awsui_root-no-actions_2qdw9_13rj0_114.awsui_root-variant-h3_2qdw9_13rj0_114:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111), .awsui_root-has-description_2qdw9_13rj0_114.awsui_root-variant-h2_2qdw9_13rj0_114:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111), .awsui_root-has-description_2qdw9_13rj0_114.awsui_root-variant-h3_2qdw9_13rj0_114:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
139
+ .awsui_root-no-actions_2qdw9_1s1m0_110.awsui_root-variant-h2_2qdw9_1s1m0_113:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110), .awsui_root-no-actions_2qdw9_1s1m0_110.awsui_root-variant-h3_2qdw9_1s1m0_113:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110), .awsui_root-has-description_2qdw9_1s1m0_113.awsui_root-variant-h2_2qdw9_1s1m0_113:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110), .awsui_root-has-description_2qdw9_1s1m0_113.awsui_root-variant-h3_2qdw9_1s1m0_113:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
141
140
  padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
142
141
  }
143
- .awsui_root-no-actions_2qdw9_13rj0_114:not(#\9):not(.awsui_root-has-description_2qdw9_13rj0_114).awsui_refresh_2qdw9_13rj0_111.awsui_root-variant-h3_2qdw9_13rj0_114 {
142
+ .awsui_root-no-actions_2qdw9_1s1m0_110:not(#\9):not(.awsui_root-has-description_2qdw9_1s1m0_113):not(.awsui_refresh_2qdw9_1s1m0_110) {
143
+ padding-bottom: calc(var(--space-scaled-xs-26e2du, 8px) + var(--space-xxxs-zbmxqb, 2px));
144
+ }
145
+ .awsui_root-no-actions_2qdw9_1s1m0_110.awsui_refresh_2qdw9_1s1m0_110.awsui_root-variant-h2_2qdw9_1s1m0_113:not(#\9), .awsui_root-no-actions_2qdw9_1s1m0_110.awsui_refresh_2qdw9_1s1m0_110.awsui_root-variant-h3_2qdw9_1s1m0_113:not(#\9) {
146
+ row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
147
+ }
148
+ .awsui_root_2qdw9_1s1m0_93.awsui_root-variant-h1_2qdw9_1s1m0_122:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
149
+ row-gap: var(--space-scaled-xxs-7597g1, 4px);
150
+ }
151
+ .awsui_root-no-actions_2qdw9_1s1m0_110:not(#\9):not(.awsui_root-has-description_2qdw9_1s1m0_113).awsui_refresh_2qdw9_1s1m0_110.awsui_root-variant-h3_2qdw9_1s1m0_113 {
144
152
  padding-bottom: var(--space-scaled-xs-26e2du, 8px);
145
153
  }
146
- .awsui_root-no-wrap_2qdw9_13rj0_120:not(#\9) {
147
- flex-wrap: nowrap;
154
+ .awsui_root_2qdw9_1s1m0_93.awsui_root-variant-h1_2qdw9_1s1m0_122.awsui_root-has-description_2qdw9_1s1m0_113:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
155
+ padding-bottom: var(--space-scaled-2x-xxs-7v8ivz, 4px);
148
156
  }
149
157
 
150
- .awsui_main_2qdw9_13rj0_124:not(#\9) {
158
+ .awsui_main_2qdw9_1s1m0_132:not(#\9) {
151
159
  word-wrap: break-word;
152
160
  max-width: 100%;
153
- }
154
- .awsui_main_2qdw9_13rj0_124.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
155
161
  display: flex;
156
- flex-direction: column;
157
- }
158
- .awsui_main-variant-h1_2qdw9_13rj0_132:not(#\9) {
159
- padding: var(--space-scaled-2x-xxs-7v8ivz, 4px) 0;
162
+ justify-content: space-between;
163
+ width: 100%;
164
+ flex-wrap: wrap;
165
+ column-gap: var(--space-xs-zb16t3, 8px);
166
+ row-gap: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
160
167
  }
161
- .awsui_main-variant-h1_2qdw9_13rj0_132.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
162
- padding: 0;
163
- row-gap: var(--space-scaled-xxs-7597g1, 4px);
168
+ .awsui_main_2qdw9_1s1m0_132.awsui_no-wrap_2qdw9_1s1m0_142:not(#\9) {
169
+ flex-wrap: nowrap;
164
170
  }
165
- .awsui_main-variant-h2_2qdw9_13rj0_139:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111), .awsui_main-variant-h3_2qdw9_13rj0_139:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
166
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
171
+ .awsui_main_2qdw9_1s1m0_132.awsui_refresh_2qdw9_1s1m0_110:not(#\9) {
172
+ row-gap: var(--space-xxs-p8yyaw, 4px);
167
173
  }
168
- :not(#\9):not(.awsui_root-has-description_2qdw9_13rj0_114) > .awsui_main-variant-h2_2qdw9_13rj0_139:not(.awsui_refresh_2qdw9_13rj0_111), :not(#\9):not(.awsui_root-has-description_2qdw9_13rj0_114) > .awsui_main-variant-h3_2qdw9_13rj0_139:not(.awsui_refresh_2qdw9_13rj0_111) {
169
- padding-bottom: var(--space-xxxs-zbmxqb, 2px);
174
+ .awsui_main-variant-h1_2qdw9_1s1m0_148:not(#\9) {
175
+ row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
170
176
  }
171
- .awsui_main-variant-h2_2qdw9_13rj0_139.awsui_refresh_2qdw9_13rj0_111:not(#\9), .awsui_main-variant-h3_2qdw9_13rj0_139.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
172
- row-gap: var(--space-scaled-xxxs-27y4hv, 2px);
177
+
178
+ .awsui_root-has-description_2qdw9_1s1m0_113 > .awsui_main_2qdw9_1s1m0_132:not(#\9) {
179
+ row-gap: var(--space-scaled-2x-xxs-7v8ivz, 4px);
173
180
  }
174
181
 
175
- .awsui_actions_2qdw9_13rj0_149:not(#\9) {
182
+ .awsui_actions_2qdw9_1s1m0_156:not(#\9) {
176
183
  display: flex;
177
184
  align-items: flex-start;
178
185
  }
179
- .awsui_actions-variant-h1_2qdw9_13rj0_153.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
186
+ .awsui_actions-variant-h1_2qdw9_1s1m0_160.awsui_refresh_2qdw9_1s1m0_110:not(#\9) {
180
187
  padding: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
181
188
  }
182
- .awsui_actions-variant-h2_2qdw9_13rj0_156.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
189
+ .awsui_actions-variant-h2_2qdw9_1s1m0_163.awsui_refresh_2qdw9_1s1m0_110:not(#\9) {
183
190
  padding: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
184
191
  }
185
- .awsui_actions-variant-h3_2qdw9_13rj0_159.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
192
+ .awsui_actions-variant-h3_2qdw9_1s1m0_166.awsui_refresh_2qdw9_1s1m0_110:not(#\9) {
186
193
  padding: calc((var(--line-height-heading-m-50evfk, 22px) - var(--size-vertical-input-v5iwwf, 32px)) / 2) 0;
187
194
  }
188
- .awsui_actions-variant-h1_2qdw9_13rj0_153:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
195
+ .awsui_actions-variant-h1_2qdw9_1s1m0_160:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
189
196
  padding: var(--space-scaled-xs-26e2du, 8px) 0;
190
197
  }
191
- .awsui_actions-variant-h2_2qdw9_13rj0_156:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111), .awsui_actions-variant-h3_2qdw9_13rj0_159:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
198
+ .awsui_actions-variant-h2_2qdw9_1s1m0_163:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110), .awsui_actions-variant-h3_2qdw9_1s1m0_166:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
192
199
  padding: var(--space-scaled-xxs-7597g1, 4px) 0;
193
200
  }
194
- .awsui_root-has-description_2qdw9_13rj0_114 > .awsui_actions-variant-h2_2qdw9_13rj0_156:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111), .awsui_root-has-description_2qdw9_13rj0_114 > .awsui_actions-variant-h3_2qdw9_13rj0_159:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
201
+ .awsui_root-has-description_2qdw9_1s1m0_113 > .awsui_main_2qdw9_1s1m0_132 > .awsui_actions_2qdw9_1s1m0_156:not(#\9) {
195
202
  padding-bottom: 0;
196
203
  }
197
204
 
198
- .awsui_title_2qdw9_13rj0_172:not(#\9) {
205
+ .awsui_title_2qdw9_1s1m0_179:not(#\9) {
199
206
  min-width: 0;
200
207
  -ms-word-break: break-all;
201
208
  word-break: break-word;
202
209
  color: var(--color-text-heading-default-rtslvy, #000716);
203
210
  }
204
- .awsui_title-variant-h1_2qdw9_13rj0_178:not(#\9) {
211
+ .awsui_title-variant-h1_2qdw9_1s1m0_185:not(#\9) {
205
212
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
213
+ padding-top: var(--space-scaled-2x-xxs-7v8ivz, 4px);
206
214
  }
207
- .awsui_title-variant-h1_2qdw9_13rj0_178.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
215
+ .awsui_title-variant-h1_2qdw9_1s1m0_185.awsui_refresh_2qdw9_1s1m0_110:not(#\9) {
208
216
  padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-xl-avbttk, 30px)) / 2);
209
217
  }
210
- .awsui_title-variant-h2_2qdw9_13rj0_184:not(#\9) {
218
+ .awsui_title-variant-h2_2qdw9_1s1m0_192:not(#\9) {
211
219
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
212
220
  }
213
- .awsui_title-variant-h2_2qdw9_13rj0_184.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
221
+ .awsui_title-variant-h2_2qdw9_1s1m0_192.awsui_refresh_2qdw9_1s1m0_110:not(#\9) {
214
222
  padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-l-mmm3my, 24px)) / 2);
215
223
  }
216
- .awsui_title-variant-h3_2qdw9_13rj0_190:not(#\9) {
224
+ .awsui_title-variant-h3_2qdw9_1s1m0_198:not(#\9) {
217
225
  font-size: var(--font-size-heading-m-sjd256, 18px);
218
226
  }
219
- .awsui_title-variant-h3_2qdw9_13rj0_190.awsui_refresh_2qdw9_13rj0_111:not(#\9) {
227
+ .awsui_title-variant-h3_2qdw9_1s1m0_198.awsui_refresh_2qdw9_1s1m0_110:not(#\9) {
220
228
  padding-top: calc((var(--size-vertical-input-v5iwwf, 32px) - var(--line-height-heading-m-50evfk, 22px)) / 2);
221
229
  }
222
- .awsui_title-variant-h2_2qdw9_13rj0_184:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111), .awsui_title-variant-h3_2qdw9_13rj0_190:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
223
- padding: var(--space-scaled-xxs-7597g1, 4px) 0;
230
+ .awsui_title-variant-h2_2qdw9_1s1m0_192:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110), .awsui_title-variant-h3_2qdw9_1s1m0_198:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
231
+ padding-top: var(--space-scaled-xs-26e2du, 8px);
232
+ }
233
+ .awsui_no-wrap_2qdw9_1s1m0_142 > .awsui_title_2qdw9_1s1m0_179:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
234
+ padding-bottom: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxxs-27y4hv, 2px));
224
235
  }
225
236
 
226
- .awsui_info_2qdw9_13rj0_200:not(#\9) {
237
+ .awsui_root-no-actions_2qdw9_1s1m0_110.awsui_root-has-description_2qdw9_1s1m0_113 > .awsui_main_2qdw9_1s1m0_132 > :not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110).awsui_title-variant-h2_2qdw9_1s1m0_192, .awsui_root-no-actions_2qdw9_1s1m0_110.awsui_root-has-description_2qdw9_1s1m0_113 > .awsui_main_2qdw9_1s1m0_132 > :not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110).awsui_title-variant-h3_2qdw9_1s1m0_198 {
238
+ padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
239
+ }
240
+
241
+ .awsui_root-variant-h1_2qdw9_1s1m0_122.awsui_root-no-actions_2qdw9_1s1m0_110:not(#\9):not(.awsui_root-has-description_2qdw9_1s1m0_113):not(.awsui_refresh_2qdw9_1s1m0_110) {
242
+ padding-bottom: var(--space-scaled-2x-xxs-7v8ivz, 4px);
243
+ }
244
+
245
+ .awsui_info_2qdw9_1s1m0_219:not(#\9) {
227
246
  padding-right: var(--space-s-34lx8l, 12px);
228
247
  }
229
248
 
230
- .awsui_description_2qdw9_13rj0_204:not(#\9) {
249
+ .awsui_description_2qdw9_1s1m0_223:not(#\9) {
231
250
  margin: 0;
232
251
  padding: 0;
233
252
  color: var(--color-text-heading-secondary-37b2tq, #414d5c);
234
253
  }
235
- .awsui_description-variant-h1_2qdw9_13rj0_209:not(#\9) {
254
+ .awsui_description-variant-h1_2qdw9_1s1m0_228:not(#\9) {
236
255
  font-size: var(--font-size-body-m-x4okxb, 14px);
237
256
  line-height: var(--line-height-body-m-30ar75, 20px);
238
257
  }
239
- .awsui_description-variant-h1_2qdw9_13rj0_209:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
240
- padding-top: var(--space-scaled-xxs-7597g1, 4px);
241
- }
242
- .awsui_description-variant-h2_2qdw9_13rj0_216:not(#\9) {
258
+ .awsui_description-variant-h2_2qdw9_1s1m0_232:not(#\9) {
243
259
  font-size: var(--font-header-h2-description-size-2hj97p, 14px);
244
260
  line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
245
261
  }
246
- .awsui_description-variant-h2_2qdw9_13rj0_216:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
262
+ .awsui_description-variant-h2_2qdw9_1s1m0_232:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
247
263
  padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
248
264
  }
249
- .awsui_description-variant-h3_2qdw9_13rj0_223:not(#\9) {
265
+ .awsui_description-variant-h3_2qdw9_1s1m0_239:not(#\9) {
250
266
  font-size: var(--font-size-body-s-asqx2i, 12px);
251
267
  line-height: var(--line-height-body-s-7zv1j5, 16px);
252
268
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
253
269
  }
254
- .awsui_description-variant-h3_2qdw9_13rj0_223:not(#\9):not(.awsui_refresh_2qdw9_13rj0_111) {
270
+ .awsui_description-variant-h3_2qdw9_1s1m0_239:not(#\9):not(.awsui_refresh_2qdw9_1s1m0_110) {
255
271
  padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
256
272
  }
257
273
 
258
- .awsui_heading_2qdw9_13rj0_232:not(#\9) {
274
+ .awsui_heading_2qdw9_1s1m0_248:not(#\9) {
259
275
  margin: 0;
260
276
  display: inline;
261
277
  font-size: inherit;
262
278
  margin-right: var(--space-xs-zb16t3, 8px);
263
279
  }
264
- .awsui_heading_2qdw9_13rj0_232:not(#\9):only-child {
280
+ .awsui_heading_2qdw9_1s1m0_248:not(#\9):only-child {
265
281
  margin: 0;
266
282
  }
267
- .awsui_heading-variant-h1_2qdw9_13rj0_241:not(#\9) {
283
+ .awsui_heading-variant-h1_2qdw9_1s1m0_257:not(#\9) {
268
284
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
269
285
  line-height: var(--line-height-heading-xl-avbttk, 30px);
270
286
  letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
271
287
  }
272
- .awsui_heading-variant-h2_2qdw9_13rj0_246:not(#\9) {
288
+ .awsui_heading-variant-h2_2qdw9_1s1m0_262:not(#\9) {
273
289
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
274
290
  line-height: var(--line-height-heading-l-mmm3my, 24px);
275
291
  letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
276
292
  }
277
- .awsui_heading-variant-h3_2qdw9_13rj0_251:not(#\9) {
293
+ .awsui_heading-variant-h3_2qdw9_1s1m0_267:not(#\9) {
278
294
  font-size: var(--font-size-heading-m-sjd256, 18px);
279
295
  line-height: var(--line-height-heading-m-50evfk, 22px);
280
296
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
281
297
  }
282
298
 
283
- .awsui_heading-text_2qdw9_13rj0_257:not(#\9) {
299
+ .awsui_heading-text_2qdw9_1s1m0_273:not(#\9) {
284
300
  /* used in test-utils */
285
301
  }
286
- .awsui_heading-text-variant-h1_2qdw9_13rj0_260:not(#\9) {
302
+ .awsui_heading-text-variant-h1_2qdw9_1s1m0_276:not(#\9) {
287
303
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
288
304
  line-height: var(--line-height-heading-xl-avbttk, 30px);
289
305
  letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -291,7 +307,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
291
307
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
292
308
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
293
309
  }
294
- .awsui_heading-text-variant-h2_2qdw9_13rj0_268:not(#\9) {
310
+ .awsui_heading-text-variant-h2_2qdw9_1s1m0_284:not(#\9) {
295
311
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
296
312
  line-height: var(--line-height-heading-l-mmm3my, 24px);
297
313
  letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -299,7 +315,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
299
315
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
300
316
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
301
317
  }
302
- .awsui_heading-text-variant-h3_2qdw9_13rj0_276:not(#\9) {
318
+ .awsui_heading-text-variant-h3_2qdw9_1s1m0_292:not(#\9) {
303
319
  font-size: var(--font-size-heading-m-sjd256, 18px);
304
320
  line-height: var(--line-height-heading-m-50evfk, 22px);
305
321
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -308,7 +324,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
308
324
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
309
325
  }
310
326
 
311
- .awsui_counter_2qdw9_13rj0_285:not(#\9) {
327
+ .awsui_counter_2qdw9_1s1m0_301:not(#\9) {
312
328
  color: var(--color-text-counter-zqugin, #5f6b7a);
313
329
  font-weight: 400;
314
330
  }
@@ -2,38 +2,37 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_2qdw9_13rj0_93",
6
- "refresh": "awsui_refresh_2qdw9_13rj0_111",
7
- "root-no-actions": "awsui_root-no-actions_2qdw9_13rj0_114",
8
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_13rj0_114",
9
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_13rj0_114",
10
- "root-has-description": "awsui_root-has-description_2qdw9_13rj0_114",
11
- "root-no-wrap": "awsui_root-no-wrap_2qdw9_13rj0_120",
12
- "main": "awsui_main_2qdw9_13rj0_124",
13
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_13rj0_132",
14
- "main-variant-h2": "awsui_main-variant-h2_2qdw9_13rj0_139",
15
- "main-variant-h3": "awsui_main-variant-h3_2qdw9_13rj0_139",
16
- "actions": "awsui_actions_2qdw9_13rj0_149",
17
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_13rj0_153",
18
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_13rj0_156",
19
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_13rj0_159",
20
- "title": "awsui_title_2qdw9_13rj0_172",
21
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_13rj0_178",
22
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_13rj0_184",
23
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_13rj0_190",
24
- "info": "awsui_info_2qdw9_13rj0_200",
25
- "description": "awsui_description_2qdw9_13rj0_204",
26
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_13rj0_209",
27
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_13rj0_216",
28
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_13rj0_223",
29
- "heading": "awsui_heading_2qdw9_13rj0_232",
30
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_13rj0_241",
31
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_13rj0_246",
32
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_13rj0_251",
33
- "heading-text": "awsui_heading-text_2qdw9_13rj0_257",
34
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_13rj0_260",
35
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_13rj0_268",
36
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_13rj0_276",
37
- "counter": "awsui_counter_2qdw9_13rj0_285"
5
+ "root": "awsui_root_2qdw9_1s1m0_93",
6
+ "refresh": "awsui_refresh_2qdw9_1s1m0_110",
7
+ "root-no-actions": "awsui_root-no-actions_2qdw9_1s1m0_110",
8
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_1s1m0_113",
9
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_1s1m0_113",
10
+ "root-has-description": "awsui_root-has-description_2qdw9_1s1m0_113",
11
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_1s1m0_122",
12
+ "main": "awsui_main_2qdw9_1s1m0_132",
13
+ "no-wrap": "awsui_no-wrap_2qdw9_1s1m0_142",
14
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_1s1m0_148",
15
+ "actions": "awsui_actions_2qdw9_1s1m0_156",
16
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1s1m0_160",
17
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1s1m0_163",
18
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1s1m0_166",
19
+ "title": "awsui_title_2qdw9_1s1m0_179",
20
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_1s1m0_185",
21
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_1s1m0_192",
22
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_1s1m0_198",
23
+ "info": "awsui_info_2qdw9_1s1m0_219",
24
+ "description": "awsui_description_2qdw9_1s1m0_223",
25
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_1s1m0_228",
26
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_1s1m0_232",
27
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_1s1m0_239",
28
+ "heading": "awsui_heading_2qdw9_1s1m0_248",
29
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1s1m0_257",
30
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1s1m0_262",
31
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1s1m0_267",
32
+ "heading-text": "awsui_heading-text_2qdw9_1s1m0_273",
33
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1s1m0_276",
34
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1s1m0_284",
35
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1s1m0_292",
36
+ "counter": "awsui_counter_2qdw9_1s1m0_301"
38
37
  };
39
38
 
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (82b4c9c5)";
2
+ export var PACKAGE_VERSION = "3.0.0 (81c3494e)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (82b4c9c5)",
3
+ "PACKAGE_VERSION": "3.0.0 (81c3494e)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "82b4c9c51567be2a3fbb70df9ed0b006a51409d9"
2
+ "commit": "81c3494e1adecf654b01366133b2ab81d703b3df"
3
3
  }
package/package.json CHANGED
@@ -109,7 +109,7 @@
109
109
  "./internal/base-component/index.js",
110
110
  "./internal/base-component/styles.css.js"
111
111
  ],
112
- "version": "3.0.383",
112
+ "version": "3.0.384",
113
113
  "repository": {
114
114
  "type": "git",
115
115
  "url": "https://github.com/cloudscape-design/components.git"