@cloudscape-design/components 3.0.333 → 3.0.335

package/collection-preferences/styles.selectors.js

@@ -2,42 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_1iq9a_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1iq9a_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_1iq9a_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_1iq9a_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_1iq9a_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1iq9a_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_1iq9a_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1iq9a_218",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1iq9a_409",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_1iq9a_413",
-  "content-display-option": "awsui_content-display-option_tc96w_1iq9a_409",
-  "placeholder": "awsui_placeholder_tc96w_1iq9a_436",
-  "sorting": "awsui_sorting_tc96w_1iq9a_436",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_1iq9a_463",
-  "drag-overlay": "awsui_drag-overlay_tc96w_1iq9a_471",
-  "content-display": "awsui_content-display_tc96w_1iq9a_409",
-  "content-display-title": "awsui_content-display-title_tc96w_1iq9a_498",
-  "content-display-description": "awsui_content-display-description_tc96w_1iq9a_506",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_1iq9a_514",
-  "root": "awsui_root_tc96w_1iq9a_520",
-  "modal-root": "awsui_modal-root_tc96w_1iq9a_521",
-  "trigger-button": "awsui_trigger-button_tc96w_1iq9a_522",
-  "cancel-button": "awsui_cancel-button_tc96w_1iq9a_523",
-  "confirm-button": "awsui_confirm-button_tc96w_1iq9a_524",
-  "custom": "awsui_custom_tc96w_1iq9a_525",
-  "second-column-small": "awsui_second-column-small_tc96w_1iq9a_529",
-  "wrap-lines": "awsui_wrap-lines_tc96w_1iq9a_533",
-  "striped-rows": "awsui_striped-rows_tc96w_1iq9a_534",
-  "content-density": "awsui_content-density_tc96w_1iq9a_535",
-  "page-size": "awsui_page-size_tc96w_1iq9a_536",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_1iq9a_537",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1iq9a_538",
-  "sticky-columns": "awsui_sticky-columns_tc96w_1iq9a_539",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1iq9a_540",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1iq9a_541",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1iq9a_542",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1iq9a_543"
+  "visible-content": "awsui_visible-content_tc96w_68p64_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_68p64_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_68p64_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_68p64_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_68p64_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_68p64_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_68p64_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_68p64_218",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_68p64_409",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_68p64_413",
+  "content-display-option": "awsui_content-display-option_tc96w_68p64_409",
+  "placeholder": "awsui_placeholder_tc96w_68p64_436",
+  "sorting": "awsui_sorting_tc96w_68p64_436",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_68p64_463",
+  "drag-overlay": "awsui_drag-overlay_tc96w_68p64_471",
+  "content-display": "awsui_content-display_tc96w_68p64_409",
+  "content-display-title": "awsui_content-display-title_tc96w_68p64_498",
+  "content-display-description": "awsui_content-display-description_tc96w_68p64_506",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_68p64_514",
+  "root": "awsui_root_tc96w_68p64_520",
+  "modal-root": "awsui_modal-root_tc96w_68p64_521",
+  "trigger-button": "awsui_trigger-button_tc96w_68p64_522",
+  "cancel-button": "awsui_cancel-button_tc96w_68p64_523",
+  "confirm-button": "awsui_confirm-button_tc96w_68p64_524",
+  "custom": "awsui_custom_tc96w_68p64_525",
+  "second-column-small": "awsui_second-column-small_tc96w_68p64_529",
+  "wrap-lines": "awsui_wrap-lines_tc96w_68p64_533",
+  "striped-rows": "awsui_striped-rows_tc96w_68p64_534",
+  "content-density": "awsui_content-density_tc96w_68p64_535",
+  "page-size": "awsui_page-size_tc96w_68p64_536",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_68p64_537",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_68p64_538",
+  "sticky-columns": "awsui_sticky-columns_tc96w_68p64_539",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_68p64_540",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_68p64_541",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_68p64_542",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_68p64_543"
 };
   

