@cloudscape-design/components-themeable 3.0.1343 → 3.0.1344

package/lib/internal/template/table/skeleton-rows.js

@@ -7,7 +7,7 @@ import { TableBodyCell } from './body-cell';
 import { getColumnKey } from './utils';
 import styles from './styles.css.js';
 const noop = () => { };
-export function SkeletonRows({ count, hasDataRows, totalColumnsCount, loadingText, hasSelection, hasFooter, stickyState, tableRole, ariaLabels, cellVerticalAlign, computedVariant, visibleColumnDefinitions, wrapLines, resizableColumns, colIndexOffset, }) {
+export function SkeletonRows({ count, hasDataRows, totalColumnsCount, loadingText, hasSelection, hasFooter, stickyState, tableRole, ariaLabels, cellVerticalAlign, computedVariant, visibleColumnDefinitions, wrapLines, resizableColumns, colIndexOffset, renderCell, }) {
     return (React.createElement(React.Fragment, null,
         React.createElement("tr", { "aria-hidden": "false" },
             React.createElement("td", { colSpan: totalColumnsCount, className: styles['skeleton-loading-cell'] },
@@ -25,7 +25,10 @@ export function SkeletonRows({ count, hasDataRows, totalColumnsCount, loadingTex
                             maxWidth: column.maxWidth,
                         }, ariaLabels: ariaLabels, column: {
                             ...column,
-                            cell: () => React.createElement(InternalSkeleton, { variant: "dynamic", tagOverride: "span" }),
+                            cell: () => {
+                                const customSkeleton = renderCell === null || renderCell === void 0 ? void 0 : renderCell(column);
+                                return customSkeleton === undefined ? (React.createElement(InternalSkeleton, { variant: "dynamic", tagOverride: "span" })) : (customSkeleton);
+                            },
                         }, item: {}, wrapLines: wrapLines, isEditable: false, isEditing: false, isRowHeader: column.isRowHeader, resizableColumns: resizableColumns, onEditStart: noop, onEditEnd: noop, columnId: (_a = column.id) !== null && _a !== void 0 ? _a : colIndex, colIndex: colIndex + colIndexOffset, verticalAlign: (_b = column.verticalAlign) !== null && _b !== void 0 ? _b : cellVerticalAlign, tableVariant: computedVariant }));
                 })));
         })));

