@cloudscape-design/components 3.0.840 → 3.0.842

package/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/grid/styles.css.js

@@ -1,58 +1,58 @@
 
     import './styles.scoped.css';
     export default {
-  "grid": "awsui_grid_14yj0_kow7y_141",
-  "no-gutters": "awsui_no-gutters_14yj0_kow7y_177",
-  "grid-column": "awsui_grid-column_14yj0_kow7y_182",
-  "colspan-1": "awsui_colspan-1_14yj0_kow7y_193",
-  "push-1": "awsui_push-1_14yj0_kow7y_197",
-  "pull-1": "awsui_pull-1_14yj0_kow7y_200",
-  "colspan-2": "awsui_colspan-2_14yj0_kow7y_203",
-  "push-2": "awsui_push-2_14yj0_kow7y_207",
-  "pull-2": "awsui_pull-2_14yj0_kow7y_210",
-  "colspan-3": "awsui_colspan-3_14yj0_kow7y_213",
-  "push-3": "awsui_push-3_14yj0_kow7y_217",
-  "pull-3": "awsui_pull-3_14yj0_kow7y_220",
-  "colspan-4": "awsui_colspan-4_14yj0_kow7y_223",
-  "push-4": "awsui_push-4_14yj0_kow7y_227",
-  "pull-4": "awsui_pull-4_14yj0_kow7y_230",
-  "colspan-5": "awsui_colspan-5_14yj0_kow7y_233",
-  "push-5": "awsui_push-5_14yj0_kow7y_237",
-  "pull-5": "awsui_pull-5_14yj0_kow7y_240",
-  "colspan-6": "awsui_colspan-6_14yj0_kow7y_243",
-  "push-6": "awsui_push-6_14yj0_kow7y_247",
-  "pull-6": "awsui_pull-6_14yj0_kow7y_250",
-  "colspan-7": "awsui_colspan-7_14yj0_kow7y_253",
-  "push-7": "awsui_push-7_14yj0_kow7y_257",
-  "pull-7": "awsui_pull-7_14yj0_kow7y_260",
-  "colspan-8": "awsui_colspan-8_14yj0_kow7y_263",
-  "push-8": "awsui_push-8_14yj0_kow7y_267",
-  "pull-8": "awsui_pull-8_14yj0_kow7y_270",
-  "colspan-9": "awsui_colspan-9_14yj0_kow7y_273",
-  "push-9": "awsui_push-9_14yj0_kow7y_277",
-  "pull-9": "awsui_pull-9_14yj0_kow7y_280",
-  "colspan-10": "awsui_colspan-10_14yj0_kow7y_283",
-  "push-10": "awsui_push-10_14yj0_kow7y_287",
-  "pull-10": "awsui_pull-10_14yj0_kow7y_290",
-  "colspan-11": "awsui_colspan-11_14yj0_kow7y_293",
-  "push-11": "awsui_push-11_14yj0_kow7y_297",
-  "pull-11": "awsui_pull-11_14yj0_kow7y_300",
-  "colspan-12": "awsui_colspan-12_14yj0_kow7y_303",
-  "push-12": "awsui_push-12_14yj0_kow7y_307",
-  "pull-12": "awsui_pull-12_14yj0_kow7y_310",
-  "push-0": "awsui_push-0_14yj0_kow7y_313",
-  "pull-0": "awsui_pull-0_14yj0_kow7y_316",
-  "offset-1": "awsui_offset-1_14yj0_kow7y_319",
-  "offset-2": "awsui_offset-2_14yj0_kow7y_322",
-  "offset-3": "awsui_offset-3_14yj0_kow7y_325",
-  "offset-4": "awsui_offset-4_14yj0_kow7y_328",
-  "offset-5": "awsui_offset-5_14yj0_kow7y_331",
-  "offset-6": "awsui_offset-6_14yj0_kow7y_334",
-  "offset-7": "awsui_offset-7_14yj0_kow7y_337",
-  "offset-8": "awsui_offset-8_14yj0_kow7y_340",
-  "offset-9": "awsui_offset-9_14yj0_kow7y_343",
-  "offset-10": "awsui_offset-10_14yj0_kow7y_346",
-  "offset-11": "awsui_offset-11_14yj0_kow7y_349",
-  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_kow7y_353"
+  "grid": "awsui_grid_14yj0_1emv2_145",
+  "no-gutters": "awsui_no-gutters_14yj0_1emv2_181",
+  "grid-column": "awsui_grid-column_14yj0_1emv2_186",
+  "colspan-1": "awsui_colspan-1_14yj0_1emv2_197",
+  "push-1": "awsui_push-1_14yj0_1emv2_201",
+  "pull-1": "awsui_pull-1_14yj0_1emv2_204",
+  "colspan-2": "awsui_colspan-2_14yj0_1emv2_207",
+  "push-2": "awsui_push-2_14yj0_1emv2_211",
+  "pull-2": "awsui_pull-2_14yj0_1emv2_214",
+  "colspan-3": "awsui_colspan-3_14yj0_1emv2_217",
+  "push-3": "awsui_push-3_14yj0_1emv2_221",
+  "pull-3": "awsui_pull-3_14yj0_1emv2_224",
+  "colspan-4": "awsui_colspan-4_14yj0_1emv2_227",
+  "push-4": "awsui_push-4_14yj0_1emv2_231",
+  "pull-4": "awsui_pull-4_14yj0_1emv2_234",
+  "colspan-5": "awsui_colspan-5_14yj0_1emv2_237",
+  "push-5": "awsui_push-5_14yj0_1emv2_241",
+  "pull-5": "awsui_pull-5_14yj0_1emv2_244",
+  "colspan-6": "awsui_colspan-6_14yj0_1emv2_247",
+  "push-6": "awsui_push-6_14yj0_1emv2_251",
+  "pull-6": "awsui_pull-6_14yj0_1emv2_254",
+  "colspan-7": "awsui_colspan-7_14yj0_1emv2_257",
+  "push-7": "awsui_push-7_14yj0_1emv2_261",
+  "pull-7": "awsui_pull-7_14yj0_1emv2_264",
+  "colspan-8": "awsui_colspan-8_14yj0_1emv2_267",
+  "push-8": "awsui_push-8_14yj0_1emv2_271",
+  "pull-8": "awsui_pull-8_14yj0_1emv2_274",
+  "colspan-9": "awsui_colspan-9_14yj0_1emv2_277",
+  "push-9": "awsui_push-9_14yj0_1emv2_281",
+  "pull-9": "awsui_pull-9_14yj0_1emv2_284",
+  "colspan-10": "awsui_colspan-10_14yj0_1emv2_287",
+  "push-10": "awsui_push-10_14yj0_1emv2_291",
+  "pull-10": "awsui_pull-10_14yj0_1emv2_294",
+  "colspan-11": "awsui_colspan-11_14yj0_1emv2_297",
+  "push-11": "awsui_push-11_14yj0_1emv2_301",
+  "pull-11": "awsui_pull-11_14yj0_1emv2_304",
+  "colspan-12": "awsui_colspan-12_14yj0_1emv2_307",
+  "push-12": "awsui_push-12_14yj0_1emv2_311",
+  "pull-12": "awsui_pull-12_14yj0_1emv2_314",
+  "push-0": "awsui_push-0_14yj0_1emv2_317",
+  "pull-0": "awsui_pull-0_14yj0_1emv2_320",
+  "offset-1": "awsui_offset-1_14yj0_1emv2_323",
+  "offset-2": "awsui_offset-2_14yj0_1emv2_326",
+  "offset-3": "awsui_offset-3_14yj0_1emv2_329",
+  "offset-4": "awsui_offset-4_14yj0_1emv2_332",
+  "offset-5": "awsui_offset-5_14yj0_1emv2_335",
+  "offset-6": "awsui_offset-6_14yj0_1emv2_338",
+  "offset-7": "awsui_offset-7_14yj0_1emv2_341",
+  "offset-8": "awsui_offset-8_14yj0_1emv2_344",
+  "offset-9": "awsui_offset-9_14yj0_1emv2_347",
+  "offset-10": "awsui_offset-10_14yj0_1emv2_350",
+  "offset-11": "awsui_offset-11_14yj0_1emv2_353",
+  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_1emv2_357"
 };
   

