@cloudscape-design/components-themeable 3.0.852 → 3.0.854

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_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"
+  "grid": "awsui_grid_14yj0_175o6_145",
+  "no-gutters": "awsui_no-gutters_14yj0_175o6_181",
+  "grid-column": "awsui_grid-column_14yj0_175o6_186",
+  "colspan-1": "awsui_colspan-1_14yj0_175o6_197",
+  "push-1": "awsui_push-1_14yj0_175o6_201",
+  "pull-1": "awsui_pull-1_14yj0_175o6_204",
+  "colspan-2": "awsui_colspan-2_14yj0_175o6_207",
+  "push-2": "awsui_push-2_14yj0_175o6_211",
+  "pull-2": "awsui_pull-2_14yj0_175o6_214",
+  "colspan-3": "awsui_colspan-3_14yj0_175o6_217",
+  "push-3": "awsui_push-3_14yj0_175o6_221",
+  "pull-3": "awsui_pull-3_14yj0_175o6_224",
+  "colspan-4": "awsui_colspan-4_14yj0_175o6_227",
+  "push-4": "awsui_push-4_14yj0_175o6_231",
+  "pull-4": "awsui_pull-4_14yj0_175o6_234",
+  "colspan-5": "awsui_colspan-5_14yj0_175o6_237",
+  "push-5": "awsui_push-5_14yj0_175o6_241",
+  "pull-5": "awsui_pull-5_14yj0_175o6_244",
+  "colspan-6": "awsui_colspan-6_14yj0_175o6_247",
+  "push-6": "awsui_push-6_14yj0_175o6_251",
+  "pull-6": "awsui_pull-6_14yj0_175o6_254",
+  "colspan-7": "awsui_colspan-7_14yj0_175o6_257",
+  "push-7": "awsui_push-7_14yj0_175o6_261",
+  "pull-7": "awsui_pull-7_14yj0_175o6_264",
+  "colspan-8": "awsui_colspan-8_14yj0_175o6_267",
+  "push-8": "awsui_push-8_14yj0_175o6_271",
+  "pull-8": "awsui_pull-8_14yj0_175o6_274",
+  "colspan-9": "awsui_colspan-9_14yj0_175o6_277",
+  "push-9": "awsui_push-9_14yj0_175o6_281",
+  "pull-9": "awsui_pull-9_14yj0_175o6_284",
+  "colspan-10": "awsui_colspan-10_14yj0_175o6_287",
+  "push-10": "awsui_push-10_14yj0_175o6_291",
+  "pull-10": "awsui_pull-10_14yj0_175o6_294",
+  "colspan-11": "awsui_colspan-11_14yj0_175o6_297",
+  "push-11": "awsui_push-11_14yj0_175o6_301",
+  "pull-11": "awsui_pull-11_14yj0_175o6_304",
+  "colspan-12": "awsui_colspan-12_14yj0_175o6_307",
+  "push-12": "awsui_push-12_14yj0_175o6_311",
+  "pull-12": "awsui_pull-12_14yj0_175o6_314",
+  "push-0": "awsui_push-0_14yj0_175o6_317",
+  "pull-0": "awsui_pull-0_14yj0_175o6_320",
+  "offset-1": "awsui_offset-1_14yj0_175o6_323",
+  "offset-2": "awsui_offset-2_14yj0_175o6_326",
+  "offset-3": "awsui_offset-3_14yj0_175o6_329",
+  "offset-4": "awsui_offset-4_14yj0_175o6_332",
+  "offset-5": "awsui_offset-5_14yj0_175o6_335",
+  "offset-6": "awsui_offset-6_14yj0_175o6_338",
+  "offset-7": "awsui_offset-7_14yj0_175o6_341",
+  "offset-8": "awsui_offset-8_14yj0_175o6_344",
+  "offset-9": "awsui_offset-9_14yj0_175o6_347",
+  "offset-10": "awsui_offset-10_14yj0_175o6_350",
+  "offset-11": "awsui_offset-11_14yj0_175o6_353",
+  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_175o6_357"
 };
   

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

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* 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_1hup2_141:not(#\9) {
+.awsui_grid_14yj0_175o6_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,183 +179,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_1hup2_141.awsui_no-gutters_14yj0_1hup2_177:not(#\9) {
+.awsui_grid_14yj0_175o6_145.awsui_no-gutters_14yj0_175o6_181:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_grid-column_14yj0_1hup2_182:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186: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_1hup2_141.awsui_no-gutters_14yj0_1hup2_177 > .awsui_grid-column_14yj0_1hup2_182:not(#\9) {
+.awsui_grid_14yj0_175o6_145.awsui_no-gutters_14yj0_175o6_181 > .awsui_grid-column_14yj0_175o6_186:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-1_14yj0_1hup2_193:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-1_14yj0_175o6_197:not(#\9) {
   flex: 0 0 8.3333333333%;
   max-inline-size: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-1_14yj0_1hup2_197:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-1_14yj0_175o6_201:not(#\9) {
   inset-inline-start: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-1_14yj0_1hup2_200:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-1_14yj0_175o6_204:not(#\9) {
   inset-inline-end: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-2_14yj0_1hup2_203:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-2_14yj0_175o6_207:not(#\9) {
   flex: 0 0 16.6666666667%;
   max-inline-size: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-2_14yj0_1hup2_207:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-2_14yj0_175o6_211:not(#\9) {
   inset-inline-start: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-2_14yj0_1hup2_210:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-2_14yj0_175o6_214:not(#\9) {
   inset-inline-end: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-3_14yj0_1hup2_213:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-3_14yj0_175o6_217:not(#\9) {
   flex: 0 0 25%;
   max-inline-size: 25%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-3_14yj0_1hup2_217:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-3_14yj0_175o6_221:not(#\9) {
   inset-inline-start: 25%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-3_14yj0_1hup2_220:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-3_14yj0_175o6_224:not(#\9) {
   inset-inline-end: 25%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-4_14yj0_1hup2_223:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-4_14yj0_175o6_227:not(#\9) {
   flex: 0 0 33.3333333333%;
   max-inline-size: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-4_14yj0_1hup2_227:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-4_14yj0_175o6_231:not(#\9) {
   inset-inline-start: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-4_14yj0_1hup2_230:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-4_14yj0_175o6_234:not(#\9) {
   inset-inline-end: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-5_14yj0_1hup2_233:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-5_14yj0_175o6_237:not(#\9) {
   flex: 0 0 41.6666666667%;
   max-inline-size: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-5_14yj0_1hup2_237:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-5_14yj0_175o6_241:not(#\9) {
   inset-inline-start: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-5_14yj0_1hup2_240:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-5_14yj0_175o6_244:not(#\9) {
   inset-inline-end: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-6_14yj0_1hup2_243:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-6_14yj0_175o6_247:not(#\9) {
   flex: 0 0 50%;
   max-inline-size: 50%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-6_14yj0_1hup2_247:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-6_14yj0_175o6_251:not(#\9) {
   inset-inline-start: 50%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-6_14yj0_1hup2_250:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-6_14yj0_175o6_254:not(#\9) {
   inset-inline-end: 50%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-7_14yj0_1hup2_253:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-7_14yj0_175o6_257:not(#\9) {
   flex: 0 0 58.3333333333%;
   max-inline-size: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-7_14yj0_1hup2_257:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-7_14yj0_175o6_261:not(#\9) {
   inset-inline-start: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-7_14yj0_1hup2_260:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-7_14yj0_175o6_264:not(#\9) {
   inset-inline-end: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-8_14yj0_1hup2_263:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-8_14yj0_175o6_267:not(#\9) {
   flex: 0 0 66.6666666667%;
   max-inline-size: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-8_14yj0_1hup2_267:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-8_14yj0_175o6_271:not(#\9) {
   inset-inline-start: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-8_14yj0_1hup2_270:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-8_14yj0_175o6_274:not(#\9) {
   inset-inline-end: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-9_14yj0_1hup2_273:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-9_14yj0_175o6_277:not(#\9) {
   flex: 0 0 75%;
   max-inline-size: 75%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-9_14yj0_1hup2_277:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-9_14yj0_175o6_281:not(#\9) {
   inset-inline-start: 75%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-9_14yj0_1hup2_280:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-9_14yj0_175o6_284:not(#\9) {
   inset-inline-end: 75%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-10_14yj0_1hup2_283:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-10_14yj0_175o6_287:not(#\9) {
   flex: 0 0 83.3333333333%;
   max-inline-size: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-10_14yj0_1hup2_287:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-10_14yj0_175o6_291:not(#\9) {
   inset-inline-start: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-10_14yj0_1hup2_290:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-10_14yj0_175o6_294:not(#\9) {
   inset-inline-end: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-11_14yj0_1hup2_293:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-11_14yj0_175o6_297:not(#\9) {
   flex: 0 0 91.6666666667%;
   max-inline-size: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-11_14yj0_1hup2_297:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-11_14yj0_175o6_301:not(#\9) {
   inset-inline-start: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-11_14yj0_1hup2_300:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-11_14yj0_175o6_304:not(#\9) {
   inset-inline-end: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_colspan-12_14yj0_1hup2_303:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_colspan-12_14yj0_175o6_307:not(#\9) {
   flex: 0 0 100%;
   max-inline-size: 100%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-12_14yj0_1hup2_307:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-12_14yj0_175o6_311:not(#\9) {
   inset-inline-start: 100%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-12_14yj0_1hup2_310:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-12_14yj0_175o6_314:not(#\9) {
   inset-inline-end: 100%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_push-0_14yj0_1hup2_313:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_push-0_14yj0_175o6_317:not(#\9) {
   inset-inline-start: auto;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_pull-0_14yj0_1hup2_316:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_pull-0_14yj0_175o6_320:not(#\9) {
   inset-inline-end: auto;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-1_14yj0_1hup2_319:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-1_14yj0_175o6_323:not(#\9) {
   margin-inline-start: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-2_14yj0_1hup2_322:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-2_14yj0_175o6_326:not(#\9) {
   margin-inline-start: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-3_14yj0_1hup2_325:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-3_14yj0_175o6_329:not(#\9) {
   margin-inline-start: 25%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-4_14yj0_1hup2_328:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-4_14yj0_175o6_332:not(#\9) {
   margin-inline-start: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-5_14yj0_1hup2_331:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-5_14yj0_175o6_335:not(#\9) {
   margin-inline-start: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-6_14yj0_1hup2_334:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-6_14yj0_175o6_338:not(#\9) {
   margin-inline-start: 50%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-7_14yj0_1hup2_337:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-7_14yj0_175o6_341:not(#\9) {
   margin-inline-start: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-8_14yj0_1hup2_340:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-8_14yj0_175o6_344:not(#\9) {
   margin-inline-start: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-9_14yj0_1hup2_343:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-9_14yj0_175o6_347:not(#\9) {
   margin-inline-start: 75%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-10_14yj0_1hup2_346:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-10_14yj0_175o6_350:not(#\9) {
   margin-inline-start: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_1hup2_182.awsui_offset-11_14yj0_1hup2_349:not(#\9) {
+.awsui_grid-column_14yj0_175o6_186.awsui_offset-11_14yj0_175o6_353:not(#\9) {
   margin-inline-start: 91.6666666667%;
 }
 
-.awsui_restore-pointer-events_14yj0_1hup2_353:not(#\9) {
+.awsui_restore-pointer-events_14yj0_175o6_357: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_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"
+  "grid": "awsui_grid_14yj0_175o6_145",
+  "no-gutters": "awsui_no-gutters_14yj0_175o6_181",
+  "grid-column": "awsui_grid-column_14yj0_175o6_186",
+  "colspan-1": "awsui_colspan-1_14yj0_175o6_197",
+  "push-1": "awsui_push-1_14yj0_175o6_201",
+  "pull-1": "awsui_pull-1_14yj0_175o6_204",
+  "colspan-2": "awsui_colspan-2_14yj0_175o6_207",
+  "push-2": "awsui_push-2_14yj0_175o6_211",
+  "pull-2": "awsui_pull-2_14yj0_175o6_214",
+  "colspan-3": "awsui_colspan-3_14yj0_175o6_217",
+  "push-3": "awsui_push-3_14yj0_175o6_221",
+  "pull-3": "awsui_pull-3_14yj0_175o6_224",
+  "colspan-4": "awsui_colspan-4_14yj0_175o6_227",
+  "push-4": "awsui_push-4_14yj0_175o6_231",
+  "pull-4": "awsui_pull-4_14yj0_175o6_234",
+  "colspan-5": "awsui_colspan-5_14yj0_175o6_237",
+  "push-5": "awsui_push-5_14yj0_175o6_241",
+  "pull-5": "awsui_pull-5_14yj0_175o6_244",
+  "colspan-6": "awsui_colspan-6_14yj0_175o6_247",
+  "push-6": "awsui_push-6_14yj0_175o6_251",
+  "pull-6": "awsui_pull-6_14yj0_175o6_254",
+  "colspan-7": "awsui_colspan-7_14yj0_175o6_257",
+  "push-7": "awsui_push-7_14yj0_175o6_261",
+  "pull-7": "awsui_pull-7_14yj0_175o6_264",
+  "colspan-8": "awsui_colspan-8_14yj0_175o6_267",
+  "push-8": "awsui_push-8_14yj0_175o6_271",
+  "pull-8": "awsui_pull-8_14yj0_175o6_274",
+  "colspan-9": "awsui_colspan-9_14yj0_175o6_277",
+  "push-9": "awsui_push-9_14yj0_175o6_281",
+  "pull-9": "awsui_pull-9_14yj0_175o6_284",
+  "colspan-10": "awsui_colspan-10_14yj0_175o6_287",
+  "push-10": "awsui_push-10_14yj0_175o6_291",
+  "pull-10": "awsui_pull-10_14yj0_175o6_294",
+  "colspan-11": "awsui_colspan-11_14yj0_175o6_297",
+  "push-11": "awsui_push-11_14yj0_175o6_301",
+  "pull-11": "awsui_pull-11_14yj0_175o6_304",
+  "colspan-12": "awsui_colspan-12_14yj0_175o6_307",
+  "push-12": "awsui_push-12_14yj0_175o6_311",
+  "pull-12": "awsui_pull-12_14yj0_175o6_314",
+  "push-0": "awsui_push-0_14yj0_175o6_317",
+  "pull-0": "awsui_pull-0_14yj0_175o6_320",
+  "offset-1": "awsui_offset-1_14yj0_175o6_323",
+  "offset-2": "awsui_offset-2_14yj0_175o6_326",
+  "offset-3": "awsui_offset-3_14yj0_175o6_329",
+  "offset-4": "awsui_offset-4_14yj0_175o6_332",
+  "offset-5": "awsui_offset-5_14yj0_175o6_335",
+  "offset-6": "awsui_offset-6_14yj0_175o6_338",
+  "offset-7": "awsui_offset-7_14yj0_175o6_341",
+  "offset-8": "awsui_offset-8_14yj0_175o6_344",
+  "offset-9": "awsui_offset-9_14yj0_175o6_347",
+  "offset-10": "awsui_offset-10_14yj0_175o6_350",
+  "offset-11": "awsui_offset-11_14yj0_175o6_353",
+  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_175o6_357"
 };
   

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

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "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"
+  "root": "awsui_root_2qdw9_bry8m_181",
+  "refresh": "awsui_refresh_2qdw9_bry8m_217",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_bry8m_217",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_bry8m_220",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_bry8m_220",
+  "root-has-description": "awsui_root-has-description_2qdw9_bry8m_220",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_bry8m_229",
+  "main": "awsui_main_2qdw9_bry8m_239",
+  "no-wrap": "awsui_no-wrap_2qdw9_bry8m_249",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_bry8m_255",
+  "actions": "awsui_actions_2qdw9_bry8m_263",
+  "actions-centered": "awsui_actions-centered_2qdw9_bry8m_268",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_bry8m_271",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_bry8m_275",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_bry8m_279",
+  "title": "awsui_title_2qdw9_bry8m_295",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_bry8m_300",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_bry8m_307",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_bry8m_313",
+  "virtual-space": "awsui_virtual-space_2qdw9_bry8m_334",
+  "info": "awsui_info_2qdw9_bry8m_340",
+  "description": "awsui_description_2qdw9_bry8m_344",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_bry8m_351",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_bry8m_355",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_bry8m_362",
+  "heading": "awsui_heading_2qdw9_bry8m_371",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_bry8m_382",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_bry8m_387",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_bry8m_392",
+  "heading-text": "awsui_heading-text_2qdw9_bry8m_398",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_bry8m_401",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_bry8m_409",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_bry8m_417",
+  "counter": "awsui_counter_2qdw9_bry8m_426"
 };