package/lib/internal/template/table/skeleton-rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-rows.js","sourceRoot":"","sources":["../../../src/table/skeleton-rows.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AACxE,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAoBtB,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,SAAS,EACT,gBAAgB,EAChB,cAAc,GACI;IAClB,OAAO,CACL;QACE,2CAAgB,OAAO;YACrB,4BAAI,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;gBACxE,oBAAC,gBAAgB,QAAE,WAAW,CAAoB,CAC/C,CACF;QACJ,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACtC,MAAM,UAAU,GAAG,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,SAAS,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;YAClC,OAAO,CACL,4BAAI,GAAG,EAAE,gBAAgB,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,iBAAc,MAAM;gBACpE,YAAY,IAAI,4BAAI,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,GAAI;gBAC9D,wBAAwB,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,QAAgB,EAAE,EAAE;;oBAAC,OAAA,CAC/D,oBAAC,aAAa,IACZ,GAAG,EAAE,YAAY,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,EACjD,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,KAAK,EACrB,cAAc,EAAE,KAAK,EACrB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE;4BACd,KAAK,EAAE,MAAM,CAAC,KAAK;4BACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;4BACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ;yBAC1B,EACD,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE;4BACN,GAAG,MAAM;4BACT,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,gBAAgB,IAAC,OAAO,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAG;yBACtE,EACD,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,MAAA,MAAM,CAAC,EAAE,mCAAI,QAAQ,EAC/B,QAAQ,EAAE,QAAQ,GAAG,cAAc,EACnC,aAAa,EAAE,MAAA,MAAM,CAAC,aAAa,mCAAI,iBAAiB,EACxD,YAAY,EAAE,eAAe,GAC7B,CACH,CAAA;iBAAA,CAAC,CACC,CACN,CAAC;QACJ,CAAC,CAAC,CACD,CACJ,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';\n\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport InternalSkeleton from '../skeleton/internal';\nimport { TableBodyCell } from './body-cell';\nimport { TableProps } from './interfaces';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { TableRole } from './table-role';\nimport { getColumnKey } from './utils';\n\nimport styles from './styles.css.js';\n\nconst noop = () => {};\n\ninterface SkeletonRowsProps {\n  count: number;\n  hasDataRows: boolean;\n  totalColumnsCount: number;\n  loadingText: string | undefined;\n  hasSelection: boolean;\n  hasFooter: boolean;\n  stickyState: StickyColumnsModel;\n  tableRole: TableRole;\n  ariaLabels: TableProps['ariaLabels'];\n  cellVerticalAlign: TableProps.VerticalAlign | undefined;\n  computedVariant: string;\n  visibleColumnDefinitions: readonly TableProps.ColumnDefinition<any>[];\n  wrapLines: boolean | undefined;\n  resizableColumns: boolean | undefined;\n  colIndexOffset: number;\n}\n\nexport function SkeletonRows({\n  count,\n  hasDataRows,\n  totalColumnsCount,\n  loadingText,\n  hasSelection,\n  hasFooter,\n  stickyState,\n  tableRole,\n  ariaLabels,\n  cellVerticalAlign,\n  computedVariant,\n  visibleColumnDefinitions,\n  wrapLines,\n  resizableColumns,\n  colIndexOffset,\n}: SkeletonRowsProps) {\n  return (\n    <>\n      <tr aria-hidden=\"false\">\n        <td colSpan={totalColumnsCount} className={styles['skeleton-loading-cell']}>\n          <ScreenreaderOnly>{loadingText}</ScreenreaderOnly>\n        </td>\n      </tr>\n      {Array.from({ length: count }, (_, i) => {\n        const isFirstRow = !hasDataRows && i === 0;\n        const isLastRow = i === count - 1;\n        return (\n          <tr key={`skeleton-row-${i}`} className={styles.row} aria-hidden=\"true\">\n            {hasSelection && <td className={styles['selection-control']} />}\n            {visibleColumnDefinitions.map((column: any, colIndex: number) => (\n              <TableBodyCell\n                key={`skeleton-${getColumnKey(column, colIndex)}`}\n                isFirstRow={isFirstRow}\n                isLastRow={isLastRow}\n                isSelected={false}\n                isPrevSelected={false}\n                isNextSelected={false}\n                hasSelection={hasSelection}\n                hasFooter={hasFooter}\n                stickyState={stickyState}\n                tableRole={tableRole}\n                resizableStyle={{\n                  width: column.width,\n                  minWidth: column.minWidth,\n                  maxWidth: column.maxWidth,\n                }}\n                ariaLabels={ariaLabels}\n                column={{\n                  ...column,\n                  cell: () => <InternalSkeleton variant=\"dynamic\" tagOverride=\"span\" />,\n                }}\n                item={{}}\n                wrapLines={wrapLines}\n                isEditable={false}\n                isEditing={false}\n                isRowHeader={column.isRowHeader}\n                resizableColumns={resizableColumns}\n                onEditStart={noop}\n                onEditEnd={noop}\n                columnId={column.id ?? colIndex}\n                colIndex={colIndex + colIndexOffset}\n                verticalAlign={column.verticalAlign ?? cellVerticalAlign}\n                tableVariant={computedVariant}\n              />\n            ))}\n          </tr>\n        );\n      })}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"skeleton-rows.js","sourceRoot":"","sources":["../../../src/table/skeleton-rows.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';\n\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport InternalSkeleton from '../skeleton/internal';\nimport { TableBodyCell } from './body-cell';\nimport { TableProps } from './interfaces';\nimport { StickyColumnsModel } from './sticky-columns';\nimport { TableRole } from './table-role';\nimport { getColumnKey } from './utils';\n\nimport styles from './styles.css.js';\n\nconst noop = () => {};\n\ninterface SkeletonRowsProps {\n  count: number;\n  hasDataRows: boolean;\n  totalColumnsCount: number;\n  loadingText: string | undefined;\n  hasSelection: boolean;\n  hasFooter: boolean;\n  stickyState: StickyColumnsModel;\n  tableRole: TableRole;\n  ariaLabels: TableProps['ariaLabels'];\n  cellVerticalAlign: TableProps.VerticalAlign | undefined;\n  computedVariant: string;\n  visibleColumnDefinitions: readonly TableProps.ColumnDefinition<any>[];\n  wrapLines: boolean | undefined;\n  resizableColumns: boolean | undefined;\n  colIndexOffset: number;\n  renderCell: TableProps.SkeletonConfig<any>['renderCell'];\n}\n\nexport function SkeletonRows({\n  count,\n  hasDataRows,\n  totalColumnsCount,\n  loadingText,\n  hasSelection,\n  hasFooter,\n  stickyState,\n  tableRole,\n  ariaLabels,\n  cellVerticalAlign,\n  computedVariant,\n  visibleColumnDefinitions,\n  wrapLines,\n  resizableColumns,\n  colIndexOffset,\n  renderCell,\n}: SkeletonRowsProps) {\n  return (\n    <>\n      <tr aria-hidden=\"false\">\n        <td colSpan={totalColumnsCount} className={styles['skeleton-loading-cell']}>\n          <ScreenreaderOnly>{loadingText}</ScreenreaderOnly>\n        </td>\n      </tr>\n      {Array.from({ length: count }, (_, i) => {\n        const isFirstRow = !hasDataRows && i === 0;\n        const isLastRow = i === count - 1;\n        return (\n          <tr key={`skeleton-row-${i}`} className={styles.row} aria-hidden=\"true\">\n            {hasSelection && <td className={styles['selection-control']} />}\n            {visibleColumnDefinitions.map((column: any, colIndex: number) => (\n              <TableBodyCell\n                key={`skeleton-${getColumnKey(column, colIndex)}`}\n                isFirstRow={isFirstRow}\n                isLastRow={isLastRow}\n                isSelected={false}\n                isPrevSelected={false}\n                isNextSelected={false}\n                hasSelection={hasSelection}\n                hasFooter={hasFooter}\n                stickyState={stickyState}\n                tableRole={tableRole}\n                resizableStyle={{\n                  width: column.width,\n                  minWidth: column.minWidth,\n                  maxWidth: column.maxWidth,\n                }}\n                ariaLabels={ariaLabels}\n                column={{\n                  ...column,\n                  cell: () => {\n                    const customSkeleton = renderCell?.(column);\n                    return customSkeleton === undefined ? (\n                      <InternalSkeleton variant=\"dynamic\" tagOverride=\"span\" />\n                    ) : (\n                      customSkeleton\n                    );\n                  },\n                }}\n                item={{}}\n                wrapLines={wrapLines}\n                isEditable={false}\n                isEditing={false}\n                isRowHeader={column.isRowHeader}\n                resizableColumns={resizableColumns}\n                onEditStart={noop}\n                onEditEnd={noop}\n                columnId={column.id ?? colIndex}\n                colIndex={colIndex + colIndexOffset}\n                verticalAlign={column.verticalAlign ?? cellVerticalAlign}\n                tableVariant={computedVariant}\n              />\n            ))}\n          </tr>\n        );\n      })}\n    </>\n  );\n}\n"]}

