@cloudscape-design/components 3.0.1371 → 3.0.1372

package/table/resizer/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_1vzmw_9",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1vzmw_9",
-  "resizer-wrapper": "awsui_resizer-wrapper_x7peu_1vzmw_14",
-  "divider-interactive": "awsui_divider-interactive_x7peu_1vzmw_22",
-  "is-borderless": "awsui_is-borderless_x7peu_1vzmw_22",
-  "resizer-button-wrapper": "awsui_resizer-button-wrapper_x7peu_1vzmw_26",
-  "divider": "awsui_divider_x7peu_1vzmw_22",
-  "divider-grouped": "awsui_divider-grouped_x7peu_1vzmw_49",
-  "divider-position-top": "awsui_divider-position-top_x7peu_1vzmw_53",
-  "divider-position-bottom": "awsui_divider-position-bottom_x7peu_1vzmw_59",
-  "divider-position-full": "awsui_divider-position-full_x7peu_1vzmw_65",
-  "divider-active": "awsui_divider-active_x7peu_1vzmw_75",
-  "visual-refresh": "awsui_visual-refresh_x7peu_1vzmw_79",
-  "is-last": "awsui_is-last_x7peu_1vzmw_79",
-  "resizer": "awsui_resizer_x7peu_1vzmw_14",
-  "has-focus": "awsui_has-focus_x7peu_1vzmw_128",
-  "tracker": "awsui_tracker_x7peu_1vzmw_150"
+  "resize-active": "awsui_resize-active_x7peu_caai6_9",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_caai6_9",
+  "resizer-wrapper": "awsui_resizer-wrapper_x7peu_caai6_14",
+  "divider-interactive": "awsui_divider-interactive_x7peu_caai6_22",
+  "is-borderless": "awsui_is-borderless_x7peu_caai6_22",
+  "resizer-button-wrapper": "awsui_resizer-button-wrapper_x7peu_caai6_26",
+  "divider": "awsui_divider_x7peu_caai6_22",
+  "divider-grouped": "awsui_divider-grouped_x7peu_caai6_49",
+  "divider-position-top": "awsui_divider-position-top_x7peu_caai6_53",
+  "divider-position-bottom": "awsui_divider-position-bottom_x7peu_caai6_59",
+  "divider-position-full": "awsui_divider-position-full_x7peu_caai6_65",
+  "divider-active": "awsui_divider-active_x7peu_caai6_75",
+  "visual-refresh": "awsui_visual-refresh_x7peu_caai6_79",
+  "is-last": "awsui_is-last_x7peu_caai6_79",
+  "resizer": "awsui_resizer_x7peu_caai6_14",
+  "has-focus": "awsui_has-focus_x7peu_caai6_128",
+  "tracker": "awsui_tracker_x7peu_caai6_150"
 };
   

package/table/skeleton-rows.d.ts