package/column-layout/flexible-column-layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["column-layout/flexible-column-layout/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAK1D,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,MAAM,EACtB,cAAc,EAAE,MAAM,GAAG,IAAI,GAC5B,MAAM,CAaR;AAED,UAAU,yBACR,SAAQ,IAAI,CAAC,yBAAyB,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAChH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,OAAW,EACX,cAAkB,EAClB,cAAc,EACd,OAAO,EACP,QAAQ,GACT,EAAE,yBAAyB,eAqC3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["column-layout/flexible-column-layout/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAM1D,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,MAAM,EACtB,cAAc,EAAE,MAAM,GAAG,IAAI,GAC5B,MAAM,CAaR;AAED,UAAU,yBACR,SAAQ,IAAI,CAAC,yBAAyB,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAChH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,OAAW,EACX,cAAkB,EAClB,cAAc,EACd,OAAO,EACP,QAAQ,GACT,EAAE,yBAAyB,eAqC3B"}

package/column-layout/flexible-column-layout/index.js

@@ -3,8 +3,8 @@
 import React from 'react';
 import clsx from 'clsx';
 import flattenChildren from 'react-keyed-flatten-children';
-import { useContainerQuery } from '../../internal/hooks/container-queries';
 import styles from './styles.css.js';
+import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 const isOdd = (value) => value % 2 !== 0;
 export function calculcateCssColumnCount(columns, minColumnWidth, containerWidth) {
     if (!containerWidth) {
@@ -16,7 +16,7 @@ export function calculcateCssColumnCount(columns, minColumnWidth, containerWidth
     return Math.max(1, targetColumnCount < columns && isOdd(targetColumnCount) ? targetColumnCount - 1 : targetColumnCount);
 }
 export default function FlexibleColumnLayout({ columns = 1, minColumnWidth = 0, disableGutters, variant, children, }) {
-    const [containerWidth, containerRef] = useContainerQuery(rect => rect.width);
+    const [containerWidth, containerRef] = useContainerQuery(rect => rect.contentBoxWidth);
     const columnCount = calculcateCssColumnCount(columns, minColumnWidth, containerWidth);
     const shouldDisableGutters = variant !== 'text-grid' && disableGutters;
     // Flattening the children allows us to "see through" React Fragments and nested arrays.

package/column-layout/flexible-column-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["column-layout/flexible-column-layout/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAW,EAAE,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;AAE1D,MAAM,UAAU,wBAAwB,CACtC,OAAe,EACf,cAAsB,EACtB,cAA6B;IAE7B,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,OAAO,CAAC;KAChB;IAED,yGAAyG;IACzG,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC;IAEzF,sGAAsG;IACtG,OAAO,IAAI,CAAC,GAAG,CACb,CAAC,EACD,iBAAiB,GAAG,OAAO,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CACpG,CAAC;AACJ,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,OAAO,GAAG,CAAC,EACX,cAAc,GAAG,CAAC,EAClB,cAAc,EACd,OAAO,EACP,QAAQ,GACkB;IAC1B,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,wBAAwB,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;IACtF,MAAM,oBAAoB,GAAG,OAAO,KAAK,WAAW,IAAI,cAAc,CAAC;IAEvE,wFAAwF;IACxF,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,6BACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,CAAC,EAClB,MAAM,CAAC,gBAAgB,OAAO,EAAE,CAAC,EACjC,oBAAoB,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CACpD,EACD,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,WAAW,QAAQ,EAAE,IAE5D,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QAClC,sEAAsE;QACtE,8DAA8D;QAC9D,MAAM,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;QAE/B,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;gBAC3B,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,KAAK,CAAC;aAChD,CAAC,IAED,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { useContainerQuery } from '../../internal/hooks/container-queries';\nimport { InternalColumnLayoutProps } from '../interfaces';\nimport styles from './styles.css.js';\n\nconst isOdd = (value: number): boolean => value % 2 !== 0;\n\nexport function calculcateCssColumnCount(\n  columns: number,\n  minColumnWidth: number,\n  containerWidth: number | null\n): number {\n  if (!containerWidth) {\n    return columns;\n  }\n\n  // First, calculate how many columns we can have based on the current container width and minColumnWidth.\n  const targetColumnCount = Math.min(columns, Math.floor(containerWidth / minColumnWidth));\n\n  // When we start wrapping into fewer columns than desired, we want to keep the number of columns even.\n  return Math.max(\n    1,\n    targetColumnCount < columns && isOdd(targetColumnCount) ? targetColumnCount - 1 : targetColumnCount\n  );\n}\n\ninterface FlexibleColumnLayoutProps\n  extends Pick<InternalColumnLayoutProps, 'minColumnWidth' | 'columns' | 'variant' | 'borders' | 'disableGutters'> {\n  children: React.ReactNode;\n}\n\nexport default function FlexibleColumnLayout({\n  columns = 1,\n  minColumnWidth = 0,\n  disableGutters,\n  variant,\n  children,\n}: FlexibleColumnLayoutProps) {\n  const [containerWidth, containerRef] = useContainerQuery(rect => rect.width);\n\n  const columnCount = calculcateCssColumnCount(columns, minColumnWidth, containerWidth);\n  const shouldDisableGutters = variant !== 'text-grid' && disableGutters;\n\n  // Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n  const flattenedChildren = flattenChildren(children);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\n        styles['css-grid'],\n        styles[`grid-variant-${variant}`],\n        shouldDisableGutters && [styles['grid-no-gutters']]\n      )}\n      style={{ gridTemplateColumns: `repeat(${columnCount}, 1fr)` }}\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 any).key;\n\n        return (\n          <div\n            key={key}\n            className={clsx(styles.item, {\n              [styles['first-column']]: i % columnCount === 0,\n            })}\n          >\n            {child}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["column-layout/flexible-column-layout/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE,MAAM,KAAK,GAAG,CAAC,KAAa,EAAW,EAAE,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;AAE1D,MAAM,UAAU,wBAAwB,CACtC,OAAe,EACf,cAAsB,EACtB,cAA6B;IAE7B,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,OAAO,CAAC;KAChB;IAED,yGAAyG;IACzG,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC;IAEzF,sGAAsG;IACtG,OAAO,IAAI,CAAC,GAAG,CACb,CAAC,EACD,iBAAiB,GAAG,OAAO,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CACpG,CAAC;AACJ,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,OAAO,GAAG,CAAC,EACX,cAAc,GAAG,CAAC,EAClB,cAAc,EACd,OAAO,EACP,QAAQ,GACkB;IAC1B,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAEvF,MAAM,WAAW,GAAG,wBAAwB,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;IACtF,MAAM,oBAAoB,GAAG,OAAO,KAAK,WAAW,IAAI,cAAc,CAAC;IAEvE,wFAAwF;IACxF,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,6BACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,CAAC,EAClB,MAAM,CAAC,gBAAgB,OAAO,EAAE,CAAC,EACjC,oBAAoB,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CACpD,EACD,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,WAAW,QAAQ,EAAE,IAE5D,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QAClC,sEAAsE;QACtE,8DAA8D;QAC9D,MAAM,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;QAE/B,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;gBAC3B,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,GAAG,WAAW,KAAK,CAAC;aAChD,CAAC,IAED,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { InternalColumnLayoutProps } from '../interfaces';\nimport styles from './styles.css.js';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\nconst isOdd = (value: number): boolean => value % 2 !== 0;\n\nexport function calculcateCssColumnCount(\n  columns: number,\n  minColumnWidth: number,\n  containerWidth: number | null\n): number {\n  if (!containerWidth) {\n    return columns;\n  }\n\n  // First, calculate how many columns we can have based on the current container width and minColumnWidth.\n  const targetColumnCount = Math.min(columns, Math.floor(containerWidth / minColumnWidth));\n\n  // When we start wrapping into fewer columns than desired, we want to keep the number of columns even.\n  return Math.max(\n    1,\n    targetColumnCount < columns && isOdd(targetColumnCount) ? targetColumnCount - 1 : targetColumnCount\n  );\n}\n\ninterface FlexibleColumnLayoutProps\n  extends Pick<InternalColumnLayoutProps, 'minColumnWidth' | 'columns' | 'variant' | 'borders' | 'disableGutters'> {\n  children: React.ReactNode;\n}\n\nexport default function FlexibleColumnLayout({\n  columns = 1,\n  minColumnWidth = 0,\n  disableGutters,\n  variant,\n  children,\n}: FlexibleColumnLayoutProps) {\n  const [containerWidth, containerRef] = useContainerQuery(rect => rect.contentBoxWidth);\n\n  const columnCount = calculcateCssColumnCount(columns, minColumnWidth, containerWidth);\n  const shouldDisableGutters = variant !== 'text-grid' && disableGutters;\n\n  // Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n  const flattenedChildren = flattenChildren(children);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\n        styles['css-grid'],\n        styles[`grid-variant-${variant}`],\n        shouldDisableGutters && [styles['grid-no-gutters']]\n      )}\n      style={{ gridTemplateColumns: `repeat(${columnCount}, 1fr)` }}\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 any).key;\n\n        return (\n          <div\n            key={key}\n            className={clsx(styles.item, {\n              [styles['first-column']]: i % columnCount === 0,\n            })}\n          >\n            {child}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/column-layout/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "column-layout": "awsui_column-layout_vvxn7_1ve47_93",
-  "grid": "awsui_grid_vvxn7_1ve47_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1ve47_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1ve47_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1ve47_121",
-  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1ve47_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1ve47_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1ve47_127",
-  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1ve47_130",
-  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1ve47_136",
-  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1ve47_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1ve47_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1ve47_188"
+  "column-layout": "awsui_column-layout_vvxn7_q76si_93",
+  "grid": "awsui_grid_vvxn7_q76si_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_q76si_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_q76si_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_q76si_121",
+  "grid-columns-1": "awsui_grid-columns-1_vvxn7_q76si_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_q76si_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_q76si_127",
+  "grid-columns-2": "awsui_grid-columns-2_vvxn7_q76si_130",
+  "grid-columns-3": "awsui_grid-columns-3_vvxn7_q76si_136",
+  "grid-columns-4": "awsui_grid-columns-4_vvxn7_q76si_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_q76si_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_q76si_188"
 };
   

package/column-layout/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-div.awsui_column-layout_vvxn7_1ve47_93:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -121,7 +121,7 @@ div.awsui_column-layout_vvxn7_1ve47_93:not(#\9) {
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -129,134 +129,134 @@ div.awsui_column-layout_vvxn7_1ve47_93:not(#\9) {
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106:not(#\9) {
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / -2);
   /* stylelint-disable-next-line selector-max-universal */
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-no-gutters_vvxn7_1ve47_111:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-no-gutters_vvxn7_q76si_111:not(#\9) {
   margin: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
   margin: calc(-1 * var(--space-grid-gutter-s46zha, 20px) / 2) calc(-1 * var(--space-grid-gutter-s46zha, 20px));
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114 > *:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114 > *:not(#\9) {
   border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-breakpoint-default_vvxn7_1ve47_121 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-breakpoint-default_vvxn7_q76si_121 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-1_vvxn7_1ve47_124.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-1_vvxn7_q76si_124.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-1_vvxn7_1ve47_124.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-1_vvxn7_q76si_124.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-2_vvxn7_1ve47_130.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-2_vvxn7_q76si_130.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-2_vvxn7_1ve47_130.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-2_vvxn7_q76si_130.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(3n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(3n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-variant-text-grid_vvxn7_1ve47_114.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-variant-text-grid_vvxn7_q76si_114.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(4n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1ve47_111) > * {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_q76si_111) > * {
   padding: calc(var(--space-grid-gutter-s46zha, 20px) / 2);
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1ve47_111).awsui_grid-variant-text-grid_vvxn7_1ve47_114 > * {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106:not(#\9):not(.awsui_grid-no-gutters_vvxn7_q76si_111).awsui_grid-variant-text-grid_vvxn7_q76si_114 > * {
   padding: 0 var(--space-grid-gutter-s46zha, 20px);
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / 2) 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155 > *:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155 > *:not(#\9) {
   border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-breakpoint-default_vvxn7_1ve47_121 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-breakpoint-default_vvxn7_q76si_121 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-1_vvxn7_1ve47_124.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-1_vvxn7_q76si_124.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-1_vvxn7_1ve47_124.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-1_vvxn7_q76si_124.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-2_vvxn7_1ve47_130.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-2_vvxn7_q76si_130.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-2_vvxn7_1ve47_130.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-2_vvxn7_q76si_130.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(3n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(3n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-vertical-borders_vvxn7_1ve47_155.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-child(4n) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-vertical-borders_vvxn7_q76si_155.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-child(4n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188:not(#\9) {
   /* stylelint-disable selector-max-universal */
   /* stylelint-enable selector-max-universal */
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188 > *:not(#\9) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188 > *:not(#\9) {
   border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188 > *:not(#\9):last-child {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188 > *:not(#\9):last-child {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-2_vvxn7_1ve47_130.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-2_vvxn7_q76si_130.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-2_vvxn7_1ve47_130.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-2_vvxn7_q76si_130.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-3_vvxn7_1ve47_136.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-3_vvxn7_q76si_136.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xxs_vvxn7_1ve47_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xxs_vvxn7_q76si_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vvxn7_1ve47_93 > .awsui_grid_vvxn7_1ve47_106.awsui_grid-horizontal-borders_vvxn7_1ve47_188.awsui_grid-columns-4_vvxn7_1ve47_142.awsui_grid-breakpoint-xs_vvxn7_1ve47_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
+div.awsui_column-layout_vvxn7_q76si_93 > .awsui_grid_vvxn7_q76si_106.awsui_grid-horizontal-borders_vvxn7_q76si_188.awsui_grid-columns-4_vvxn7_q76si_142.awsui_grid-breakpoint-xs_vvxn7_q76si_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
   border-bottom-width: 0;
 }

package/column-layout/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "column-layout": "awsui_column-layout_vvxn7_1ve47_93",
-  "grid": "awsui_grid_vvxn7_1ve47_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_1ve47_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_1ve47_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_1ve47_121",
-  "grid-columns-1": "awsui_grid-columns-1_vvxn7_1ve47_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_1ve47_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_1ve47_127",
-  "grid-columns-2": "awsui_grid-columns-2_vvxn7_1ve47_130",
-  "grid-columns-3": "awsui_grid-columns-3_vvxn7_1ve47_136",
-  "grid-columns-4": "awsui_grid-columns-4_vvxn7_1ve47_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_1ve47_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_1ve47_188"
+  "column-layout": "awsui_column-layout_vvxn7_q76si_93",
+  "grid": "awsui_grid_vvxn7_q76si_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vvxn7_q76si_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vvxn7_q76si_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vvxn7_q76si_121",
+  "grid-columns-1": "awsui_grid-columns-1_vvxn7_q76si_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vvxn7_q76si_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vvxn7_q76si_127",
+  "grid-columns-2": "awsui_grid-columns-2_vvxn7_q76si_130",
+  "grid-columns-3": "awsui_grid-columns-3_vvxn7_q76si_136",
+  "grid-columns-4": "awsui_grid-columns-4_vvxn7_q76si_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vvxn7_q76si_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vvxn7_q76si_188"
 };
   

package/container/styles.css.js

@@ -1,33 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_f40a9_97",
-  "fit-height": "awsui_fit-height_14iqq_f40a9_111",
-  "with-side-media": "awsui_with-side-media_14iqq_f40a9_116",
-  "variant-default": "awsui_variant-default_14iqq_f40a9_119",
-  "variant-stacked": "awsui_variant-stacked_14iqq_f40a9_119",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_f40a9_172",
-  "with-top-media": "awsui_with-top-media_14iqq_f40a9_184",
-  "content-wrapper": "awsui_content-wrapper_14iqq_f40a9_189",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_f40a9_194",
-  "media": "awsui_media_14iqq_f40a9_199",
-  "media-top": "awsui_media-top_14iqq_f40a9_211",
-  "media-side": "awsui_media-side_14iqq_f40a9_216",
-  "header": "awsui_header_14iqq_f40a9_222",
-  "header-with-media": "awsui_header-with-media_14iqq_f40a9_227",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_f40a9_233",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_f40a9_237",
-  "header-stuck": "awsui_header-stuck_14iqq_f40a9_243",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_f40a9_249",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_f40a9_252",
-  "with-paddings": "awsui_with-paddings_14iqq_f40a9_258",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_f40a9_261",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_f40a9_311",
-  "dark-header": "awsui_dark-header_14iqq_f40a9_329",
-  "content": "awsui_content_14iqq_f40a9_189",
-  "content-fit-height": "awsui_content-fit-height_14iqq_f40a9_337",
-  "content-with-media": "awsui_content-with-media_14iqq_f40a9_346",
-  "footer": "awsui_footer_14iqq_f40a9_350",
-  "with-divider": "awsui_with-divider_14iqq_f40a9_353"
+  "root": "awsui_root_14iqq_6schs_97",
+  "fit-height": "awsui_fit-height_14iqq_6schs_111",
+  "with-side-media": "awsui_with-side-media_14iqq_6schs_116",
+  "variant-default": "awsui_variant-default_14iqq_6schs_119",
+  "variant-stacked": "awsui_variant-stacked_14iqq_6schs_119",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_6schs_172",
+  "with-top-media": "awsui_with-top-media_14iqq_6schs_184",
+  "content-wrapper": "awsui_content-wrapper_14iqq_6schs_189",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_6schs_194",
+  "media": "awsui_media_14iqq_6schs_199",
+  "media-top": "awsui_media-top_14iqq_6schs_211",
+  "media-side": "awsui_media-side_14iqq_6schs_216",
+  "header": "awsui_header_14iqq_6schs_222",
+  "header-with-media": "awsui_header-with-media_14iqq_6schs_227",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_6schs_233",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_6schs_237",
+  "header-stuck": "awsui_header-stuck_14iqq_6schs_243",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_6schs_249",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_6schs_252",
+  "with-paddings": "awsui_with-paddings_14iqq_6schs_258",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_6schs_261",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_6schs_311",
+  "dark-header": "awsui_dark-header_14iqq_6schs_329",
+  "content": "awsui_content_14iqq_6schs_189",
+  "content-fit-height": "awsui_content-fit-height_14iqq_6schs_337",
+  "content-with-media": "awsui_content-with-media_14iqq_6schs_346",
+  "footer": "awsui_footer_14iqq_6schs_350",
+  "with-divider": "awsui_with-divider_14iqq_6schs_353"
 };