package/lib/internal/template/table/sticky-scrollbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_zkuqq_181",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_zkuqq_193",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_zkuqq_196",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_zkuqq_199",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_zkuqq_202",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_zkuqq_205"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_qagmz_181",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_qagmz_193",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_qagmz_196",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_qagmz_199",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_qagmz_202",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_qagmz_205"
 };
   

package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css

@@ -178,7 +178,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_sticky-scrollbar_faqt8_zkuqq_181:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_qagmz_181:not(#\9) {
   block-size: 15px;
   position: sticky;
   display: none;
@@ -187,27 +187,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   inline-size: 100%;
 }
-.awsui_sticky-scrollbar_faqt8_zkuqq_181[data-stuck=false]:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_qagmz_181[data-stuck=false]:not(#\9) {
   clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-33hhdh, 0px));
 }
-.awsui_sticky-scrollbar-content_faqt8_zkuqq_193:not(#\9) {
+.awsui_sticky-scrollbar-content_faqt8_qagmz_193:not(#\9) {
   block-size: 15px;
 }
-.awsui_sticky-scrollbar-visible_faqt8_zkuqq_196:not(#\9) {
+.awsui_sticky-scrollbar-visible_faqt8_qagmz_196:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_faqt8_zkuqq_199:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_faqt8_qagmz_199:not(#\9) {
   margin-block-start: -15px;
 }
-.awsui_sticky-scrollbar-offset_faqt8_zkuqq_202:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_qagmz_202:not(#\9) {
   z-index: 799;
 }
-.awsui_sticky-scrollbar-offset_faqt8_zkuqq_202:not(#\9):not(.awsui_is-visual-refresh_faqt8_zkuqq_205) {
-  background-color: var(--color-background-container-content-aemn43, #ffffff);
+.awsui_sticky-scrollbar-offset_faqt8_qagmz_202:not(#\9):not(.awsui_is-visual-refresh_faqt8_qagmz_205) {
+  background-color: var(--color-background-container-content-mvmryi, #ffffff);
   block-size: 15px;
   margin-block-start: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
-  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
 }
-.awsui_sticky-scrollbar-offset_faqt8_zkuqq_202.awsui_is-visual-refresh_faqt8_zkuqq_205:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_qagmz_202.awsui_is-visual-refresh_faqt8_qagmz_205:not(#\9) {
   margin-block-start: -5px;
 }

package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_zkuqq_181",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_zkuqq_193",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_zkuqq_196",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_zkuqq_199",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_zkuqq_202",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_zkuqq_205"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_qagmz_181",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_qagmz_193",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_qagmz_196",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_qagmz_199",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_qagmz_202",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_qagmz_205"
 };
   

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

@@ -1,42 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_jiq93_153",
-  "tools": "awsui_tools_wih1l_jiq93_164",
-  "tools-filtering": "awsui_tools-filtering_wih1l_jiq93_173",
-  "tools-align-right": "awsui_tools-align-right_wih1l_jiq93_186",
-  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_jiq93_190",
-  "tools-pagination": "awsui_tools-pagination_wih1l_jiq93_193",
-  "tools-preferences": "awsui_tools-preferences_wih1l_jiq93_193",
-  "tools-small": "awsui_tools-small_wih1l_jiq93_199",
-  "table": "awsui_table_wih1l_jiq93_203",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_jiq93_209",
-  "wrapper": "awsui_wrapper_wih1l_jiq93_213",
-  "variant-stacked": "awsui_variant-stacked_wih1l_jiq93_220",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_jiq93_220",
-  "variant-container": "awsui_variant-container_wih1l_jiq93_220",
-  "has-footer": "awsui_has-footer_wih1l_jiq93_223",
-  "has-header": "awsui_has-header_wih1l_jiq93_226",
-  "cell-merged": "awsui_cell-merged_wih1l_jiq93_243",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_jiq93_255",
-  "empty": "awsui_empty_wih1l_jiq93_271",
-  "loading": "awsui_loading_wih1l_jiq93_275",
-  "selection-control": "awsui_selection-control_wih1l_jiq93_284",
-  "selection-control-header": "awsui_selection-control-header_wih1l_jiq93_291",
-  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_jiq93_296",
-  "header-secondary": "awsui_header-secondary_wih1l_jiq93_303",
-  "variant-full-page": "awsui_variant-full-page_wih1l_jiq93_314",
-  "table-has-header": "awsui_table-has-header_wih1l_jiq93_320",
-  "header-controls": "awsui_header-controls_wih1l_jiq93_331",
-  "variant-embedded": "awsui_variant-embedded_wih1l_jiq93_340",
-  "variant-borderless": "awsui_variant-borderless_wih1l_jiq93_340",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_jiq93_345",
-  "footer": "awsui_footer_wih1l_jiq93_345",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_jiq93_353",
-  "footer-pagination": "awsui_footer-pagination_wih1l_jiq93_361",
-  "thead-active": "awsui_thead-active_wih1l_jiq93_365",
-  "row": "awsui_row_wih1l_jiq93_366",
-  "row-selected": "awsui_row-selected_wih1l_jiq93_367",
-  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_jiq93_371"
+  "root": "awsui_root_wih1l_1phkz_153",
+  "tools": "awsui_tools_wih1l_1phkz_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1phkz_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1phkz_186",
+  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_1phkz_190",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1phkz_193",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1phkz_193",
+  "tools-small": "awsui_tools-small_wih1l_1phkz_199",
+  "table": "awsui_table_wih1l_1phkz_203",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1phkz_209",
+  "wrapper": "awsui_wrapper_wih1l_1phkz_213",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1phkz_220",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1phkz_220",
+  "variant-container": "awsui_variant-container_wih1l_1phkz_220",
+  "has-footer": "awsui_has-footer_wih1l_1phkz_223",
+  "has-header": "awsui_has-header_wih1l_1phkz_226",
+  "cell-merged": "awsui_cell-merged_wih1l_1phkz_243",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1phkz_255",
+  "empty": "awsui_empty_wih1l_1phkz_271",
+  "loading": "awsui_loading_wih1l_1phkz_275",
+  "selection-control": "awsui_selection-control_wih1l_1phkz_284",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1phkz_291",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1phkz_296",
+  "header-secondary": "awsui_header-secondary_wih1l_1phkz_303",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1phkz_314",
+  "table-has-header": "awsui_table-has-header_wih1l_1phkz_320",
+  "header-controls": "awsui_header-controls_wih1l_1phkz_331",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1phkz_340",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1phkz_340",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1phkz_345",
+  "footer": "awsui_footer_wih1l_1phkz_345",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1phkz_353",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1phkz_361",
+  "thead-active": "awsui_thead-active_wih1l_1phkz_365",
+  "row": "awsui_row_wih1l_1phkz_366",
+  "row-selected": "awsui_row-selected_wih1l_1phkz_367",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1phkz_371"
 };
   

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

@@ -150,10 +150,10 @@ 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
 */
-.awsui_root_wih1l_jiq93_153:not(#\9) {
+.awsui_root_wih1l_1phkz_153:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_tools_wih1l_jiq93_164:not(#\9) {
+.awsui_tools_wih1l_1phkz_164:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -170,89 +170,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-table-header-tools-bottom-b6lpr6, 4px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_jiq93_173:not(#\9) {
+.awsui_tools-filtering_wih1l_1phkz_173:not(#\9) {
   max-inline-size: 100%;
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_jiq93_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_1phkz_173:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_jiq93_173:not(#\9) {
+  .awsui_tools-filtering_wih1l_1phkz_173:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_jiq93_186:not(#\9) {
+.awsui_tools-align-right_wih1l_1phkz_186:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-clear-sort_wih1l_jiq93_190:not(#\9) {
+.awsui_tools-clear-sort_wih1l_1phkz_190:not(#\9) {
   align-self: center;
 }
-.awsui_tools-clear-sort_wih1l_jiq93_190 + .awsui_tools-pagination_wih1l_jiq93_193:not(#\9), .awsui_tools-clear-sort_wih1l_jiq93_190 + .awsui_tools-preferences_wih1l_jiq93_193:not(#\9), .awsui_tools-pagination_wih1l_jiq93_193 + .awsui_tools-preferences_wih1l_jiq93_193:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+.awsui_tools-clear-sort_wih1l_1phkz_190 + .awsui_tools-pagination_wih1l_1phkz_193:not(#\9), .awsui_tools-clear-sort_wih1l_1phkz_190 + .awsui_tools-preferences_wih1l_1phkz_193:not(#\9), .awsui_tools-pagination_wih1l_1phkz_193 + .awsui_tools-preferences_wih1l_1phkz_193:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-kw7k3v, 8px);
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_tools-small_wih1l_jiq93_199 > .awsui_tools-filtering_wih1l_jiq93_173:not(#\9) {
+.awsui_tools-small_wih1l_1phkz_199 > .awsui_tools-filtering_wih1l_1phkz_173:not(#\9) {
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_jiq93_203:not(#\9) {
+.awsui_table_wih1l_1phkz_203:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_jiq93_209:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1phkz_209:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_jiq93_213:not(#\9) {
+.awsui_wrapper_wih1l_1phkz_213:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_jiq93_213.awsui_variant-stacked_wih1l_jiq93_220 > .awsui_table_wih1l_jiq93_203:not(#\9), .awsui_wrapper_wih1l_jiq93_213.awsui_variant-stacked_wih1l_jiq93_220 > .awsui_wrapper-content-measure_wih1l_jiq93_220:not(#\9), .awsui_wrapper_wih1l_jiq93_213.awsui_variant-container_wih1l_jiq93_220 > .awsui_table_wih1l_jiq93_203:not(#\9), .awsui_wrapper_wih1l_jiq93_213.awsui_variant-container_wih1l_jiq93_220 > .awsui_wrapper-content-measure_wih1l_jiq93_220:not(#\9) {
+.awsui_wrapper_wih1l_1phkz_213.awsui_variant-stacked_wih1l_1phkz_220 > .awsui_table_wih1l_1phkz_203:not(#\9), .awsui_wrapper_wih1l_1phkz_213.awsui_variant-stacked_wih1l_1phkz_220 > .awsui_wrapper-content-measure_wih1l_1phkz_220:not(#\9), .awsui_wrapper_wih1l_1phkz_213.awsui_variant-container_wih1l_1phkz_220 > .awsui_table_wih1l_1phkz_203:not(#\9), .awsui_wrapper_wih1l_1phkz_213.awsui_variant-container_wih1l_1phkz_220 > .awsui_wrapper-content-measure_wih1l_1phkz_220:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_wrapper_wih1l_jiq93_213.awsui_variant-stacked_wih1l_jiq93_220:not(#\9):not(.awsui_has-footer_wih1l_jiq93_223), .awsui_wrapper_wih1l_jiq93_213.awsui_variant-container_wih1l_jiq93_220:not(#\9):not(.awsui_has-footer_wih1l_jiq93_223) {
+.awsui_wrapper_wih1l_1phkz_213.awsui_variant-stacked_wih1l_1phkz_220:not(#\9):not(.awsui_has-footer_wih1l_1phkz_223), .awsui_wrapper_wih1l_1phkz_213.awsui_variant-container_wih1l_1phkz_220:not(#\9):not(.awsui_has-footer_wih1l_1phkz_223) {
   padding-block-end: var(--space-table-content-bottom-nmydez, 0px);
 }
-.awsui_wrapper_wih1l_jiq93_213:not(#\9):not(.awsui_has-header_wih1l_jiq93_226) {
+.awsui_wrapper_wih1l_1phkz_213:not(#\9):not(.awsui_has-header_wih1l_1phkz_226) {
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_wrapper_wih1l_jiq93_213:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1phkz_213:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_jiq93_213:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1phkz_213:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
 }
 
-.awsui_cell-merged_wih1l_jiq93_243:not(#\9) {
+.awsui_cell-merged_wih1l_1phkz_243:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_jiq93_243.awsui_has-footer_wih1l_jiq93_223:not(#\9) {
+.awsui_cell-merged_wih1l_1phkz_243.awsui_has-footer_wih1l_1phkz_223:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the
   table and the footer
   */
-  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_jiq93_255:not(#\9) {
+.awsui_cell-merged-content_wih1l_1phkz_255:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-sw9kcx, 16px);
@@ -260,7 +260,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_jiq93_213:not(#\9):focu
   padding-inline: var(--space-l-3cws6j, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_jiq93_255:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1phkz_255:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -268,11 +268,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_jiq93_213:not(#\9):focu
   }
 }
 
-.awsui_empty_wih1l_jiq93_271:not(#\9) {
-  color: var(--color-text-empty-vtt4l2, #687078);
+.awsui_empty_wih1l_1phkz_271:not(#\9) {
+  color: var(--color-text-empty-2xc6c2, #687078);
 }
 
-.awsui_loading_wih1l_jiq93_275:not(#\9) {
+.awsui_loading_wih1l_1phkz_275:not(#\9) {
   /* used in test-utils */
 }
 
@@ -281,26 +281,26 @@ The min/max/width token values in Visual Refresh should align
 the table header and body cells selection control with the table
 filter search icon.
 */
-.awsui_selection-control_wih1l_jiq93_284:not(#\9) {
+.awsui_selection-control_wih1l_1phkz_284:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
   min-inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-udsu00, 54px);
 }
-.awsui_selection-control_wih1l_jiq93_284.awsui_selection-control-header_wih1l_jiq93_291:not(#\9) {
+.awsui_selection-control_wih1l_1phkz_284.awsui_selection-control-header_wih1l_1phkz_291:not(#\9) {
   padding-block: var(--space-scaled-xs-sppte9, 8px);
   padding-inline: var(--space-scaled-l-66n9sr, 20px);
   border-inline-start: var(--border-width-item-selected-l41fek, 1px) solid transparent;
 }
-.awsui_selection-control-content-spans-rows_wih1l_jiq93_296:not(#\9) {
+.awsui_selection-control-content-spans-rows_wih1l_1phkz_296:not(#\9) {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   block-size: 100%;
 }
 
-.awsui_header-secondary_wih1l_jiq93_303:not(#\9) {
+.awsui_header-secondary_wih1l_1phkz_303:not(#\9) {
   overflow: auto;
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
@@ -309,48 +309,48 @@ filter search icon.
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
-  background: var(--color-background-table-header-5hauij, #fafafa);
+  background: var(--color-background-table-header-8cnbxk, #fafafa);
 }
-.awsui_header-secondary_wih1l_jiq93_303.awsui_variant-full-page_wih1l_jiq93_314:not(#\9) {
-  background: var(--color-background-layout-main-05m5y6, #f2f3f3);
+.awsui_header-secondary_wih1l_1phkz_303.awsui_variant-full-page_wih1l_1phkz_314:not(#\9) {
+  background: var(--color-background-layout-main-2vy1pe, #f2f3f3);
 }
-.awsui_header-secondary_wih1l_jiq93_303.awsui_variant-stacked_wih1l_jiq93_220 > .awsui_table_wih1l_jiq93_203:not(#\9), .awsui_header-secondary_wih1l_jiq93_303.awsui_variant-container_wih1l_jiq93_220 > .awsui_table_wih1l_jiq93_203:not(#\9) {
+.awsui_header-secondary_wih1l_1phkz_303.awsui_variant-stacked_wih1l_1phkz_220 > .awsui_table_wih1l_1phkz_203:not(#\9), .awsui_header-secondary_wih1l_1phkz_303.awsui_variant-container_wih1l_1phkz_220 > .awsui_table_wih1l_1phkz_203:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
-.awsui_header-secondary_wih1l_jiq93_303.awsui_variant-stacked_wih1l_jiq93_220:not(#\9):not(.awsui_table-has-header_wih1l_jiq93_320), .awsui_header-secondary_wih1l_jiq93_303.awsui_variant-container_wih1l_jiq93_220:not(#\9):not(.awsui_table-has-header_wih1l_jiq93_320) {
+.awsui_header-secondary_wih1l_1phkz_303.awsui_variant-stacked_wih1l_1phkz_220:not(#\9):not(.awsui_table-has-header_wih1l_1phkz_320), .awsui_header-secondary_wih1l_1phkz_303.awsui_variant-container_wih1l_1phkz_220:not(#\9):not(.awsui_table-has-header_wih1l_1phkz_320) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_header-secondary_wih1l_jiq93_303:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1phkz_303:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_jiq93_303.awsui_table-has-header_wih1l_jiq93_320:not(#\9) {
-  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-0lh379, #eaeded);
+.awsui_header-secondary_wih1l_1phkz_303.awsui_table-has-header_wih1l_1phkz_320:not(#\9) {
+  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-d93tm4, #eaeded);
 }
 
-.awsui_header-controls_wih1l_jiq93_331:not(#\9) {
+.awsui_header-controls_wih1l_1phkz_331:not(#\9) {
   padding-block: var(--space-container-header-top-3cfni8, 12px) var(--space-container-header-bottom-rbnprk, 12px);
 }
-.awsui_header-controls_wih1l_jiq93_331.awsui_variant-full-page_wih1l_jiq93_314:not(#\9) {
+.awsui_header-controls_wih1l_1phkz_331.awsui_variant-full-page_wih1l_1phkz_314:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-rbnprk, 12px) + var(--space-table-header-tools-full-page-bottom-1o73je, 4px));
 }
-.awsui_header-controls_wih1l_jiq93_331.awsui_variant-stacked_wih1l_jiq93_220:not(#\9), .awsui_header-controls_wih1l_jiq93_331.awsui_variant-container_wih1l_jiq93_220:not(#\9) {
+.awsui_header-controls_wih1l_1phkz_331.awsui_variant-stacked_wih1l_1phkz_220:not(#\9), .awsui_header-controls_wih1l_1phkz_331.awsui_variant-container_wih1l_1phkz_220:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-xmv4qa, 0px) + var(--space-table-header-horizontal-2rvxep, 20px));
 }
-.awsui_header-controls_wih1l_jiq93_331.awsui_variant-embedded_wih1l_jiq93_340:not(#\9), .awsui_header-controls_wih1l_jiq93_331.awsui_variant-borderless_wih1l_jiq93_340:not(#\9) {
+.awsui_header-controls_wih1l_1phkz_331.awsui_variant-embedded_wih1l_1phkz_340:not(#\9), .awsui_header-controls_wih1l_1phkz_331.awsui_variant-borderless_wih1l_1phkz_340:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-2rvxep, 20px);
   padding-block-start: var(--space-table-embedded-header-top-oo6o3u, 12px);
 }
 
-.awsui_footer-wrapper_wih1l_jiq93_345.awsui_variant-stacked_wih1l_jiq93_220:not(#\9), .awsui_footer-wrapper_wih1l_jiq93_345.awsui_variant-container_wih1l_jiq93_220:not(#\9) {
+.awsui_footer-wrapper_wih1l_1phkz_345.awsui_variant-stacked_wih1l_1phkz_220:not(#\9), .awsui_footer-wrapper_wih1l_1phkz_345.awsui_variant-container_wih1l_1phkz_220:not(#\9) {
   padding-inline: var(--space-table-horizontal-xmv4qa, 0px);
 }
 
-.awsui_footer_wih1l_jiq93_345:not(#\9) {
+.awsui_footer_wih1l_1phkz_345:not(#\9) {
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline: var(--space-table-footer-horizontal-x9dbll, 20px);
 }
-.awsui_footer-with-pagination_wih1l_jiq93_353:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1phkz_353:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -358,17 +358,17 @@ filter search icon.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_footer-pagination_wih1l_jiq93_361:not(#\9) {
+.awsui_footer-pagination_wih1l_1phkz_361:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_jiq93_365:not(#\9),
-.awsui_row_wih1l_jiq93_366:not(#\9),
-.awsui_row-selected_wih1l_jiq93_367:not(#\9) {
+.awsui_thead-active_wih1l_1phkz_365:not(#\9),
+.awsui_row_wih1l_1phkz_366:not(#\9),
+.awsui_row-selected_wih1l_1phkz_367:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_skeleton-loading-cell_wih1l_jiq93_371:not(#\9) {
+.awsui_skeleton-loading-cell_wih1l_1phkz_371:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   border-block-end: none;

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

@@ -2,42 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_jiq93_153",
-  "tools": "awsui_tools_wih1l_jiq93_164",
-  "tools-filtering": "awsui_tools-filtering_wih1l_jiq93_173",
-  "tools-align-right": "awsui_tools-align-right_wih1l_jiq93_186",
-  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_jiq93_190",
-  "tools-pagination": "awsui_tools-pagination_wih1l_jiq93_193",
-  "tools-preferences": "awsui_tools-preferences_wih1l_jiq93_193",
-  "tools-small": "awsui_tools-small_wih1l_jiq93_199",
-  "table": "awsui_table_wih1l_jiq93_203",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_jiq93_209",
-  "wrapper": "awsui_wrapper_wih1l_jiq93_213",
-  "variant-stacked": "awsui_variant-stacked_wih1l_jiq93_220",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_jiq93_220",
-  "variant-container": "awsui_variant-container_wih1l_jiq93_220",
-  "has-footer": "awsui_has-footer_wih1l_jiq93_223",
-  "has-header": "awsui_has-header_wih1l_jiq93_226",
-  "cell-merged": "awsui_cell-merged_wih1l_jiq93_243",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_jiq93_255",
-  "empty": "awsui_empty_wih1l_jiq93_271",
-  "loading": "awsui_loading_wih1l_jiq93_275",
-  "selection-control": "awsui_selection-control_wih1l_jiq93_284",
-  "selection-control-header": "awsui_selection-control-header_wih1l_jiq93_291",
-  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_jiq93_296",
-  "header-secondary": "awsui_header-secondary_wih1l_jiq93_303",
-  "variant-full-page": "awsui_variant-full-page_wih1l_jiq93_314",
-  "table-has-header": "awsui_table-has-header_wih1l_jiq93_320",
-  "header-controls": "awsui_header-controls_wih1l_jiq93_331",
-  "variant-embedded": "awsui_variant-embedded_wih1l_jiq93_340",
-  "variant-borderless": "awsui_variant-borderless_wih1l_jiq93_340",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_jiq93_345",
-  "footer": "awsui_footer_wih1l_jiq93_345",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_jiq93_353",
-  "footer-pagination": "awsui_footer-pagination_wih1l_jiq93_361",
-  "thead-active": "awsui_thead-active_wih1l_jiq93_365",
-  "row": "awsui_row_wih1l_jiq93_366",
-  "row-selected": "awsui_row-selected_wih1l_jiq93_367",
-  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_jiq93_371"
+  "root": "awsui_root_wih1l_1phkz_153",
+  "tools": "awsui_tools_wih1l_1phkz_164",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1phkz_173",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1phkz_186",
+  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_1phkz_190",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1phkz_193",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1phkz_193",
+  "tools-small": "awsui_tools-small_wih1l_1phkz_199",
+  "table": "awsui_table_wih1l_1phkz_203",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1phkz_209",
+  "wrapper": "awsui_wrapper_wih1l_1phkz_213",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1phkz_220",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1phkz_220",
+  "variant-container": "awsui_variant-container_wih1l_1phkz_220",
+  "has-footer": "awsui_has-footer_wih1l_1phkz_223",
+  "has-header": "awsui_has-header_wih1l_1phkz_226",
+  "cell-merged": "awsui_cell-merged_wih1l_1phkz_243",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1phkz_255",
+  "empty": "awsui_empty_wih1l_1phkz_271",
+  "loading": "awsui_loading_wih1l_1phkz_275",
+  "selection-control": "awsui_selection-control_wih1l_1phkz_284",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1phkz_291",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1phkz_296",
+  "header-secondary": "awsui_header-secondary_wih1l_1phkz_303",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1phkz_314",
+  "table-has-header": "awsui_table-has-header_wih1l_1phkz_320",
+  "header-controls": "awsui_header-controls_wih1l_1phkz_331",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1phkz_340",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1phkz_340",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1phkz_345",
+  "footer": "awsui_footer_wih1l_1phkz_345",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1phkz_353",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1phkz_361",
+  "thead-active": "awsui_thead-active_wih1l_1phkz_365",
+  "row": "awsui_row_wih1l_1phkz_366",
+  "row-selected": "awsui_row-selected_wih1l_1phkz_367",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1phkz_371"
 };