@cloudscape-design/components-themeable 3.0.851 → 3.0.853

package/lib/internal/template/grid/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/grid/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport clsx, { ClassValue } from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { Breakpoint, matchBreakpointMapping } from '../internal/breakpoints';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { isDevelopment } from '../internal/is-development';\nimport { GridProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalGridProps extends GridProps, InternalBaseComponentProps {\n  __breakpoint?: Breakpoint | null;\n\n  /**\n   * The handler that fires when the grid breakpoint changes.\n   */\n  __responsiveClassName?: (breakpoint: Breakpoint | null) => ClassValue;\n  /**\n   * Overrides the default wrapper HTML tag.\n   */\n  __tagOverride?: string;\n}\n\nconst InternalGrid = React.forwardRef(\n  (\n    {\n      __breakpoint,\n      gridDefinition = [],\n      disableGutters = false,\n      children,\n      __tagOverride,\n      __responsiveClassName,\n      __internalRootRef = null,\n      ...restProps\n    }: InternalGridProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    let [defaultBreakpoint, defaultRef]: [Breakpoint | null, React.Ref<HTMLDivElement>] =\n      useContainerBreakpoints(undefined);\n    if (__breakpoint !== undefined) {\n      defaultBreakpoint = __breakpoint;\n      defaultRef = ref;\n    }\n\n    const baseProps = getBaseProps(restProps);\n    /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n    const flattenedChildren = flattenChildren(children);\n    const Tag = (__tagOverride ?? 'div') as 'div';\n\n    if (isDevelopment) {\n      const columnCount = gridDefinition.length;\n      const childCount = flattenedChildren.length;\n      if (columnCount !== childCount) {\n        warnOnce(\n          'Grid',\n          `The number of children (${childCount}) does not match the number of columns defined (${columnCount}).`\n        );\n      }\n    }\n\n    const mergedRef = useMergeRefs(defaultRef, __internalRootRef);\n\n    return (\n      <Tag\n        {...baseProps}\n        className={clsx(\n          styles.grid,\n          baseProps.className,\n          { [styles['no-gutters']]: disableGutters },\n          __responsiveClassName ? __responsiveClassName(defaultBreakpoint) : null\n        )}\n        ref={mergedRef}\n      >\n        {flattenedChildren.map((child, i) => {\n          // If this react child is a primitive value, the key will be undefined\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const key = (child as Record<'key', unknown>).key;\n\n          return (\n            <div\n              key={key ? String(key) : undefined}\n              className={clsx(\n                styles['grid-column'],\n                getColumnClassNames('colspan', gridDefinition[i]?.colspan, defaultBreakpoint),\n                getColumnClassNames('offset', gridDefinition[i]?.offset, defaultBreakpoint),\n                getColumnClassNames('pull', gridDefinition[i]?.pull, defaultBreakpoint),\n                getColumnClassNames('push', gridDefinition[i]?.push, defaultBreakpoint)\n              )}\n            >\n              <div className={styles['restore-pointer-events']}>{child}</div>\n            </div>\n          );\n        })}\n      </Tag>\n    );\n  }\n);\n\nfunction getColumnClassNames(\n  prop: string,\n  mapping: undefined | number | GridProps.BreakpointMapping,\n  breakpoint: Breakpoint | null\n): string | null {\n  if (typeof mapping === 'number') {\n    return styles[`${prop}-${mapping}`];\n  }\n  if (breakpoint === null || mapping === undefined) {\n    return null;\n  }\n  return styles[`${prop}-${matchBreakpointMapping(mapping, breakpoint)}`];\n}\n\nexport default InternalGrid;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/grid/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport clsx, { ClassValue } from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { Breakpoint, matchBreakpointMapping } from '../internal/breakpoints';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { isDevelopment } from '../internal/is-development';\nimport { GridProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalGridProps extends GridProps, InternalBaseComponentProps {\n  __breakpoint?: Breakpoint | null;\n\n  /**\n   * The handler that fires when the grid breakpoint changes.\n   */\n  __responsiveClassName?: (breakpoint: Breakpoint | null) => ClassValue;\n  /**\n   * Overrides the default wrapper HTML tag.\n   */\n  __tagOverride?: string;\n}\n\nconst InternalGrid = React.forwardRef(\n  (\n    {\n      __breakpoint,\n      gridDefinition = [],\n      disableGutters = false,\n      children,\n      __tagOverride,\n      __responsiveClassName,\n      __internalRootRef = null,\n      ...restProps\n    }: InternalGridProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    let [defaultBreakpoint, defaultRef]: [Breakpoint | null, React.Ref<HTMLDivElement>] =\n      useContainerBreakpoints(undefined);\n    if (__breakpoint !== undefined) {\n      defaultBreakpoint = __breakpoint;\n      defaultRef = ref;\n    }\n\n    const baseProps = getBaseProps(restProps);\n    /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n    const flattenedChildren = flattenChildren(children);\n    const Tag = (__tagOverride ?? 'div') as 'div';\n\n    if (isDevelopment) {\n      const columnCount = gridDefinition.length;\n      const childCount = flattenedChildren.length;\n      if (columnCount !== childCount) {\n        warnOnce(\n          'Grid',\n          `The number of children (${childCount}) does not match the number of columns defined (${columnCount}).`\n        );\n      }\n    }\n\n    const mergedRef = useMergeRefs(defaultRef, __internalRootRef);\n\n    return (\n      <Tag\n        {...baseProps}\n        className={clsx(\n          styles.grid,\n          baseProps.className,\n          { [styles['no-gutters']]: disableGutters },\n          __responsiveClassName ? __responsiveClassName(defaultBreakpoint) : null\n        )}\n        ref={mergedRef}\n      >\n        {flattenedChildren.map((child, i) => {\n          // If this react child is a primitive value, the key will be undefined\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const key = (child as Record<'key', unknown>).key;\n\n          return (\n            <div\n              key={key ? String(key) : undefined}\n              className={clsx(\n                styles['grid-column'],\n                getColumnClassNames('colspan', gridDefinition[i]?.colspan, defaultBreakpoint),\n                getColumnClassNames('offset', gridDefinition[i]?.offset, defaultBreakpoint),\n                getColumnClassNames('pull', gridDefinition[i]?.pull, defaultBreakpoint),\n                getColumnClassNames('push', gridDefinition[i]?.push, defaultBreakpoint)\n              )}\n            >\n              <div className={styles['restore-pointer-events']}>{child}</div>\n            </div>\n          );\n        })}\n      </Tag>\n    );\n  }\n);\n\nfunction getColumnClassNames(\n  prop: string,\n  mapping: undefined | number | GridProps.BreakpointMapping,\n  breakpoint: Breakpoint | null\n): string | null {\n  if (typeof mapping === 'number') {\n    return styles[`${prop}-${mapping}`];\n  }\n  if (breakpoint === null || mapping === undefined) {\n    return null;\n  }\n  return styles[`${prop}-${matchBreakpointMapping(mapping, breakpoint)}`];\n}\n\nexport default InternalGrid;\n"]}

package/lib/internal/template/grid/styles.css.js

@@ -1,58 +1,58 @@
 
     import './styles.scoped.css';
     export default {
-  "grid": "awsui_grid_14yj0_mkrdq_141",
-  "no-gutters": "awsui_no-gutters_14yj0_mkrdq_180",
-  "grid-column": "awsui_grid-column_14yj0_mkrdq_185",
-  "colspan-1": "awsui_colspan-1_14yj0_mkrdq_196",
-  "push-1": "awsui_push-1_14yj0_mkrdq_200",
-  "pull-1": "awsui_pull-1_14yj0_mkrdq_203",
-  "colspan-2": "awsui_colspan-2_14yj0_mkrdq_206",
-  "push-2": "awsui_push-2_14yj0_mkrdq_210",
-  "pull-2": "awsui_pull-2_14yj0_mkrdq_213",
-  "colspan-3": "awsui_colspan-3_14yj0_mkrdq_216",
-  "push-3": "awsui_push-3_14yj0_mkrdq_220",
-  "pull-3": "awsui_pull-3_14yj0_mkrdq_223",
-  "colspan-4": "awsui_colspan-4_14yj0_mkrdq_226",
-  "push-4": "awsui_push-4_14yj0_mkrdq_230",
-  "pull-4": "awsui_pull-4_14yj0_mkrdq_233",
-  "colspan-5": "awsui_colspan-5_14yj0_mkrdq_236",
-  "push-5": "awsui_push-5_14yj0_mkrdq_240",
-  "pull-5": "awsui_pull-5_14yj0_mkrdq_243",
-  "colspan-6": "awsui_colspan-6_14yj0_mkrdq_246",
-  "push-6": "awsui_push-6_14yj0_mkrdq_250",
-  "pull-6": "awsui_pull-6_14yj0_mkrdq_253",
-  "colspan-7": "awsui_colspan-7_14yj0_mkrdq_256",
-  "push-7": "awsui_push-7_14yj0_mkrdq_260",
-  "pull-7": "awsui_pull-7_14yj0_mkrdq_263",
-  "colspan-8": "awsui_colspan-8_14yj0_mkrdq_266",
-  "push-8": "awsui_push-8_14yj0_mkrdq_270",
-  "pull-8": "awsui_pull-8_14yj0_mkrdq_273",
-  "colspan-9": "awsui_colspan-9_14yj0_mkrdq_276",
-  "push-9": "awsui_push-9_14yj0_mkrdq_280",
-  "pull-9": "awsui_pull-9_14yj0_mkrdq_283",
-  "colspan-10": "awsui_colspan-10_14yj0_mkrdq_286",
-  "push-10": "awsui_push-10_14yj0_mkrdq_290",
-  "pull-10": "awsui_pull-10_14yj0_mkrdq_293",
-  "colspan-11": "awsui_colspan-11_14yj0_mkrdq_296",
-  "push-11": "awsui_push-11_14yj0_mkrdq_300",
-  "pull-11": "awsui_pull-11_14yj0_mkrdq_303",
-  "colspan-12": "awsui_colspan-12_14yj0_mkrdq_306",
-  "push-12": "awsui_push-12_14yj0_mkrdq_310",
-  "pull-12": "awsui_pull-12_14yj0_mkrdq_313",
-  "push-0": "awsui_push-0_14yj0_mkrdq_316",
-  "pull-0": "awsui_pull-0_14yj0_mkrdq_319",
-  "offset-1": "awsui_offset-1_14yj0_mkrdq_322",
-  "offset-2": "awsui_offset-2_14yj0_mkrdq_325",
-  "offset-3": "awsui_offset-3_14yj0_mkrdq_328",
-  "offset-4": "awsui_offset-4_14yj0_mkrdq_331",
-  "offset-5": "awsui_offset-5_14yj0_mkrdq_334",
-  "offset-6": "awsui_offset-6_14yj0_mkrdq_337",
-  "offset-7": "awsui_offset-7_14yj0_mkrdq_340",
-  "offset-8": "awsui_offset-8_14yj0_mkrdq_343",
-  "offset-9": "awsui_offset-9_14yj0_mkrdq_346",
-  "offset-10": "awsui_offset-10_14yj0_mkrdq_349",
-  "offset-11": "awsui_offset-11_14yj0_mkrdq_352",
-  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_mkrdq_356"
+  "grid": "awsui_grid_14yj0_1hup2_141",
+  "no-gutters": "awsui_no-gutters_14yj0_1hup2_177",
+  "grid-column": "awsui_grid-column_14yj0_1hup2_182",
+  "colspan-1": "awsui_colspan-1_14yj0_1hup2_193",
+  "push-1": "awsui_push-1_14yj0_1hup2_197",
+  "pull-1": "awsui_pull-1_14yj0_1hup2_200",
+  "colspan-2": "awsui_colspan-2_14yj0_1hup2_203",
+  "push-2": "awsui_push-2_14yj0_1hup2_207",
+  "pull-2": "awsui_pull-2_14yj0_1hup2_210",
+  "colspan-3": "awsui_colspan-3_14yj0_1hup2_213",
+  "push-3": "awsui_push-3_14yj0_1hup2_217",
+  "pull-3": "awsui_pull-3_14yj0_1hup2_220",
+  "colspan-4": "awsui_colspan-4_14yj0_1hup2_223",
+  "push-4": "awsui_push-4_14yj0_1hup2_227",
+  "pull-4": "awsui_pull-4_14yj0_1hup2_230",
+  "colspan-5": "awsui_colspan-5_14yj0_1hup2_233",
+  "push-5": "awsui_push-5_14yj0_1hup2_237",
+  "pull-5": "awsui_pull-5_14yj0_1hup2_240",
+  "colspan-6": "awsui_colspan-6_14yj0_1hup2_243",
+  "push-6": "awsui_push-6_14yj0_1hup2_247",
+  "pull-6": "awsui_pull-6_14yj0_1hup2_250",
+  "colspan-7": "awsui_colspan-7_14yj0_1hup2_253",
+  "push-7": "awsui_push-7_14yj0_1hup2_257",
+  "pull-7": "awsui_pull-7_14yj0_1hup2_260",
+  "colspan-8": "awsui_colspan-8_14yj0_1hup2_263",
+  "push-8": "awsui_push-8_14yj0_1hup2_267",
+  "pull-8": "awsui_pull-8_14yj0_1hup2_270",
+  "colspan-9": "awsui_colspan-9_14yj0_1hup2_273",
+  "push-9": "awsui_push-9_14yj0_1hup2_277",
+  "pull-9": "awsui_pull-9_14yj0_1hup2_280",
+  "colspan-10": "awsui_colspan-10_14yj0_1hup2_283",
+  "push-10": "awsui_push-10_14yj0_1hup2_287",
+  "pull-10": "awsui_pull-10_14yj0_1hup2_290",
+  "colspan-11": "awsui_colspan-11_14yj0_1hup2_293",
+  "push-11": "awsui_push-11_14yj0_1hup2_297",
+  "pull-11": "awsui_pull-11_14yj0_1hup2_300",
+  "colspan-12": "awsui_colspan-12_14yj0_1hup2_303",
+  "push-12": "awsui_push-12_14yj0_1hup2_307",
+  "pull-12": "awsui_pull-12_14yj0_1hup2_310",
+  "push-0": "awsui_push-0_14yj0_1hup2_313",
+  "pull-0": "awsui_pull-0_14yj0_1hup2_316",
+  "offset-1": "awsui_offset-1_14yj0_1hup2_319",
+  "offset-2": "awsui_offset-2_14yj0_1hup2_322",
+  "offset-3": "awsui_offset-3_14yj0_1hup2_325",
+  "offset-4": "awsui_offset-4_14yj0_1hup2_328",
+  "offset-5": "awsui_offset-5_14yj0_1hup2_331",
+  "offset-6": "awsui_offset-6_14yj0_1hup2_334",
+  "offset-7": "awsui_offset-7_14yj0_1hup2_337",
+  "offset-8": "awsui_offset-8_14yj0_1hup2_340",
+  "offset-9": "awsui_offset-9_14yj0_1hup2_343",
+  "offset-10": "awsui_offset-10_14yj0_1hup2_346",
+  "offset-11": "awsui_offset-11_14yj0_1hup2_349",
+  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_1hup2_353"
 };
   

package/lib/internal/template/grid/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_grid_14yj0_mkrdq_141:not(#\9) {
+.awsui_grid_14yj0_1hup2_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -147,12 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -178,183 +175,183 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(var(--space-grid-gutter-rawoi6, 20px) / -2);
   pointer-events: none;
 }
-.awsui_grid_14yj0_mkrdq_141.awsui_no-gutters_14yj0_mkrdq_180:not(#\9) {
+.awsui_grid_14yj0_1hup2_141.awsui_no-gutters_14yj0_1hup2_177:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_grid-column_14yj0_mkrdq_185:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182:not(#\9) {
   box-sizing: border-box;
   position: relative;
   padding-block: calc(var(--space-grid-gutter-rawoi6, 20px) / 2);
   padding-inline: calc(var(--space-grid-gutter-rawoi6, 20px) / 2);
   display: flex;
 }
-.awsui_grid_14yj0_mkrdq_141.awsui_no-gutters_14yj0_mkrdq_180 > .awsui_grid-column_14yj0_mkrdq_185:not(#\9) {
+.awsui_grid_14yj0_1hup2_141.awsui_no-gutters_14yj0_1hup2_177 > .awsui_grid-column_14yj0_1hup2_182:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-1_14yj0_mkrdq_196:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-1_14yj0_1hup2_193:not(#\9) {
   flex: 0 0 8.3333333333%;
   max-inline-size: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-1_14yj0_mkrdq_200:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-1_14yj0_1hup2_197:not(#\9) {
   inset-inline-start: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-1_14yj0_mkrdq_203:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-1_14yj0_1hup2_200:not(#\9) {
   inset-inline-end: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-2_14yj0_mkrdq_206:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-2_14yj0_1hup2_203:not(#\9) {
   flex: 0 0 16.6666666667%;
   max-inline-size: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-2_14yj0_mkrdq_210:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-2_14yj0_1hup2_207:not(#\9) {
   inset-inline-start: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-2_14yj0_mkrdq_213:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-2_14yj0_1hup2_210:not(#\9) {
   inset-inline-end: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-3_14yj0_mkrdq_216:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-3_14yj0_1hup2_213:not(#\9) {
   flex: 0 0 25%;
   max-inline-size: 25%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-3_14yj0_mkrdq_220:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-3_14yj0_1hup2_217:not(#\9) {
   inset-inline-start: 25%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-3_14yj0_mkrdq_223:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-3_14yj0_1hup2_220:not(#\9) {
   inset-inline-end: 25%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-4_14yj0_mkrdq_226:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-4_14yj0_1hup2_223:not(#\9) {
   flex: 0 0 33.3333333333%;
   max-inline-size: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-4_14yj0_mkrdq_230:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-4_14yj0_1hup2_227:not(#\9) {
   inset-inline-start: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-4_14yj0_mkrdq_233:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-4_14yj0_1hup2_230:not(#\9) {
   inset-inline-end: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-5_14yj0_mkrdq_236:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-5_14yj0_1hup2_233:not(#\9) {
   flex: 0 0 41.6666666667%;
   max-inline-size: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-5_14yj0_mkrdq_240:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-5_14yj0_1hup2_237:not(#\9) {
   inset-inline-start: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-5_14yj0_mkrdq_243:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-5_14yj0_1hup2_240:not(#\9) {
   inset-inline-end: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-6_14yj0_mkrdq_246:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-6_14yj0_1hup2_243:not(#\9) {
   flex: 0 0 50%;
   max-inline-size: 50%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-6_14yj0_mkrdq_250:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-6_14yj0_1hup2_247:not(#\9) {
   inset-inline-start: 50%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-6_14yj0_mkrdq_253:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-6_14yj0_1hup2_250:not(#\9) {
   inset-inline-end: 50%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-7_14yj0_mkrdq_256:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-7_14yj0_1hup2_253:not(#\9) {
   flex: 0 0 58.3333333333%;
   max-inline-size: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-7_14yj0_mkrdq_260:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-7_14yj0_1hup2_257:not(#\9) {
   inset-inline-start: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-7_14yj0_mkrdq_263:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-7_14yj0_1hup2_260:not(#\9) {
   inset-inline-end: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-8_14yj0_mkrdq_266:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-8_14yj0_1hup2_263:not(#\9) {
   flex: 0 0 66.6666666667%;
   max-inline-size: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-8_14yj0_mkrdq_270:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-8_14yj0_1hup2_267:not(#\9) {
   inset-inline-start: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-8_14yj0_mkrdq_273:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-8_14yj0_1hup2_270:not(#\9) {
   inset-inline-end: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-9_14yj0_mkrdq_276:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-9_14yj0_1hup2_273:not(#\9) {
   flex: 0 0 75%;
   max-inline-size: 75%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-9_14yj0_mkrdq_280:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-9_14yj0_1hup2_277:not(#\9) {
   inset-inline-start: 75%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-9_14yj0_mkrdq_283:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-9_14yj0_1hup2_280:not(#\9) {
   inset-inline-end: 75%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-10_14yj0_mkrdq_286:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-10_14yj0_1hup2_283:not(#\9) {
   flex: 0 0 83.3333333333%;
   max-inline-size: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-10_14yj0_mkrdq_290:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-10_14yj0_1hup2_287:not(#\9) {
   inset-inline-start: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-10_14yj0_mkrdq_293:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-10_14yj0_1hup2_290:not(#\9) {
   inset-inline-end: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-11_14yj0_mkrdq_296:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-11_14yj0_1hup2_293:not(#\9) {
   flex: 0 0 91.6666666667%;
   max-inline-size: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-11_14yj0_mkrdq_300:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-11_14yj0_1hup2_297:not(#\9) {
   inset-inline-start: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-11_14yj0_mkrdq_303:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-11_14yj0_1hup2_300:not(#\9) {
   inset-inline-end: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_colspan-12_14yj0_mkrdq_306:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-12_14yj0_1hup2_303:not(#\9) {
   flex: 0 0 100%;
   max-inline-size: 100%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-12_14yj0_mkrdq_310:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-12_14yj0_1hup2_307:not(#\9) {
   inset-inline-start: 100%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-12_14yj0_mkrdq_313:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-12_14yj0_1hup2_310:not(#\9) {
   inset-inline-end: 100%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_push-0_14yj0_mkrdq_316:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_push-0_14yj0_1hup2_313:not(#\9) {
   inset-inline-start: auto;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_pull-0_14yj0_mkrdq_319:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_pull-0_14yj0_1hup2_316:not(#\9) {
   inset-inline-end: auto;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-1_14yj0_mkrdq_322:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-1_14yj0_1hup2_319:not(#\9) {
   margin-inline-start: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-2_14yj0_mkrdq_325:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-2_14yj0_1hup2_322:not(#\9) {
   margin-inline-start: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-3_14yj0_mkrdq_328:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-3_14yj0_1hup2_325:not(#\9) {
   margin-inline-start: 25%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-4_14yj0_mkrdq_331:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-4_14yj0_1hup2_328:not(#\9) {
   margin-inline-start: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-5_14yj0_mkrdq_334:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-5_14yj0_1hup2_331:not(#\9) {
   margin-inline-start: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-6_14yj0_mkrdq_337:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-6_14yj0_1hup2_334:not(#\9) {
   margin-inline-start: 50%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-7_14yj0_mkrdq_340:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-7_14yj0_1hup2_337:not(#\9) {
   margin-inline-start: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-8_14yj0_mkrdq_343:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-8_14yj0_1hup2_340:not(#\9) {
   margin-inline-start: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-9_14yj0_mkrdq_346:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-9_14yj0_1hup2_343:not(#\9) {
   margin-inline-start: 75%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-10_14yj0_mkrdq_349:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-10_14yj0_1hup2_346:not(#\9) {
   margin-inline-start: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_mkrdq_185.awsui_offset-11_14yj0_mkrdq_352:not(#\9) {
+.awsui_grid-column_14yj0_1hup2_182.awsui_offset-11_14yj0_1hup2_349:not(#\9) {
   margin-inline-start: 91.6666666667%;
 }
 
-.awsui_restore-pointer-events_14yj0_mkrdq_356:not(#\9) {
+.awsui_restore-pointer-events_14yj0_1hup2_353:not(#\9) {
   pointer-events: auto;
   inline-size: 100%;
 }

package/lib/internal/template/grid/styles.selectors.js

@@ -2,58 +2,58 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "grid": "awsui_grid_14yj0_mkrdq_141",
-  "no-gutters": "awsui_no-gutters_14yj0_mkrdq_180",
-  "grid-column": "awsui_grid-column_14yj0_mkrdq_185",
-  "colspan-1": "awsui_colspan-1_14yj0_mkrdq_196",
-  "push-1": "awsui_push-1_14yj0_mkrdq_200",
-  "pull-1": "awsui_pull-1_14yj0_mkrdq_203",
-  "colspan-2": "awsui_colspan-2_14yj0_mkrdq_206",
-  "push-2": "awsui_push-2_14yj0_mkrdq_210",
-  "pull-2": "awsui_pull-2_14yj0_mkrdq_213",
-  "colspan-3": "awsui_colspan-3_14yj0_mkrdq_216",
-  "push-3": "awsui_push-3_14yj0_mkrdq_220",
-  "pull-3": "awsui_pull-3_14yj0_mkrdq_223",
-  "colspan-4": "awsui_colspan-4_14yj0_mkrdq_226",
-  "push-4": "awsui_push-4_14yj0_mkrdq_230",
-  "pull-4": "awsui_pull-4_14yj0_mkrdq_233",
-  "colspan-5": "awsui_colspan-5_14yj0_mkrdq_236",
-  "push-5": "awsui_push-5_14yj0_mkrdq_240",
-  "pull-5": "awsui_pull-5_14yj0_mkrdq_243",
-  "colspan-6": "awsui_colspan-6_14yj0_mkrdq_246",
-  "push-6": "awsui_push-6_14yj0_mkrdq_250",
-  "pull-6": "awsui_pull-6_14yj0_mkrdq_253",
-  "colspan-7": "awsui_colspan-7_14yj0_mkrdq_256",
-  "push-7": "awsui_push-7_14yj0_mkrdq_260",
-  "pull-7": "awsui_pull-7_14yj0_mkrdq_263",
-  "colspan-8": "awsui_colspan-8_14yj0_mkrdq_266",
-  "push-8": "awsui_push-8_14yj0_mkrdq_270",
-  "pull-8": "awsui_pull-8_14yj0_mkrdq_273",
-  "colspan-9": "awsui_colspan-9_14yj0_mkrdq_276",
-  "push-9": "awsui_push-9_14yj0_mkrdq_280",
-  "pull-9": "awsui_pull-9_14yj0_mkrdq_283",
-  "colspan-10": "awsui_colspan-10_14yj0_mkrdq_286",
-  "push-10": "awsui_push-10_14yj0_mkrdq_290",
-  "pull-10": "awsui_pull-10_14yj0_mkrdq_293",
-  "colspan-11": "awsui_colspan-11_14yj0_mkrdq_296",
-  "push-11": "awsui_push-11_14yj0_mkrdq_300",
-  "pull-11": "awsui_pull-11_14yj0_mkrdq_303",
-  "colspan-12": "awsui_colspan-12_14yj0_mkrdq_306",
-  "push-12": "awsui_push-12_14yj0_mkrdq_310",
-  "pull-12": "awsui_pull-12_14yj0_mkrdq_313",
-  "push-0": "awsui_push-0_14yj0_mkrdq_316",
-  "pull-0": "awsui_pull-0_14yj0_mkrdq_319",
-  "offset-1": "awsui_offset-1_14yj0_mkrdq_322",
-  "offset-2": "awsui_offset-2_14yj0_mkrdq_325",
-  "offset-3": "awsui_offset-3_14yj0_mkrdq_328",
-  "offset-4": "awsui_offset-4_14yj0_mkrdq_331",
-  "offset-5": "awsui_offset-5_14yj0_mkrdq_334",
-  "offset-6": "awsui_offset-6_14yj0_mkrdq_337",
-  "offset-7": "awsui_offset-7_14yj0_mkrdq_340",
-  "offset-8": "awsui_offset-8_14yj0_mkrdq_343",
-  "offset-9": "awsui_offset-9_14yj0_mkrdq_346",
-  "offset-10": "awsui_offset-10_14yj0_mkrdq_349",
-  "offset-11": "awsui_offset-11_14yj0_mkrdq_352",
-  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_mkrdq_356"
+  "grid": "awsui_grid_14yj0_1hup2_141",
+  "no-gutters": "awsui_no-gutters_14yj0_1hup2_177",
+  "grid-column": "awsui_grid-column_14yj0_1hup2_182",
+  "colspan-1": "awsui_colspan-1_14yj0_1hup2_193",
+  "push-1": "awsui_push-1_14yj0_1hup2_197",
+  "pull-1": "awsui_pull-1_14yj0_1hup2_200",
+  "colspan-2": "awsui_colspan-2_14yj0_1hup2_203",
+  "push-2": "awsui_push-2_14yj0_1hup2_207",
+  "pull-2": "awsui_pull-2_14yj0_1hup2_210",
+  "colspan-3": "awsui_colspan-3_14yj0_1hup2_213",
+  "push-3": "awsui_push-3_14yj0_1hup2_217",
+  "pull-3": "awsui_pull-3_14yj0_1hup2_220",
+  "colspan-4": "awsui_colspan-4_14yj0_1hup2_223",
+  "push-4": "awsui_push-4_14yj0_1hup2_227",
+  "pull-4": "awsui_pull-4_14yj0_1hup2_230",
+  "colspan-5": "awsui_colspan-5_14yj0_1hup2_233",
+  "push-5": "awsui_push-5_14yj0_1hup2_237",
+  "pull-5": "awsui_pull-5_14yj0_1hup2_240",
+  "colspan-6": "awsui_colspan-6_14yj0_1hup2_243",
+  "push-6": "awsui_push-6_14yj0_1hup2_247",
+  "pull-6": "awsui_pull-6_14yj0_1hup2_250",
+  "colspan-7": "awsui_colspan-7_14yj0_1hup2_253",
+  "push-7": "awsui_push-7_14yj0_1hup2_257",
+  "pull-7": "awsui_pull-7_14yj0_1hup2_260",
+  "colspan-8": "awsui_colspan-8_14yj0_1hup2_263",
+  "push-8": "awsui_push-8_14yj0_1hup2_267",
+  "pull-8": "awsui_pull-8_14yj0_1hup2_270",
+  "colspan-9": "awsui_colspan-9_14yj0_1hup2_273",
+  "push-9": "awsui_push-9_14yj0_1hup2_277",
+  "pull-9": "awsui_pull-9_14yj0_1hup2_280",
+  "colspan-10": "awsui_colspan-10_14yj0_1hup2_283",
+  "push-10": "awsui_push-10_14yj0_1hup2_287",
+  "pull-10": "awsui_pull-10_14yj0_1hup2_290",
+  "colspan-11": "awsui_colspan-11_14yj0_1hup2_293",
+  "push-11": "awsui_push-11_14yj0_1hup2_297",
+  "pull-11": "awsui_pull-11_14yj0_1hup2_300",
+  "colspan-12": "awsui_colspan-12_14yj0_1hup2_303",
+  "push-12": "awsui_push-12_14yj0_1hup2_307",
+  "pull-12": "awsui_pull-12_14yj0_1hup2_310",
+  "push-0": "awsui_push-0_14yj0_1hup2_313",
+  "pull-0": "awsui_pull-0_14yj0_1hup2_316",
+  "offset-1": "awsui_offset-1_14yj0_1hup2_319",
+  "offset-2": "awsui_offset-2_14yj0_1hup2_322",
+  "offset-3": "awsui_offset-3_14yj0_1hup2_325",
+  "offset-4": "awsui_offset-4_14yj0_1hup2_328",
+  "offset-5": "awsui_offset-5_14yj0_1hup2_331",
+  "offset-6": "awsui_offset-6_14yj0_1hup2_334",
+  "offset-7": "awsui_offset-7_14yj0_1hup2_337",
+  "offset-8": "awsui_offset-8_14yj0_1hup2_340",
+  "offset-9": "awsui_offset-9_14yj0_1hup2_343",
+  "offset-10": "awsui_offset-10_14yj0_1hup2_346",
+  "offset-11": "awsui_offset-11_14yj0_1hup2_349",
+  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_1hup2_353"
 };
   

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

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_x0puo_177",
-  "refresh": "awsui_refresh_2qdw9_x0puo_216",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_x0puo_216",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_x0puo_219",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_x0puo_219",
-  "root-has-description": "awsui_root-has-description_2qdw9_x0puo_219",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_x0puo_228",
-  "main": "awsui_main_2qdw9_x0puo_238",
-  "no-wrap": "awsui_no-wrap_2qdw9_x0puo_248",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_x0puo_254",
-  "actions": "awsui_actions_2qdw9_x0puo_262",
-  "actions-centered": "awsui_actions-centered_2qdw9_x0puo_267",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_x0puo_270",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_x0puo_274",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_x0puo_278",
-  "title": "awsui_title_2qdw9_x0puo_294",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_x0puo_299",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_x0puo_306",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_x0puo_312",
-  "virtual-space": "awsui_virtual-space_2qdw9_x0puo_333",
-  "info": "awsui_info_2qdw9_x0puo_339",
-  "description": "awsui_description_2qdw9_x0puo_343",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_x0puo_350",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_x0puo_354",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_x0puo_361",
-  "heading": "awsui_heading_2qdw9_x0puo_370",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_x0puo_381",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_x0puo_386",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_x0puo_391",
-  "heading-text": "awsui_heading-text_2qdw9_x0puo_397",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_x0puo_400",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_x0puo_408",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_x0puo_416",
-  "counter": "awsui_counter_2qdw9_x0puo_425"
+  "root": "awsui_root_2qdw9_18ofo_177",
+  "refresh": "awsui_refresh_2qdw9_18ofo_213",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_18ofo_213",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_18ofo_216",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_18ofo_216",
+  "root-has-description": "awsui_root-has-description_2qdw9_18ofo_216",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_18ofo_225",
+  "main": "awsui_main_2qdw9_18ofo_235",
+  "no-wrap": "awsui_no-wrap_2qdw9_18ofo_245",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_18ofo_251",
+  "actions": "awsui_actions_2qdw9_18ofo_259",
+  "actions-centered": "awsui_actions-centered_2qdw9_18ofo_264",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_18ofo_267",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_18ofo_271",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_18ofo_275",
+  "title": "awsui_title_2qdw9_18ofo_291",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_18ofo_296",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_18ofo_303",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_18ofo_309",
+  "virtual-space": "awsui_virtual-space_2qdw9_18ofo_330",
+  "info": "awsui_info_2qdw9_18ofo_336",
+  "description": "awsui_description_2qdw9_18ofo_340",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_18ofo_347",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_18ofo_351",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_18ofo_358",
+  "heading": "awsui_heading_2qdw9_18ofo_367",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_18ofo_378",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_18ofo_383",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_18ofo_388",
+  "heading-text": "awsui_heading-text_2qdw9_18ofo_394",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_18ofo_397",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_18ofo_405",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_18ofo_413",
+  "counter": "awsui_counter_2qdw9_18ofo_422"
 };