@@ -3,7 +3,6 @@ import { StickyColumnsModel } from './sticky-columns';
 import { TableRole } from './table-role';
 interface SkeletonRowsProps {
   count: number;
-  hasDataRows: boolean;
   totalColumnsCount: number;
   loadingText: string | undefined;
   hasSelection: boolean;
@@ -21,7 +20,6 @@ interface SkeletonRowsProps {
 }
 export declare function SkeletonRows({
   count,
-  hasDataRows,
   totalColumnsCount,
   loadingText,
   hasSelection,

package/table/skeleton-rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-rows.d.ts","sourceRoot":"","sources":["../../../src/table/skeleton-rows.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,kBAAkB,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,iBAAiB,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACxD,eAAe,EAAE,MAAM,CAAC;IACxB,wBAAwB,EAAE,SAAS,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;IACtE,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;CAC1D;AAED,wBAAgB,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,EACd,UAAU,GACX,EAAE,iBAAiB,eA8DnB"}
+{"version":3,"file":"skeleton-rows.d.ts","sourceRoot":"","sources":["../../../src/table/skeleton-rows.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,kBAAkB,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,iBAAiB,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACxD,eAAe,EAAE,MAAM,CAAC;IACxB,wBAAwB,EAAE,SAAS,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;IACtE,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;CAC1D;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,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,EACd,UAAU,GACX,EAAE,iBAAiB,eA0DnB"}

package/table/skeleton-rows.js

@@ -7,19 +7,17 @@ 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, renderCell, }) {
+export function SkeletonRows({ count, 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'] },
                 React.createElement(ScreenreaderOnly, null, loadingText))),
         Array.from({ length: count }, (_, i) => {
-            const isFirstRow = !hasDataRows && i === 0;
-            const isLastRow = i === count - 1;
             return (React.createElement("tr", { key: `skeleton-row-${i}`, className: styles.row, "aria-hidden": "true" },
                 hasSelection && React.createElement("td", { className: styles['selection-control'] }),
                 visibleColumnDefinitions.map((column, colIndex) => {
                     var _a, _b;
-                    return (React.createElement(TableBodyCell, { key: `skeleton-${getColumnKey(column, colIndex)}`, isFirstRow: isFirstRow, isLastRow: isLastRow, isSelected: false, isPrevSelected: false, isNextSelected: false, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, resizableStyle: {
+                    return (React.createElement(TableBodyCell, { key: `skeleton-${getColumnKey(column, colIndex)}`, isSelected: false, isPrevSelected: false, isNextSelected: false, hasSelection: hasSelection, hasFooter: hasFooter, stickyState: stickyState, tableRole: tableRole, resizableStyle: {
                             width: column.width,
                             minWidth: column.minWidth,
                             maxWidth: column.maxWidth,

package/table/skeleton-rows.js.map

@@ -1 +1 @@
-{"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"]}
+{"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,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,EACd,UAAU,GACQ;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,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,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;gCACT,MAAM,cAAc,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,CAAC,CAAC;gCAC5C,OAAO,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,CACpC,oBAAC,gBAAgB,IAAC,OAAO,EAAC,SAAS,EAAC,WAAW,EAAC,MAAM,GAAG,CAC1D,CAAC,CAAC,CAAC,CACF,cAAc,CACf,CAAC;4BACJ,CAAC;yBACF,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  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  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        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                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/table/sticky-scrollbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_1h3yg_9",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_1h3yg_21",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_1h3yg_24",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_1h3yg_27",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_1h3yg_30",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_1h3yg_33"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_sgc16_9",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_sgc16_21",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_sgc16_24",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_sgc16_27",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_sgc16_30",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_sgc16_33"
 };
   

package/table/sticky-scrollbar/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_1h3yg_9:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_sgc16_9:not(#\9) {
   block-size: 15px;
   position: sticky;
   display: none;
@@ -15,27 +15,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_1h3yg_9[data-stuck=false]:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_sgc16_9[data-stuck=false]:not(#\9) {
   clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-33hhdh, 16px));
 }
-.awsui_sticky-scrollbar-content_faqt8_1h3yg_21:not(#\9) {
+.awsui_sticky-scrollbar-content_faqt8_sgc16_21:not(#\9) {
   block-size: 15px;
 }
-.awsui_sticky-scrollbar-visible_faqt8_1h3yg_24:not(#\9) {
+.awsui_sticky-scrollbar-visible_faqt8_sgc16_24:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_faqt8_1h3yg_27:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_faqt8_sgc16_27:not(#\9) {
   margin-block-start: -15px;
 }
-.awsui_sticky-scrollbar-offset_faqt8_1h3yg_30:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_sgc16_30:not(#\9) {
   z-index: 799;
 }
-.awsui_sticky-scrollbar-offset_faqt8_1h3yg_30:not(#\9):not(.awsui_is-visual-refresh_faqt8_1h3yg_33) {
-  background-color: var(--color-background-container-content-78ljyf, #ffffff);
+.awsui_sticky-scrollbar-offset_faqt8_sgc16_30:not(#\9):not(.awsui_is-visual-refresh_faqt8_sgc16_33) {
+  background-color: var(--color-background-container-content-mjfil9, #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-0de9c8, #c6c6cd);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
 }
-.awsui_sticky-scrollbar-offset_faqt8_1h3yg_30.awsui_is-visual-refresh_faqt8_1h3yg_33:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_sgc16_30.awsui_is-visual-refresh_faqt8_sgc16_33:not(#\9) {
   margin-block-start: -5px;
 }

package/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_1h3yg_9",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_1h3yg_21",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_1h3yg_24",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_1h3yg_27",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_1h3yg_30",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_1h3yg_33"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_sgc16_9",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_sgc16_21",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_sgc16_24",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_sgc16_27",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_sgc16_30",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_sgc16_33"
 };
   

package/table/styles.css.js

@@ -1,42 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_1gsbz_13",
-  "tools": "awsui_tools_wih1l_1gsbz_24",
-  "tools-filtering": "awsui_tools-filtering_wih1l_1gsbz_33",
-  "tools-align-right": "awsui_tools-align-right_wih1l_1gsbz_46",
-  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_1gsbz_50",
-  "tools-pagination": "awsui_tools-pagination_wih1l_1gsbz_53",
-  "tools-preferences": "awsui_tools-preferences_wih1l_1gsbz_53",
-  "tools-small": "awsui_tools-small_wih1l_1gsbz_59",
-  "table": "awsui_table_wih1l_1gsbz_63",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1gsbz_69",
-  "wrapper": "awsui_wrapper_wih1l_1gsbz_73",
-  "variant-stacked": "awsui_variant-stacked_wih1l_1gsbz_80",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1gsbz_80",
-  "variant-container": "awsui_variant-container_wih1l_1gsbz_80",
-  "has-footer": "awsui_has-footer_wih1l_1gsbz_83",
-  "has-header": "awsui_has-header_wih1l_1gsbz_86",
-  "cell-merged": "awsui_cell-merged_wih1l_1gsbz_103",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_1gsbz_115",
-  "empty": "awsui_empty_wih1l_1gsbz_131",
-  "loading": "awsui_loading_wih1l_1gsbz_135",
-  "selection-control": "awsui_selection-control_wih1l_1gsbz_144",
-  "selection-control-header": "awsui_selection-control-header_wih1l_1gsbz_151",
-  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1gsbz_156",
-  "header-secondary": "awsui_header-secondary_wih1l_1gsbz_163",
-  "variant-full-page": "awsui_variant-full-page_wih1l_1gsbz_174",
-  "table-has-header": "awsui_table-has-header_wih1l_1gsbz_180",
-  "header-controls": "awsui_header-controls_wih1l_1gsbz_191",
-  "variant-embedded": "awsui_variant-embedded_wih1l_1gsbz_203",
-  "variant-borderless": "awsui_variant-borderless_wih1l_1gsbz_203",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_1gsbz_208",
-  "footer": "awsui_footer_wih1l_1gsbz_208",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1gsbz_216",
-  "footer-pagination": "awsui_footer-pagination_wih1l_1gsbz_224",
-  "thead-active": "awsui_thead-active_wih1l_1gsbz_228",
-  "row": "awsui_row_wih1l_1gsbz_229",
-  "row-selected": "awsui_row-selected_wih1l_1gsbz_230",
-  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1gsbz_234"
+  "root": "awsui_root_wih1l_1xi6i_13",
+  "tools": "awsui_tools_wih1l_1xi6i_24",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1xi6i_33",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1xi6i_46",
+  "tools-clear-sort": "awsui_tools-clear-sort_wih1l_1xi6i_50",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1xi6i_53",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1xi6i_53",
+  "tools-small": "awsui_tools-small_wih1l_1xi6i_59",
+  "table": "awsui_table_wih1l_1xi6i_63",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1xi6i_69",
+  "wrapper": "awsui_wrapper_wih1l_1xi6i_73",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1xi6i_80",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1xi6i_80",
+  "variant-container": "awsui_variant-container_wih1l_1xi6i_80",
+  "has-footer": "awsui_has-footer_wih1l_1xi6i_83",
+  "has-header": "awsui_has-header_wih1l_1xi6i_86",
+  "cell-merged": "awsui_cell-merged_wih1l_1xi6i_103",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1xi6i_115",
+  "empty": "awsui_empty_wih1l_1xi6i_131",
+  "loading": "awsui_loading_wih1l_1xi6i_135",
+  "selection-control": "awsui_selection-control_wih1l_1xi6i_144",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1xi6i_151",
+  "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1xi6i_156",
+  "header-secondary": "awsui_header-secondary_wih1l_1xi6i_163",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1xi6i_174",
+  "table-has-header": "awsui_table-has-header_wih1l_1xi6i_180",
+  "header-controls": "awsui_header-controls_wih1l_1xi6i_191",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1xi6i_203",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1xi6i_203",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1xi6i_208",
+  "footer": "awsui_footer_wih1l_1xi6i_208",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1xi6i_216",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1xi6i_224",
+  "thead-active": "awsui_thead-active_wih1l_1xi6i_228",
+  "row": "awsui_row_wih1l_1xi6i_229",
+  "row-selected": "awsui_row-selected_wih1l_1xi6i_230",
+  "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1xi6i_234"
 };
   

package/table/styles.scoped.css

@@ -10,10 +10,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_1gsbz_13:not(#\9) {
+.awsui_root_wih1l_1xi6i_13:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 20px);
-  color: var(--color-text-body-default-gtm97i, #0f141a);
+  color: var(--color-text-body-default-b2us04, #0f141a);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -21,7 +21,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_tools_wih1l_1gsbz_24:not(#\9) {
+.awsui_tools_wih1l_1xi6i_24:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -30,89 +30,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-table-header-tools-bottom-37d7z7, 0px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_1gsbz_33:not(#\9) {
+.awsui_tools-filtering_wih1l_1xi6i_33:not(#\9) {
   max-inline-size: 100%;
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1gsbz_33:not(#\9) {
+  .awsui_tools-filtering_wih1l_1xi6i_33:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_1gsbz_33:not(#\9) {
+  .awsui_tools-filtering_wih1l_1xi6i_33:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_1gsbz_46:not(#\9) {
+.awsui_tools-align-right_wih1l_1xi6i_46:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-clear-sort_wih1l_1gsbz_50:not(#\9) {
+.awsui_tools-clear-sort_wih1l_1xi6i_50:not(#\9) {
   align-self: center;
 }
-.awsui_tools-clear-sort_wih1l_1gsbz_50 + .awsui_tools-pagination_wih1l_1gsbz_53:not(#\9), .awsui_tools-clear-sort_wih1l_1gsbz_50 + .awsui_tools-preferences_wih1l_1gsbz_53:not(#\9), .awsui_tools-pagination_wih1l_1gsbz_53 + .awsui_tools-preferences_wih1l_1gsbz_53:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
+.awsui_tools-clear-sort_wih1l_1xi6i_50 + .awsui_tools-pagination_wih1l_1xi6i_53:not(#\9), .awsui_tools-clear-sort_wih1l_1xi6i_50 + .awsui_tools-preferences_wih1l_1xi6i_53:not(#\9), .awsui_tools-pagination_wih1l_1xi6i_53 + .awsui_tools-preferences_wih1l_1xi6i_53:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-m9b7jf, 8px);
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_tools-small_wih1l_1gsbz_59 > .awsui_tools-filtering_wih1l_1gsbz_33:not(#\9) {
+.awsui_tools-small_wih1l_1xi6i_59 > .awsui_tools-filtering_wih1l_1xi6i_33:not(#\9) {
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_1gsbz_63:not(#\9) {
+.awsui_table_wih1l_1xi6i_63:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_1gsbz_69:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1xi6i_69:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_1gsbz_73:not(#\9) {
+.awsui_wrapper_wih1l_1xi6i_73:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_1gsbz_73.awsui_variant-stacked_wih1l_1gsbz_80 > .awsui_table_wih1l_1gsbz_63:not(#\9), .awsui_wrapper_wih1l_1gsbz_73.awsui_variant-stacked_wih1l_1gsbz_80 > .awsui_wrapper-content-measure_wih1l_1gsbz_80:not(#\9), .awsui_wrapper_wih1l_1gsbz_73.awsui_variant-container_wih1l_1gsbz_80 > .awsui_table_wih1l_1gsbz_63:not(#\9), .awsui_wrapper_wih1l_1gsbz_73.awsui_variant-container_wih1l_1gsbz_80 > .awsui_wrapper-content-measure_wih1l_1gsbz_80:not(#\9) {
+.awsui_wrapper_wih1l_1xi6i_73.awsui_variant-stacked_wih1l_1xi6i_80 > .awsui_table_wih1l_1xi6i_63:not(#\9), .awsui_wrapper_wih1l_1xi6i_73.awsui_variant-stacked_wih1l_1xi6i_80 > .awsui_wrapper-content-measure_wih1l_1xi6i_80:not(#\9), .awsui_wrapper_wih1l_1xi6i_73.awsui_variant-container_wih1l_1xi6i_80 > .awsui_table_wih1l_1xi6i_63:not(#\9), .awsui_wrapper_wih1l_1xi6i_73.awsui_variant-container_wih1l_1xi6i_80 > .awsui_wrapper-content-measure_wih1l_1xi6i_80:not(#\9) {
   padding-inline: var(--space-table-horizontal-o0ypm8, 20px);
 }
-.awsui_wrapper_wih1l_1gsbz_73.awsui_variant-stacked_wih1l_1gsbz_80:not(#\9):not(.awsui_has-footer_wih1l_1gsbz_83), .awsui_wrapper_wih1l_1gsbz_73.awsui_variant-container_wih1l_1gsbz_80:not(#\9):not(.awsui_has-footer_wih1l_1gsbz_83) {
+.awsui_wrapper_wih1l_1xi6i_73.awsui_variant-stacked_wih1l_1xi6i_80:not(#\9):not(.awsui_has-footer_wih1l_1xi6i_83), .awsui_wrapper_wih1l_1xi6i_73.awsui_variant-container_wih1l_1xi6i_80:not(#\9):not(.awsui_has-footer_wih1l_1xi6i_83) {
   padding-block-end: var(--space-table-content-bottom-88oqzz, 4px);
 }
-.awsui_wrapper_wih1l_1gsbz_73:not(#\9):not(.awsui_has-header_wih1l_1gsbz_86) {
+.awsui_wrapper_wih1l_1xi6i_73:not(#\9):not(.awsui_has-header_wih1l_1xi6i_86) {
   border-start-end-radius: var(--border-radius-container-33hhdh, 16px);
   border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
 }
-.awsui_wrapper_wih1l_1gsbz_73:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1xi6i_73:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1gsbz_73:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1xi6i_73:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 16px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 16px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #006ce0);
 }
 
-.awsui_cell-merged_wih1l_1gsbz_103:not(#\9) {
+.awsui_cell-merged_wih1l_1xi6i_103:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_1gsbz_103.awsui_has-footer_wih1l_1gsbz_83:not(#\9) {
+.awsui_cell-merged_wih1l_1xi6i_103.awsui_has-footer_wih1l_1xi6i_83: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-0de9c8, #c6c6cd);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #c6c6cd);
 }
-.awsui_cell-merged-content_wih1l_1gsbz_115:not(#\9) {
+.awsui_cell-merged-content_wih1l_1xi6i_115:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-lfeh3i, 16px);
@@ -120,7 +120,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1gsbz_73:not(#\9):focus
   padding-inline: var(--space-l-dpyxli, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_1gsbz_115:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1xi6i_115:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -128,11 +128,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1gsbz_73:not(#\9):focus
   }
 }
 
-.awsui_empty_wih1l_1gsbz_131:not(#\9) {
-  color: var(--color-text-empty-68xc4n, #656871);
+.awsui_empty_wih1l_1xi6i_131:not(#\9) {
+  color: var(--color-text-empty-y81uqw, #656871);
 }
 
-.awsui_loading_wih1l_1gsbz_135:not(#\9) {
+.awsui_loading_wih1l_1xi6i_135:not(#\9) {
   /* used in test-utils */
 }
 
@@ -141,26 +141,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_1gsbz_144:not(#\9) {
+.awsui_selection-control_wih1l_1xi6i_144:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-uadoa1, 40px);
   min-inline-size: var(--size-table-selection-horizontal-uadoa1, 40px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-uadoa1, 40px);
 }
-.awsui_selection-control_wih1l_1gsbz_144.awsui_selection-control-header_wih1l_1gsbz_151:not(#\9) {
+.awsui_selection-control_wih1l_1xi6i_144.awsui_selection-control-header_wih1l_1xi6i_151:not(#\9) {
   padding-block: var(--space-scaled-xs-pajbd1, 8px);
   padding-inline: var(--space-scaled-l-33ruz6, 20px);
   border-inline-start: var(--border-width-item-selected-l41fek, 2px) solid transparent;
 }
-.awsui_selection-control-content-spans-rows_wih1l_1gsbz_156:not(#\9) {
+.awsui_selection-control-content-spans-rows_wih1l_1xi6i_156:not(#\9) {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   block-size: 100%;
 }
 
-.awsui_header-secondary_wih1l_1gsbz_163:not(#\9) {
+.awsui_header-secondary_wih1l_1xi6i_163:not(#\9) {
   overflow: auto;
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
@@ -169,51 +169,51 @@ filter search icon.
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
-  background: var(--color-background-table-header-unjmda, #ffffff);
+  background: var(--color-background-table-header-pgyagt, #ffffff);
 }
-.awsui_header-secondary_wih1l_1gsbz_163.awsui_variant-full-page_wih1l_1gsbz_174:not(#\9) {
-  background: var(--color-background-layout-main-7z8vaj, #ffffff);
+.awsui_header-secondary_wih1l_1xi6i_163.awsui_variant-full-page_wih1l_1xi6i_174:not(#\9) {
+  background: var(--color-background-layout-main-y4565g, #ffffff);
 }
-.awsui_header-secondary_wih1l_1gsbz_163.awsui_variant-stacked_wih1l_1gsbz_80 > .awsui_table_wih1l_1gsbz_63:not(#\9), .awsui_header-secondary_wih1l_1gsbz_163.awsui_variant-container_wih1l_1gsbz_80 > .awsui_table_wih1l_1gsbz_63:not(#\9) {
+.awsui_header-secondary_wih1l_1xi6i_163.awsui_variant-stacked_wih1l_1xi6i_80 > .awsui_table_wih1l_1xi6i_63:not(#\9), .awsui_header-secondary_wih1l_1xi6i_163.awsui_variant-container_wih1l_1xi6i_80 > .awsui_table_wih1l_1xi6i_63:not(#\9) {
   padding-inline: var(--space-table-horizontal-o0ypm8, 20px);
 }
-.awsui_header-secondary_wih1l_1gsbz_163.awsui_variant-stacked_wih1l_1gsbz_80:not(#\9):not(.awsui_table-has-header_wih1l_1gsbz_180), .awsui_header-secondary_wih1l_1gsbz_163.awsui_variant-container_wih1l_1gsbz_80:not(#\9):not(.awsui_table-has-header_wih1l_1gsbz_180) {
+.awsui_header-secondary_wih1l_1xi6i_163.awsui_variant-stacked_wih1l_1xi6i_80:not(#\9):not(.awsui_table-has-header_wih1l_1xi6i_180), .awsui_header-secondary_wih1l_1xi6i_163.awsui_variant-container_wih1l_1xi6i_80:not(#\9):not(.awsui_table-has-header_wih1l_1xi6i_180) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 16px);
 }
-.awsui_header-secondary_wih1l_1gsbz_163:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1xi6i_163:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_1gsbz_163.awsui_table-has-header_wih1l_1gsbz_180:not(#\9) {
-  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-9huz1a, transparent);
+.awsui_header-secondary_wih1l_1xi6i_163.awsui_table-has-header_wih1l_1xi6i_180:not(#\9) {
+  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-rkhoab, transparent);
 }
 
-.awsui_header-controls_wih1l_1gsbz_191:not(#\9) {
+.awsui_header-controls_wih1l_1xi6i_191:not(#\9) {
   padding-block: var(--space-container-header-top-3txhx4, 12px) var(--space-container-header-bottom-9elagw, 8px);
 }
-.awsui_header-controls_wih1l_1gsbz_191:not(#\9):not(.awsui_variant-full-page_wih1l_1gsbz_174) {
-  --awsui-inline-label-background-color-66120l: var(--color-background-table-header-unjmda, #ffffff);
+.awsui_header-controls_wih1l_1xi6i_191:not(#\9):not(.awsui_variant-full-page_wih1l_1xi6i_174) {
+  --awsui-inline-label-background-color-66120l: var(--color-background-table-header-pgyagt, #ffffff);
 }
-.awsui_header-controls_wih1l_1gsbz_191.awsui_variant-full-page_wih1l_1gsbz_174:not(#\9) {
+.awsui_header-controls_wih1l_1xi6i_191.awsui_variant-full-page_wih1l_1xi6i_174:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-9elagw, 8px) + var(--space-table-header-tools-full-page-bottom-g1a6as, 4px));
 }
-.awsui_header-controls_wih1l_1gsbz_191.awsui_variant-stacked_wih1l_1gsbz_80:not(#\9), .awsui_header-controls_wih1l_1gsbz_191.awsui_variant-container_wih1l_1gsbz_80:not(#\9) {
+.awsui_header-controls_wih1l_1xi6i_191.awsui_variant-stacked_wih1l_1xi6i_80:not(#\9), .awsui_header-controls_wih1l_1xi6i_191.awsui_variant-container_wih1l_1xi6i_80:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-o0ypm8, 20px) + var(--space-table-header-horizontal-y8sy8d, 0px));
 }
-.awsui_header-controls_wih1l_1gsbz_191.awsui_variant-embedded_wih1l_1gsbz_203:not(#\9), .awsui_header-controls_wih1l_1gsbz_191.awsui_variant-borderless_wih1l_1gsbz_203:not(#\9) {
+.awsui_header-controls_wih1l_1xi6i_191.awsui_variant-embedded_wih1l_1xi6i_203:not(#\9), .awsui_header-controls_wih1l_1xi6i_191.awsui_variant-borderless_wih1l_1xi6i_203:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-y8sy8d, 0px);
   padding-block-start: var(--space-table-embedded-header-top-bnncuk, 0px);
 }
 
-.awsui_footer-wrapper_wih1l_1gsbz_208.awsui_variant-stacked_wih1l_1gsbz_80:not(#\9), .awsui_footer-wrapper_wih1l_1gsbz_208.awsui_variant-container_wih1l_1gsbz_80:not(#\9) {
+.awsui_footer-wrapper_wih1l_1xi6i_208.awsui_variant-stacked_wih1l_1xi6i_80:not(#\9), .awsui_footer-wrapper_wih1l_1xi6i_208.awsui_variant-container_wih1l_1xi6i_80:not(#\9) {
   padding-inline: var(--space-table-horizontal-o0ypm8, 20px);
 }
 
-.awsui_footer_wih1l_1gsbz_208:not(#\9) {
+.awsui_footer_wih1l_1xi6i_208:not(#\9) {
   padding-block: var(--space-scaled-s-2crg2b, 12px);
   padding-inline: var(--space-table-footer-horizontal-81b00d, 0px);
 }
-.awsui_footer-with-pagination_wih1l_1gsbz_216:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1xi6i_216:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -221,17 +221,17 @@ filter search icon.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-2crg2b, 12px);
 }
-.awsui_footer-pagination_wih1l_1gsbz_224:not(#\9) {
+.awsui_footer-pagination_wih1l_1xi6i_224:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_1gsbz_228:not(#\9),
-.awsui_row_wih1l_1gsbz_229:not(#\9),
-.awsui_row-selected_wih1l_1gsbz_230:not(#\9) {
+.awsui_thead-active_wih1l_1xi6i_228:not(#\9),
+.awsui_row_wih1l_1xi6i_229:not(#\9),
+.awsui_row-selected_wih1l_1xi6i_230:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_skeleton-loading-cell_wih1l_1gsbz_234:not(#\9) {
+.awsui_skeleton-loading-cell_wih1l_1xi6i_234:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   border-block-end: none;