package/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_kow7y_141:not(#\9) {
+.awsui_grid_14yj0_1emv2_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-ieqn7e, 20px) / -2);
   pointer-events: none;
 }
-.awsui_grid_14yj0_kow7y_141.awsui_no-gutters_14yj0_kow7y_177:not(#\9) {
+.awsui_grid_14yj0_1emv2_145.awsui_no-gutters_14yj0_1emv2_181:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_grid-column_14yj0_kow7y_182:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186:not(#\9) {
   box-sizing: border-box;
   position: relative;
   padding-block: calc(var(--space-grid-gutter-ieqn7e, 20px) / 2);
   padding-inline: calc(var(--space-grid-gutter-ieqn7e, 20px) / 2);
   display: flex;
 }
-.awsui_grid_14yj0_kow7y_141.awsui_no-gutters_14yj0_kow7y_177 > .awsui_grid-column_14yj0_kow7y_182:not(#\9) {
+.awsui_grid_14yj0_1emv2_145.awsui_no-gutters_14yj0_1emv2_181 > .awsui_grid-column_14yj0_1emv2_186:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-1_14yj0_kow7y_193:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-1_14yj0_1emv2_197:not(#\9) {
   flex: 0 0 8.3333333333%;
   max-inline-size: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-1_14yj0_kow7y_197:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-1_14yj0_1emv2_201:not(#\9) {
   inset-inline-start: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-1_14yj0_kow7y_200:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-1_14yj0_1emv2_204:not(#\9) {
   inset-inline-end: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-2_14yj0_kow7y_203:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-2_14yj0_1emv2_207:not(#\9) {
   flex: 0 0 16.6666666667%;
   max-inline-size: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-2_14yj0_kow7y_207:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-2_14yj0_1emv2_211:not(#\9) {
   inset-inline-start: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-2_14yj0_kow7y_210:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-2_14yj0_1emv2_214:not(#\9) {
   inset-inline-end: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-3_14yj0_kow7y_213:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-3_14yj0_1emv2_217:not(#\9) {
   flex: 0 0 25%;
   max-inline-size: 25%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-3_14yj0_kow7y_217:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-3_14yj0_1emv2_221:not(#\9) {
   inset-inline-start: 25%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-3_14yj0_kow7y_220:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-3_14yj0_1emv2_224:not(#\9) {
   inset-inline-end: 25%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-4_14yj0_kow7y_223:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-4_14yj0_1emv2_227:not(#\9) {
   flex: 0 0 33.3333333333%;
   max-inline-size: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-4_14yj0_kow7y_227:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-4_14yj0_1emv2_231:not(#\9) {
   inset-inline-start: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-4_14yj0_kow7y_230:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-4_14yj0_1emv2_234:not(#\9) {
   inset-inline-end: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-5_14yj0_kow7y_233:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-5_14yj0_1emv2_237:not(#\9) {
   flex: 0 0 41.6666666667%;
   max-inline-size: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-5_14yj0_kow7y_237:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-5_14yj0_1emv2_241:not(#\9) {
   inset-inline-start: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-5_14yj0_kow7y_240:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-5_14yj0_1emv2_244:not(#\9) {
   inset-inline-end: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-6_14yj0_kow7y_243:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-6_14yj0_1emv2_247:not(#\9) {
   flex: 0 0 50%;
   max-inline-size: 50%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-6_14yj0_kow7y_247:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-6_14yj0_1emv2_251:not(#\9) {
   inset-inline-start: 50%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-6_14yj0_kow7y_250:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-6_14yj0_1emv2_254:not(#\9) {
   inset-inline-end: 50%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-7_14yj0_kow7y_253:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-7_14yj0_1emv2_257:not(#\9) {
   flex: 0 0 58.3333333333%;
   max-inline-size: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-7_14yj0_kow7y_257:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-7_14yj0_1emv2_261:not(#\9) {
   inset-inline-start: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-7_14yj0_kow7y_260:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-7_14yj0_1emv2_264:not(#\9) {
   inset-inline-end: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-8_14yj0_kow7y_263:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-8_14yj0_1emv2_267:not(#\9) {
   flex: 0 0 66.6666666667%;
   max-inline-size: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-8_14yj0_kow7y_267:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-8_14yj0_1emv2_271:not(#\9) {
   inset-inline-start: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-8_14yj0_kow7y_270:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-8_14yj0_1emv2_274:not(#\9) {
   inset-inline-end: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-9_14yj0_kow7y_273:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-9_14yj0_1emv2_277:not(#\9) {
   flex: 0 0 75%;
   max-inline-size: 75%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-9_14yj0_kow7y_277:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-9_14yj0_1emv2_281:not(#\9) {
   inset-inline-start: 75%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-9_14yj0_kow7y_280:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-9_14yj0_1emv2_284:not(#\9) {
   inset-inline-end: 75%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-10_14yj0_kow7y_283:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-10_14yj0_1emv2_287:not(#\9) {
   flex: 0 0 83.3333333333%;
   max-inline-size: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-10_14yj0_kow7y_287:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-10_14yj0_1emv2_291:not(#\9) {
   inset-inline-start: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-10_14yj0_kow7y_290:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-10_14yj0_1emv2_294:not(#\9) {
   inset-inline-end: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-11_14yj0_kow7y_293:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-11_14yj0_1emv2_297:not(#\9) {
   flex: 0 0 91.6666666667%;
   max-inline-size: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-11_14yj0_kow7y_297:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-11_14yj0_1emv2_301:not(#\9) {
   inset-inline-start: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-11_14yj0_kow7y_300:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-11_14yj0_1emv2_304:not(#\9) {
   inset-inline-end: 91.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_colspan-12_14yj0_kow7y_303:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_colspan-12_14yj0_1emv2_307:not(#\9) {
   flex: 0 0 100%;
   max-inline-size: 100%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-12_14yj0_kow7y_307:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-12_14yj0_1emv2_311:not(#\9) {
   inset-inline-start: 100%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-12_14yj0_kow7y_310:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-12_14yj0_1emv2_314:not(#\9) {
   inset-inline-end: 100%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_push-0_14yj0_kow7y_313:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_push-0_14yj0_1emv2_317:not(#\9) {
   inset-inline-start: auto;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_pull-0_14yj0_kow7y_316:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_pull-0_14yj0_1emv2_320:not(#\9) {
   inset-inline-end: auto;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-1_14yj0_kow7y_319:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-1_14yj0_1emv2_323:not(#\9) {
   margin-inline-start: 8.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-2_14yj0_kow7y_322:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-2_14yj0_1emv2_326:not(#\9) {
   margin-inline-start: 16.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-3_14yj0_kow7y_325:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-3_14yj0_1emv2_329:not(#\9) {
   margin-inline-start: 25%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-4_14yj0_kow7y_328:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-4_14yj0_1emv2_332:not(#\9) {
   margin-inline-start: 33.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-5_14yj0_kow7y_331:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-5_14yj0_1emv2_335:not(#\9) {
   margin-inline-start: 41.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-6_14yj0_kow7y_334:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-6_14yj0_1emv2_338:not(#\9) {
   margin-inline-start: 50%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-7_14yj0_kow7y_337:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-7_14yj0_1emv2_341:not(#\9) {
   margin-inline-start: 58.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-8_14yj0_kow7y_340:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-8_14yj0_1emv2_344:not(#\9) {
   margin-inline-start: 66.6666666667%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-9_14yj0_kow7y_343:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-9_14yj0_1emv2_347:not(#\9) {
   margin-inline-start: 75%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-10_14yj0_kow7y_346:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-10_14yj0_1emv2_350:not(#\9) {
   margin-inline-start: 83.3333333333%;
 }
-.awsui_grid-column_14yj0_kow7y_182.awsui_offset-11_14yj0_kow7y_349:not(#\9) {
+.awsui_grid-column_14yj0_1emv2_186.awsui_offset-11_14yj0_1emv2_353:not(#\9) {
   margin-inline-start: 91.6666666667%;
 }
 
-.awsui_restore-pointer-events_14yj0_kow7y_353:not(#\9) {
+.awsui_restore-pointer-events_14yj0_1emv2_357:not(#\9) {
   pointer-events: auto;
   inline-size: 100%;
 }

package/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_kow7y_141",
-  "no-gutters": "awsui_no-gutters_14yj0_kow7y_177",
-  "grid-column": "awsui_grid-column_14yj0_kow7y_182",
-  "colspan-1": "awsui_colspan-1_14yj0_kow7y_193",
-  "push-1": "awsui_push-1_14yj0_kow7y_197",
-  "pull-1": "awsui_pull-1_14yj0_kow7y_200",
-  "colspan-2": "awsui_colspan-2_14yj0_kow7y_203",
-  "push-2": "awsui_push-2_14yj0_kow7y_207",
-  "pull-2": "awsui_pull-2_14yj0_kow7y_210",
-  "colspan-3": "awsui_colspan-3_14yj0_kow7y_213",
-  "push-3": "awsui_push-3_14yj0_kow7y_217",
-  "pull-3": "awsui_pull-3_14yj0_kow7y_220",
-  "colspan-4": "awsui_colspan-4_14yj0_kow7y_223",
-  "push-4": "awsui_push-4_14yj0_kow7y_227",
-  "pull-4": "awsui_pull-4_14yj0_kow7y_230",
-  "colspan-5": "awsui_colspan-5_14yj0_kow7y_233",
-  "push-5": "awsui_push-5_14yj0_kow7y_237",
-  "pull-5": "awsui_pull-5_14yj0_kow7y_240",
-  "colspan-6": "awsui_colspan-6_14yj0_kow7y_243",
-  "push-6": "awsui_push-6_14yj0_kow7y_247",
-  "pull-6": "awsui_pull-6_14yj0_kow7y_250",
-  "colspan-7": "awsui_colspan-7_14yj0_kow7y_253",
-  "push-7": "awsui_push-7_14yj0_kow7y_257",
-  "pull-7": "awsui_pull-7_14yj0_kow7y_260",
-  "colspan-8": "awsui_colspan-8_14yj0_kow7y_263",
-  "push-8": "awsui_push-8_14yj0_kow7y_267",
-  "pull-8": "awsui_pull-8_14yj0_kow7y_270",
-  "colspan-9": "awsui_colspan-9_14yj0_kow7y_273",
-  "push-9": "awsui_push-9_14yj0_kow7y_277",
-  "pull-9": "awsui_pull-9_14yj0_kow7y_280",
-  "colspan-10": "awsui_colspan-10_14yj0_kow7y_283",
-  "push-10": "awsui_push-10_14yj0_kow7y_287",
-  "pull-10": "awsui_pull-10_14yj0_kow7y_290",
-  "colspan-11": "awsui_colspan-11_14yj0_kow7y_293",
-  "push-11": "awsui_push-11_14yj0_kow7y_297",
-  "pull-11": "awsui_pull-11_14yj0_kow7y_300",
-  "colspan-12": "awsui_colspan-12_14yj0_kow7y_303",
-  "push-12": "awsui_push-12_14yj0_kow7y_307",
-  "pull-12": "awsui_pull-12_14yj0_kow7y_310",
-  "push-0": "awsui_push-0_14yj0_kow7y_313",
-  "pull-0": "awsui_pull-0_14yj0_kow7y_316",
-  "offset-1": "awsui_offset-1_14yj0_kow7y_319",
-  "offset-2": "awsui_offset-2_14yj0_kow7y_322",
-  "offset-3": "awsui_offset-3_14yj0_kow7y_325",
-  "offset-4": "awsui_offset-4_14yj0_kow7y_328",
-  "offset-5": "awsui_offset-5_14yj0_kow7y_331",
-  "offset-6": "awsui_offset-6_14yj0_kow7y_334",
-  "offset-7": "awsui_offset-7_14yj0_kow7y_337",
-  "offset-8": "awsui_offset-8_14yj0_kow7y_340",
-  "offset-9": "awsui_offset-9_14yj0_kow7y_343",
-  "offset-10": "awsui_offset-10_14yj0_kow7y_346",
-  "offset-11": "awsui_offset-11_14yj0_kow7y_349",
-  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_kow7y_353"
+  "grid": "awsui_grid_14yj0_1emv2_145",
+  "no-gutters": "awsui_no-gutters_14yj0_1emv2_181",
+  "grid-column": "awsui_grid-column_14yj0_1emv2_186",
+  "colspan-1": "awsui_colspan-1_14yj0_1emv2_197",
+  "push-1": "awsui_push-1_14yj0_1emv2_201",
+  "pull-1": "awsui_pull-1_14yj0_1emv2_204",
+  "colspan-2": "awsui_colspan-2_14yj0_1emv2_207",
+  "push-2": "awsui_push-2_14yj0_1emv2_211",
+  "pull-2": "awsui_pull-2_14yj0_1emv2_214",
+  "colspan-3": "awsui_colspan-3_14yj0_1emv2_217",
+  "push-3": "awsui_push-3_14yj0_1emv2_221",
+  "pull-3": "awsui_pull-3_14yj0_1emv2_224",
+  "colspan-4": "awsui_colspan-4_14yj0_1emv2_227",
+  "push-4": "awsui_push-4_14yj0_1emv2_231",
+  "pull-4": "awsui_pull-4_14yj0_1emv2_234",
+  "colspan-5": "awsui_colspan-5_14yj0_1emv2_237",
+  "push-5": "awsui_push-5_14yj0_1emv2_241",
+  "pull-5": "awsui_pull-5_14yj0_1emv2_244",
+  "colspan-6": "awsui_colspan-6_14yj0_1emv2_247",
+  "push-6": "awsui_push-6_14yj0_1emv2_251",
+  "pull-6": "awsui_pull-6_14yj0_1emv2_254",
+  "colspan-7": "awsui_colspan-7_14yj0_1emv2_257",
+  "push-7": "awsui_push-7_14yj0_1emv2_261",
+  "pull-7": "awsui_pull-7_14yj0_1emv2_264",
+  "colspan-8": "awsui_colspan-8_14yj0_1emv2_267",
+  "push-8": "awsui_push-8_14yj0_1emv2_271",
+  "pull-8": "awsui_pull-8_14yj0_1emv2_274",
+  "colspan-9": "awsui_colspan-9_14yj0_1emv2_277",
+  "push-9": "awsui_push-9_14yj0_1emv2_281",
+  "pull-9": "awsui_pull-9_14yj0_1emv2_284",
+  "colspan-10": "awsui_colspan-10_14yj0_1emv2_287",
+  "push-10": "awsui_push-10_14yj0_1emv2_291",
+  "pull-10": "awsui_pull-10_14yj0_1emv2_294",
+  "colspan-11": "awsui_colspan-11_14yj0_1emv2_297",
+  "push-11": "awsui_push-11_14yj0_1emv2_301",
+  "pull-11": "awsui_pull-11_14yj0_1emv2_304",
+  "colspan-12": "awsui_colspan-12_14yj0_1emv2_307",
+  "push-12": "awsui_push-12_14yj0_1emv2_311",
+  "pull-12": "awsui_pull-12_14yj0_1emv2_314",
+  "push-0": "awsui_push-0_14yj0_1emv2_317",
+  "pull-0": "awsui_pull-0_14yj0_1emv2_320",
+  "offset-1": "awsui_offset-1_14yj0_1emv2_323",
+  "offset-2": "awsui_offset-2_14yj0_1emv2_326",
+  "offset-3": "awsui_offset-3_14yj0_1emv2_329",
+  "offset-4": "awsui_offset-4_14yj0_1emv2_332",
+  "offset-5": "awsui_offset-5_14yj0_1emv2_335",
+  "offset-6": "awsui_offset-6_14yj0_1emv2_338",
+  "offset-7": "awsui_offset-7_14yj0_1emv2_341",
+  "offset-8": "awsui_offset-8_14yj0_1emv2_344",
+  "offset-9": "awsui_offset-9_14yj0_1emv2_347",
+  "offset-10": "awsui_offset-10_14yj0_1emv2_350",
+  "offset-11": "awsui_offset-11_14yj0_1emv2_353",
+  "restore-pointer-events": "awsui_restore-pointer-events_14yj0_1emv2_357"
 };
   

package/header/styles.css.js

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_1caub_177",
-  "refresh": "awsui_refresh_2qdw9_1caub_213",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_1caub_213",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1caub_216",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1caub_216",
-  "root-has-description": "awsui_root-has-description_2qdw9_1caub_216",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1caub_225",
-  "main": "awsui_main_2qdw9_1caub_235",
-  "no-wrap": "awsui_no-wrap_2qdw9_1caub_245",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1caub_251",
-  "actions": "awsui_actions_2qdw9_1caub_259",
-  "actions-centered": "awsui_actions-centered_2qdw9_1caub_264",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1caub_267",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1caub_271",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1caub_275",
-  "title": "awsui_title_2qdw9_1caub_291",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1caub_296",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1caub_303",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1caub_309",
-  "virtual-space": "awsui_virtual-space_2qdw9_1caub_330",
-  "info": "awsui_info_2qdw9_1caub_336",
-  "description": "awsui_description_2qdw9_1caub_340",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1caub_347",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1caub_351",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1caub_358",
-  "heading": "awsui_heading_2qdw9_1caub_367",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1caub_378",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1caub_383",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1caub_388",
-  "heading-text": "awsui_heading-text_2qdw9_1caub_394",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1caub_397",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1caub_405",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1caub_413",
-  "counter": "awsui_counter_2qdw9_1caub_422"
+  "root": "awsui_root_2qdw9_1rn64_181",
+  "refresh": "awsui_refresh_2qdw9_1rn64_217",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1rn64_217",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1rn64_220",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1rn64_220",
+  "root-has-description": "awsui_root-has-description_2qdw9_1rn64_220",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1rn64_229",
+  "main": "awsui_main_2qdw9_1rn64_239",
+  "no-wrap": "awsui_no-wrap_2qdw9_1rn64_249",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1rn64_255",
+  "actions": "awsui_actions_2qdw9_1rn64_263",
+  "actions-centered": "awsui_actions-centered_2qdw9_1rn64_268",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1rn64_271",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1rn64_275",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1rn64_279",
+  "title": "awsui_title_2qdw9_1rn64_295",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_1rn64_300",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1rn64_307",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1rn64_313",
+  "virtual-space": "awsui_virtual-space_2qdw9_1rn64_334",
+  "info": "awsui_info_2qdw9_1rn64_340",
+  "description": "awsui_description_2qdw9_1rn64_344",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1rn64_351",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1rn64_355",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1rn64_362",
+  "heading": "awsui_heading_2qdw9_1rn64_371",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1rn64_382",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1rn64_387",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1rn64_392",
+  "heading-text": "awsui_heading-text_2qdw9_1rn64_398",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1rn64_401",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1rn64_409",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1rn64_417",
+  "counter": "awsui_counter_2qdw9_1rn64_426"
 };