@veeqo/ui 14.10.0-beta-1 → 14.10.0-beta-2

package/dist/components/DataTable/utils/generateTableCss.js

@@ -3,86 +3,50 @@ import { parseWidth } from './parseWidth.js';
 import { sumAllBeforeIndex, sumAllAfterIndex } from './sumAll.js';
 
 function generateTableCss({ pinnedLeft, pinnedRight, cellWidths, scrollPosition, stripingMode, columnWidths, columns, enableTransition = true, }) {
-    const pinnedLeftStyles = pinnedLeft.map((_, index) => `
-    th:nth-child(${index + 1}),
-    td:nth-child(${index + 1}) {
-      position: sticky;
-      left: ${cellWidths ? sumAllBeforeIndex(cellWidths, index + 1) : 0}px;
-      z-index: 2;
-    }
-  `);
-    const pinnedRightStyles = pinnedRight.map((_, index) => `
-    th:nth-last-child(${index + 1}),
-    td:nth-last-child(${index + 1}) {
-      position: sticky;
-      right: ${cellWidths ? sumAllAfterIndex(cellWidths, cellWidths.length - index) : 0}px;
-    }
-  `);
-    const isLeftShadowVisible = !!scrollPosition && scrollPosition !== 'start' && scrollPosition !== 'none';
-    const leftShadow = `
-    th:nth-child(${pinnedLeft.length})::after,
-    td:nth-child(${pinnedLeft.length})::after {
-      position: absolute;
-      transform: translate(100%);
-      top: 0;
-      right: 0;
-      bottom: -1px;
-      width: 30px;
-      content: "";
-      pointer-events: none;
-      box-sizing: border-box;
-      box-shadow: ${isLeftShadowVisible ? 'inset 10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'};
-    }
-  `;
-    const isRightShadowVisible = !!scrollPosition && scrollPosition !== 'end' && scrollPosition !== 'none';
-    const rightShadow = `
-    th:nth-last-child(${pinnedRight.length})::after,
-    td:nth-last-child(${pinnedRight.length})::after {
-      position: absolute;
-      transform: translate(-100%);
-      top: 0;
-      left: 0;
-      bottom: -1px;
-      width: 30px;
-      content: "";
-      pointer-events: none;
-      box-sizing: border-box;
-      box-shadow: ${isRightShadowVisible ? 'inset -10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'};
-    }
-  `;
-    const stripingRow = `
-    tr:nth-child(odd) > td {
-      background-color: ${theme.colors.neutral.grey.lightest};
-    }
-
-    tr + tr > td {
-      border-top: 1px solid ${theme.colors.neutral.grey.base};
-    }
-  `;
-    const stripingNested = `
-    tbody:nth-of-type(odd) > tr > td {
-      background-color: ${theme.colors.neutral.grey.lightest};
-    }
-
-    tbody + tbody > tr:first-child > td {
-      border-top: 1px solid ${theme.colors.neutral.grey.base};
-    }
-  `;
-    return `
-    grid-template-columns: ${columns.map((column) => { var _a; return parseWidth((_a = columnWidths[column.id]) !== null && _a !== void 0 ? _a : column.width); }).join(' ')};
-
-    th::after, td::after {
-      transition: box-shadow ${enableTransition ? '.3s' : '0s'};
-    }
-
-    ${pinnedLeft.length > 0 ? pinnedLeftStyles : ''}
-    ${pinnedRight.length > 0 ? pinnedRightStyles : ''}
-
-    ${pinnedLeft.length > 0 ? leftShadow : ''}
-    ${pinnedRight.length > 0 ? rightShadow : ''}
-
-    ${stripingMode === 'nested' ? stripingNested : stripingRow}
-  `;
+    const rules = [];
+    // Pinned left columns
+    if (pinnedLeft.length > 0) {
+        pinnedLeft.forEach((_, index) => {
+            rules.push(`th:nth-child(${index + 1}), td:nth-child(${index + 1}) { position: sticky; left: ${cellWidths ? sumAllBeforeIndex(cellWidths, index + 1) : 0}px; z-index: 2; }`);
+        });
+    }
+    // Pinned right columns
+    if (pinnedRight.length > 0) {
+        pinnedRight.forEach((_, index) => {
+            rules.push(`th:nth-last-child(${index + 1}), td:nth-last-child(${index + 1}) { position: sticky; right: ${cellWidths ? sumAllAfterIndex(cellWidths, cellWidths.length - index) : 0}px; }`);
+        });
+    }
+    // Pseudo-element transition (only needed when pinned columns have shadows)
+    if (pinnedLeft.length > 0 || pinnedRight.length > 0) {
+        rules.push(`th::after, td::after { transition: box-shadow ${enableTransition ? '.3s' : '0s'}; }`);
+    }
+    // Left shadow
+    if (pinnedLeft.length > 0) {
+        const isLeftShadowVisible = !!scrollPosition && scrollPosition !== 'start' && scrollPosition !== 'none';
+        rules.push(`th:nth-child(${pinnedLeft.length})::after, td:nth-child(${pinnedLeft.length})::after { position: absolute; transform: translate(100%); top: 0; right: 0; bottom: -1px; width: 30px; content: ""; pointer-events: none; box-sizing: border-box; box-shadow: ${isLeftShadowVisible ? 'inset 10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'}; }`);
+    }
+    // Right shadow
+    if (pinnedRight.length > 0) {
+        const isRightShadowVisible = !!scrollPosition && scrollPosition !== 'end' && scrollPosition !== 'none';
+        rules.push(`th:nth-last-child(${pinnedRight.length})::after, td:nth-last-child(${pinnedRight.length})::after { position: absolute; transform: translate(-100%); top: 0; left: 0; bottom: -1px; width: 30px; content: ""; pointer-events: none; box-sizing: border-box; box-shadow: ${isRightShadowVisible ? 'inset -10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'}; }`);
+    }
+    // Striping
+    if (stripingMode === 'nested') {
+        rules.push(`tbody:nth-of-type(odd) > tr > td { background-color: ${theme.colors.neutral.grey.lightest}; }`);
+        rules.push(`tbody + tbody > tr:first-child > td { border-top: 1px solid ${theme.colors.neutral.grey.base}; }`);
+    }
+    else {
+        rules.push(`tr:nth-child(odd) > td { background-color: ${theme.colors.neutral.grey.lightest}; }`);
+        rules.push(`tr + tr > td { border-top: 1px solid ${theme.colors.neutral.grey.base}; }`);
+    }
+    // Grid template columns (applied as a property on the table element)
+    const gridTemplateColumns = columns
+        .map((column) => { var _a; return parseWidth((_a = columnWidths[column.id]) !== null && _a !== void 0 ? _a : column.width); })
+        .join(' ');
+    return {
+        properties: `grid-template-columns: ${gridTemplateColumns};`,
+        rules,
+    };
 }
 
 export { generateTableCss };

package/dist/components/DataTable/utils/generateTableCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateTableCss.js","sources":["../../../../src/components/DataTable/utils/generateTableCss.ts"],"sourcesContent":["import { theme } from '../../../theme';\nimport { parseWidth } from './parseWidth';\nimport { sumAllAfterIndex, sumAllBeforeIndex } from './sumAll';\n\nimport { ColumnConfigs, ColumnWidthsType, StripingMode } from '../types';\nimport { ScrollPosition } from '../../../hooks/useScrollPosition/types';\n\nexport type GenerateTableCssArgs = {\n  pinnedLeft: ColumnConfigs;\n  pinnedRight: ColumnConfigs;\n  cellWidths: Array<number>;\n  scrollPosition: ScrollPosition;\n  stripingMode?: StripingMode;\n  columnWidths: ColumnWidthsType;\n  columns: ColumnConfigs;\n  enableTransition?: boolean;\n};\n\nexport function generateTableCss({\n  pinnedLeft,\n  pinnedRight,\n  cellWidths,\n  scrollPosition,\n  stripingMode,\n  columnWidths,\n  columns,\n  enableTransition = true,\n}: GenerateTableCssArgs) {\n  const pinnedLeftStyles = pinnedLeft.map(\n    (_: any, index: number) => `\n    th:nth-child(${index + 1}),\n    td:nth-child(${index + 1}) {\n      position: sticky;\n      left: ${cellWidths ? sumAllBeforeIndex(cellWidths, index + 1) : 0}px;\n      z-index: 2;\n    }\n  `,\n  );\n\n  const pinnedRightStyles = pinnedRight.map(\n    (_: any, index: number) => `\n    th:nth-last-child(${index + 1}),\n    td:nth-last-child(${index + 1}) {\n      position: sticky;\n      right: ${cellWidths ? sumAllAfterIndex(cellWidths, cellWidths.length - index) : 0}px;\n    }\n  `,\n  );\n\n  const isLeftShadowVisible =\n    !!scrollPosition && scrollPosition !== 'start' && scrollPosition !== 'none';\n  const leftShadow = `\n    th:nth-child(${pinnedLeft.length})::after,\n    td:nth-child(${pinnedLeft.length})::after {\n      position: absolute;\n      transform: translate(100%);\n      top: 0;\n      right: 0;\n      bottom: -1px;\n      width: 30px;\n      content: \"\";\n      pointer-events: none;\n      box-sizing: border-box;\n      box-shadow: ${isLeftShadowVisible ? 'inset 10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'};\n    }\n  `;\n\n  const isRightShadowVisible =\n    !!scrollPosition && scrollPosition !== 'end' && scrollPosition !== 'none';\n  const rightShadow = `\n    th:nth-last-child(${pinnedRight.length})::after,\n    td:nth-last-child(${pinnedRight.length})::after {\n      position: absolute;\n      transform: translate(-100%);\n      top: 0;\n      left: 0;\n      bottom: -1px;\n      width: 30px;\n      content: \"\";\n      pointer-events: none;\n      box-sizing: border-box;\n      box-shadow: ${isRightShadowVisible ? 'inset -10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'};\n    }\n  `;\n\n  const stripingRow = `\n    tr:nth-child(odd) > td {\n      background-color: ${theme.colors.neutral.grey.lightest};\n    }\n\n    tr + tr > td {\n      border-top: 1px solid ${theme.colors.neutral.grey.base};\n    }\n  `;\n\n  const stripingNested = `\n    tbody:nth-of-type(odd) > tr > td {\n      background-color: ${theme.colors.neutral.grey.lightest};\n    }\n\n    tbody + tbody > tr:first-child > td {\n      border-top: 1px solid ${theme.colors.neutral.grey.base};\n    }\n  `;\n\n  return `\n    grid-template-columns: ${columns.map((column) => parseWidth(columnWidths[column.id] ?? column.width)).join(' ')};\n\n    th::after, td::after {\n      transition: box-shadow ${enableTransition ? '.3s' : '0s'};\n    }\n\n    ${pinnedLeft.length > 0 ? pinnedLeftStyles : ''}\n    ${pinnedRight.length > 0 ? pinnedRightStyles : ''}\n\n    ${pinnedLeft.length > 0 ? leftShadow : ''}\n    ${pinnedRight.length > 0 ? rightShadow : ''}\n\n    ${stripingMode === 'nested' ? stripingNested : stripingRow}\n  `;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"generateTableCss.js","sources":["../../../../src/components/DataTable/utils/generateTableCss.ts"],"sourcesContent":["import { theme } from '../../../theme';\nimport { parseWidth } from './parseWidth';\nimport { sumAllAfterIndex, sumAllBeforeIndex } from './sumAll';\n\nimport { ColumnConfigs, ColumnWidthsType, StripingMode } from '../types';\nimport { ScrollPosition } from '../../../hooks/useScrollPosition/types';\n\nexport type GenerateTableCssArgs = {\n  pinnedLeft: ColumnConfigs;\n  pinnedRight: ColumnConfigs;\n  cellWidths: Array<number>;\n  scrollPosition: ScrollPosition;\n  stripingMode?: StripingMode;\n  columnWidths: ColumnWidthsType;\n  columns: ColumnConfigs;\n  enableTransition?: boolean;\n};\n\nexport type TableCssOutput = {\n  /** CSS declarations applied directly to the table element (e.g. grid-template-columns) */\n  properties: string;\n  /** Fully-formed CSS rule blocks to be scoped to the table instance */\n  rules: string[];\n};\n\nexport function generateTableCss({\n  pinnedLeft,\n  pinnedRight,\n  cellWidths,\n  scrollPosition,\n  stripingMode,\n  columnWidths,\n  columns,\n  enableTransition = true,\n}: GenerateTableCssArgs): TableCssOutput {\n  const rules: string[] = [];\n\n  // Pinned left columns\n  if (pinnedLeft.length > 0) {\n    pinnedLeft.forEach((_: any, index: number) => {\n      rules.push(\n        `th:nth-child(${index + 1}), td:nth-child(${index + 1}) { position: sticky; left: ${cellWidths ? sumAllBeforeIndex(cellWidths, index + 1) : 0}px; z-index: 2; }`,\n      );\n    });\n  }\n\n  // Pinned right columns\n  if (pinnedRight.length > 0) {\n    pinnedRight.forEach((_: any, index: number) => {\n      rules.push(\n        `th:nth-last-child(${index + 1}), td:nth-last-child(${index + 1}) { position: sticky; right: ${cellWidths ? sumAllAfterIndex(cellWidths, cellWidths.length - index) : 0}px; }`,\n      );\n    });\n  }\n\n  // Pseudo-element transition (only needed when pinned columns have shadows)\n  if (pinnedLeft.length > 0 || pinnedRight.length > 0) {\n    rules.push(`th::after, td::after { transition: box-shadow ${enableTransition ? '.3s' : '0s'}; }`);\n  }\n\n  // Left shadow\n  if (pinnedLeft.length > 0) {\n    const isLeftShadowVisible =\n      !!scrollPosition && scrollPosition !== 'start' && scrollPosition !== 'none';\n    rules.push(\n      `th:nth-child(${pinnedLeft.length})::after, td:nth-child(${pinnedLeft.length})::after { position: absolute; transform: translate(100%); top: 0; right: 0; bottom: -1px; width: 30px; content: \"\"; pointer-events: none; box-sizing: border-box; box-shadow: ${isLeftShadowVisible ? 'inset 10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'}; }`,\n    );\n  }\n\n  // Right shadow\n  if (pinnedRight.length > 0) {\n    const isRightShadowVisible =\n      !!scrollPosition && scrollPosition !== 'end' && scrollPosition !== 'none';\n    rules.push(\n      `th:nth-last-child(${pinnedRight.length})::after, td:nth-last-child(${pinnedRight.length})::after { position: absolute; transform: translate(-100%); top: 0; left: 0; bottom: -1px; width: 30px; content: \"\"; pointer-events: none; box-sizing: border-box; box-shadow: ${isRightShadowVisible ? 'inset -10px 0 10px -8px rgb(0 0 0 / 25%)' : 'none'}; }`,\n    );\n  }\n\n  // Striping\n  if (stripingMode === 'nested') {\n    rules.push(\n      `tbody:nth-of-type(odd) > tr > td { background-color: ${theme.colors.neutral.grey.lightest}; }`,\n    );\n    rules.push(\n      `tbody + tbody > tr:first-child > td { border-top: 1px solid ${theme.colors.neutral.grey.base}; }`,\n    );\n  } else {\n    rules.push(\n      `tr:nth-child(odd) > td { background-color: ${theme.colors.neutral.grey.lightest}; }`,\n    );\n    rules.push(\n      `tr + tr > td { border-top: 1px solid ${theme.colors.neutral.grey.base}; }`,\n    );\n  }\n\n  // Grid template columns (applied as a property on the table element)\n  const gridTemplateColumns = columns\n    .map((column) => parseWidth(columnWidths[column.id] ?? column.width))\n    .join(' ');\n\n  return {\n    properties: `grid-template-columns: ${gridTemplateColumns};`,\n    rules,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("/* LegacyDataTable sub-component styles */\n/* Wrapper */\n._wrapper_14cvc_3 {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n._wrapperScrollDisabled_14cvc_11 {\n  overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_14cvc_15 {\n  overflow-x: auto;\n}\n\n._wrapperBordered_14cvc_19 {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: 4px;\n}\n\n._wrapperShowScrollbar_14cvc_24 {\n  scrollbar-width: auto;\n}\n._wrapperShowScrollbar_14cvc_24::-webkit-scrollbar {\n  margin-top: 10px;\n  width: 6px;\n  height: 6px;\n}\n._wrapperShowScrollbar_14cvc_24::-webkit-scrollbar-track {\n  background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_14cvc_24::-webkit-scrollbar-thumb {\n  background: var(--colors-system-scrollbar-thumb);\n  border-radius: 4px;\n}\n\n/* TooltipContent */\n._tooltipContent_14cvc_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n._head_14cvc_48 {\n  background-color: white;\n}\n\n/* Body */\n._body_14cvc_53 tr:not(:first-child) > td {\n  border-top: 1px solid transparent;\n}\n\n._body_14cvc_53._body_14cvc_53._body_14cvc_53 tr:hover td {\n  background-color: var(--colors-brand-blue-lightest); /* TODO: verify exact shade matches design */\n}\n\n._bodyBorderTop_14cvc_61 + ._bodyBorderTop_14cvc_61 > tr:first-child > td {\n  border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_14cvc_66 td {\n  background-color: var(--colors-neutral-grey-lightest);\n  padding: 1.5rem 1rem;\n  border-top: 1px solid var(--colors-secondary-blue-base);\n}\n\n/* Row */\n._row_14cvc_73 {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._row_14cvc_73.hidden {\n  visibility: collapse;\n}\n\n._rowAccentColor_14cvc_80 > td:first-child::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n._cell_14cvc_91 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n  width: var(--cell-width, auto);\n}\n._cell_14cvc_91 > * {\n  vertical-align: middle;\n}\n\n._cellGrow_14cvc_107 {\n  width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_14cvc_112 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._headerCell_14cvc_112 > * {\n  vertical-align: middle;\n}\n._headerCell_14cvc_112 span {\n  white-space: pre-line;\n}\n._headerCell_14cvc_112.sortable:hover {\n  cursor: pointer;\n  background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_14cvc_137 {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_14cvc_137 > * + * {\n  margin-left: 0.25rem;\n}\n\n/* Table */\n._table_14cvc_147 {\n  width: 100%;\n  border-spacing: 0;\n}\n._table_14cvc_147 * {\n  box-sizing: border-box;\n}\n\n._tableFixedLayout_14cvc_155 {\n  table-layout: fixed;\n}\n\n._tableLoading_14cvc_159 * {\n  user-select: none;\n  pointer-events: none;\n}\n\n._tableStriped_14cvc_164 ._body_14cvc_53:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_14cvc_168 ._headerCell_14cvc_112, ._tableNoWrap_14cvc_168 ._headerCell_14cvc_112 span {\n  white-space: nowrap;\n}\n\n/* Footer */\n._footer_14cvc_173 ._cell_14cvc_91 {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n._stickyHeaderWrapper_14cvc_182 {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}");
-var styles = {"wrapper":"_wrapper_14cvc_3","wrapperScrollDisabled":"_wrapperScrollDisabled_14cvc_11","wrapperScrollEnabled":"_wrapperScrollEnabled_14cvc_15","wrapperBordered":"_wrapperBordered_14cvc_19","wrapperShowScrollbar":"_wrapperShowScrollbar_14cvc_24","tooltipContent":"_tooltipContent_14cvc_41","head":"_head_14cvc_48","body":"_body_14cvc_53","bodyBorderTop":"_bodyBorderTop_14cvc_61","row":"_row_14cvc_73","rowAccentColor":"_rowAccentColor_14cvc_80","cell":"_cell_14cvc_91","cellGrow":"_cellGrow_14cvc_107","headerCell":"_headerCell_14cvc_112","headerCellLayout":"_headerCellLayout_14cvc_137","table":"_table_14cvc_147","tableFixedLayout":"_tableFixedLayout_14cvc_155","tableLoading":"_tableLoading_14cvc_159","tableStriped":"_tableStriped_14cvc_164","tableNoWrap":"_tableNoWrap_14cvc_168","footer":"_footer_14cvc_173","stickyHeaderWrapper":"_stickyHeaderWrapper_14cvc_182"};
+___$insertStyle("/* LegacyDataTable sub-component styles */\n/* Wrapper */\n._wrapper_mmakt_3 {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n._wrapperScrollDisabled_mmakt_11 {\n  overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_mmakt_15 {\n  overflow-x: auto;\n}\n\n._wrapperBordered_mmakt_19 {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n\n._wrapperShowScrollbar_mmakt_24 {\n  scrollbar-width: auto;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar {\n  margin-top: 10px;\n  width: 6px;\n  height: 6px;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-track {\n  background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-thumb {\n  background: var(--colors-system-scrollbar-thumb);\n  border-radius: var(--radius-base);\n}\n\n/* TooltipContent */\n._tooltipContent_mmakt_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n._head_mmakt_48 {\n  background-color: white;\n}\n\n/* Body */\n._body_mmakt_53 tr:not(:first-child) > td {\n  border-top: 1px solid transparent;\n}\n\n._body_mmakt_53._body_mmakt_53._body_mmakt_53 tr:hover td {\n  /* No 1:1 theme token exists for this shade */\n  background-color: #ebf4fb;\n}\n\n._bodyBorderTop_mmakt_62 + ._bodyBorderTop_mmakt_62 > tr:first-child > td {\n  border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_mmakt_67 td {\n  background-color: var(--colors-neutral-grey-lightest);\n  padding: 1.5rem 1rem;\n  border-top: 1px solid var(--colors-secondary-blue-base);\n}\n\n/* Row */\n._row_mmakt_74 {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._row_mmakt_74.hidden {\n  visibility: collapse;\n}\n\n._rowAccentColor_mmakt_81 > td:first-child::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n._cell_mmakt_92 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n  width: var(--cell-width, auto);\n}\n._cell_mmakt_92 > * {\n  vertical-align: middle;\n}\n\n._cellGrow_mmakt_108 {\n  width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_mmakt_113 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._headerCell_mmakt_113 > * {\n  vertical-align: middle;\n}\n._headerCell_mmakt_113 span {\n  white-space: pre-line;\n}\n._headerCell_mmakt_113.sortable:hover {\n  cursor: pointer;\n  background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_mmakt_138 {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_mmakt_138 > * + * {\n  margin-left: 0.25rem;\n}\n\n/* Table */\n._table_mmakt_148 {\n  width: 100%;\n  border-spacing: 0;\n}\n._table_mmakt_148 * {\n  box-sizing: border-box;\n}\n\n._tableFixedLayout_mmakt_156 {\n  table-layout: fixed;\n}\n\n._tableLoading_mmakt_160 * {\n  user-select: none;\n  pointer-events: none;\n}\n\n._tableStriped_mmakt_165 ._body_mmakt_53:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_mmakt_169 ._headerCell_mmakt_113, ._tableNoWrap_mmakt_169 ._headerCell_mmakt_113 span {\n  white-space: nowrap;\n}\n\n/* Footer */\n._footer_mmakt_174 ._cell_mmakt_92 {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n._stickyHeaderWrapper_mmakt_183 {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}");
+var styles = {"wrapper":"_wrapper_mmakt_3","wrapperScrollDisabled":"_wrapperScrollDisabled_mmakt_11","wrapperScrollEnabled":"_wrapperScrollEnabled_mmakt_15","wrapperBordered":"_wrapperBordered_mmakt_19","wrapperShowScrollbar":"_wrapperShowScrollbar_mmakt_24","tooltipContent":"_tooltipContent_mmakt_41","head":"_head_mmakt_48","body":"_body_mmakt_53","bodyBorderTop":"_bodyBorderTop_mmakt_62","row":"_row_mmakt_74","rowAccentColor":"_rowAccentColor_mmakt_81","cell":"_cell_mmakt_92","cellGrow":"_cellGrow_mmakt_108","headerCell":"_headerCell_mmakt_113","headerCellLayout":"_headerCellLayout_mmakt_138","table":"_table_mmakt_148","tableFixedLayout":"_tableFixedLayout_mmakt_156","tableLoading":"_tableLoading_mmakt_160","tableStriped":"_tableStriped_mmakt_165","tableNoWrap":"_tableNoWrap_mmakt_169","footer":"_footer_mmakt_174","stickyHeaderWrapper":"_stickyHeaderWrapper_mmakt_183"};
 
 module.exports = styles;
 //# sourceMappingURL=LegacyDataTable.module.scss.cjs.map

package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyDataTable.module.scss.cjs","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.module.scss"],"sourcesContent":["/* LegacyDataTable sub-component styles */\n\n/* Wrapper */\n.wrapper {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n.wrapperScrollDisabled {\n  overflow-x: hidden;\n}\n\n.wrapperScrollEnabled {\n  overflow-x: auto;\n}\n\n.wrapperBordered {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: 4px;\n}\n\n.wrapperShowScrollbar {\n  scrollbar-width: auto;\n\n  &::-webkit-scrollbar {\n    margin-top: 10px;\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--colors-system-scrollbar-background);\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: var(--colors-system-scrollbar-thumb);\n    border-radius: 4px;\n  }\n}\n\n/* TooltipContent */\n.tooltipContent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n.head {\n  background-color: white;\n}\n\n/* Body */\n.body {\n  & tr:not(:first-child) > td {\n    border-top: 1px solid transparent;\n  }\n}\n\n.body.body.body tr:hover td {\n  background-color: var(--colors-brand-blue-lightest); /* TODO: verify exact shade matches design */\n}\n\n.bodyBorderTop {\n  & + & > tr:first-child > td {\n    border-top: 1px solid var(--colors-neutral-grey-base);\n  }\n}\n\n/* Foot */\n.foot {\n  & td {\n    background-color: var(--colors-neutral-grey-lightest);\n    padding: 1.5rem 1rem;\n    border-top: 1px solid var(--colors-secondary-blue-base);\n  }\n}\n\n/* Row */\n.row {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.hidden) {\n    visibility: collapse;\n  }\n}\n\n.rowAccentColor > td:first-child::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n.cell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  width: var(--cell-width, auto);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.cellGrow {\n  width: 100%;\n}\n\n/* HeaderCell */\n.headerCell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & span {\n    white-space: pre-line;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.sortable):hover {\n    cursor: pointer;\n    background-color: var(--colors-neutral-grey-light);\n  }\n}\n\n/* HeaderCellLayout */\n.headerCellLayout {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n\n  & > * + * {\n    margin-left: 0.25rem;\n  }\n}\n\n/* Table */\n.table {\n  width: 100%;\n  border-spacing: 0;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.tableFixedLayout {\n  table-layout: fixed;\n}\n\n.tableLoading {\n  & * {\n    user-select: none;\n    pointer-events: none;\n  }\n}\n\n.tableStriped .body:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n.tableNoWrap {\n  & .headerCell,\n  & .headerCell span {\n    white-space: nowrap;\n  }\n}\n\n/* Footer */\n.footer .cell {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n.stickyHeaderWrapper {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}\n"],"names":[],"mappings":";;;;AAEA,eAAA,CAAA,w5IAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,gCAAA;;;;"}
+{"version":3,"file":"LegacyDataTable.module.scss.cjs","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.module.scss"],"sourcesContent":["/* LegacyDataTable sub-component styles */\n\n/* Wrapper */\n.wrapper {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n.wrapperScrollDisabled {\n  overflow-x: hidden;\n}\n\n.wrapperScrollEnabled {\n  overflow-x: auto;\n}\n\n.wrapperBordered {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n\n.wrapperShowScrollbar {\n  scrollbar-width: auto;\n\n  &::-webkit-scrollbar {\n    margin-top: 10px;\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--colors-system-scrollbar-background);\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: var(--colors-system-scrollbar-thumb);\n    border-radius: var(--radius-base);\n  }\n}\n\n/* TooltipContent */\n.tooltipContent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n.head {\n  background-color: white;\n}\n\n/* Body */\n.body {\n  & tr:not(:first-child) > td {\n    border-top: 1px solid transparent;\n  }\n}\n\n.body.body.body tr:hover td {\n  /* No 1:1 theme token exists for this shade */\n  background-color: #ebf4fb;\n}\n\n.bodyBorderTop {\n  & + & > tr:first-child > td {\n    border-top: 1px solid var(--colors-neutral-grey-base);\n  }\n}\n\n/* Foot */\n.foot {\n  & td {\n    background-color: var(--colors-neutral-grey-lightest);\n    padding: 1.5rem 1rem;\n    border-top: 1px solid var(--colors-secondary-blue-base);\n  }\n}\n\n/* Row */\n.row {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.hidden) {\n    visibility: collapse;\n  }\n}\n\n.rowAccentColor > td:first-child::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n.cell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  width: var(--cell-width, auto);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.cellGrow {\n  width: 100%;\n}\n\n/* HeaderCell */\n.headerCell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & span {\n    white-space: pre-line;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.sortable):hover {\n    cursor: pointer;\n    background-color: var(--colors-neutral-grey-light);\n  }\n}\n\n/* HeaderCellLayout */\n.headerCellLayout {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n\n  & > * + * {\n    margin-left: 0.25rem;\n  }\n}\n\n/* Table */\n.table {\n  width: 100%;\n  border-spacing: 0;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.tableFixedLayout {\n  table-layout: fixed;\n}\n\n.tableLoading {\n  & * {\n    user-select: none;\n    pointer-events: none;\n  }\n}\n\n.tableStriped .body:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n.tableNoWrap {\n  & .headerCell,\n  & .headerCell span {\n    white-space: nowrap;\n  }\n}\n\n/* Footer */\n.footer .cell {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n.stickyHeaderWrapper {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}\n"],"names":[],"mappings":";;;;AAEA,eAAA,CAAA,g6IAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,gCAAA;;;;"}

package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
-insertStyle("/* LegacyDataTable sub-component styles */\n/* Wrapper */\n._wrapper_14cvc_3 {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n._wrapperScrollDisabled_14cvc_11 {\n  overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_14cvc_15 {\n  overflow-x: auto;\n}\n\n._wrapperBordered_14cvc_19 {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: 4px;\n}\n\n._wrapperShowScrollbar_14cvc_24 {\n  scrollbar-width: auto;\n}\n._wrapperShowScrollbar_14cvc_24::-webkit-scrollbar {\n  margin-top: 10px;\n  width: 6px;\n  height: 6px;\n}\n._wrapperShowScrollbar_14cvc_24::-webkit-scrollbar-track {\n  background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_14cvc_24::-webkit-scrollbar-thumb {\n  background: var(--colors-system-scrollbar-thumb);\n  border-radius: 4px;\n}\n\n/* TooltipContent */\n._tooltipContent_14cvc_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n._head_14cvc_48 {\n  background-color: white;\n}\n\n/* Body */\n._body_14cvc_53 tr:not(:first-child) > td {\n  border-top: 1px solid transparent;\n}\n\n._body_14cvc_53._body_14cvc_53._body_14cvc_53 tr:hover td {\n  background-color: var(--colors-brand-blue-lightest); /* TODO: verify exact shade matches design */\n}\n\n._bodyBorderTop_14cvc_61 + ._bodyBorderTop_14cvc_61 > tr:first-child > td {\n  border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_14cvc_66 td {\n  background-color: var(--colors-neutral-grey-lightest);\n  padding: 1.5rem 1rem;\n  border-top: 1px solid var(--colors-secondary-blue-base);\n}\n\n/* Row */\n._row_14cvc_73 {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._row_14cvc_73.hidden {\n  visibility: collapse;\n}\n\n._rowAccentColor_14cvc_80 > td:first-child::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n._cell_14cvc_91 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n  width: var(--cell-width, auto);\n}\n._cell_14cvc_91 > * {\n  vertical-align: middle;\n}\n\n._cellGrow_14cvc_107 {\n  width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_14cvc_112 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._headerCell_14cvc_112 > * {\n  vertical-align: middle;\n}\n._headerCell_14cvc_112 span {\n  white-space: pre-line;\n}\n._headerCell_14cvc_112.sortable:hover {\n  cursor: pointer;\n  background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_14cvc_137 {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_14cvc_137 > * + * {\n  margin-left: 0.25rem;\n}\n\n/* Table */\n._table_14cvc_147 {\n  width: 100%;\n  border-spacing: 0;\n}\n._table_14cvc_147 * {\n  box-sizing: border-box;\n}\n\n._tableFixedLayout_14cvc_155 {\n  table-layout: fixed;\n}\n\n._tableLoading_14cvc_159 * {\n  user-select: none;\n  pointer-events: none;\n}\n\n._tableStriped_14cvc_164 ._body_14cvc_53:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_14cvc_168 ._headerCell_14cvc_112, ._tableNoWrap_14cvc_168 ._headerCell_14cvc_112 span {\n  white-space: nowrap;\n}\n\n/* Footer */\n._footer_14cvc_173 ._cell_14cvc_91 {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n._stickyHeaderWrapper_14cvc_182 {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}");
-var styles = {"wrapper":"_wrapper_14cvc_3","wrapperScrollDisabled":"_wrapperScrollDisabled_14cvc_11","wrapperScrollEnabled":"_wrapperScrollEnabled_14cvc_15","wrapperBordered":"_wrapperBordered_14cvc_19","wrapperShowScrollbar":"_wrapperShowScrollbar_14cvc_24","tooltipContent":"_tooltipContent_14cvc_41","head":"_head_14cvc_48","body":"_body_14cvc_53","bodyBorderTop":"_bodyBorderTop_14cvc_61","row":"_row_14cvc_73","rowAccentColor":"_rowAccentColor_14cvc_80","cell":"_cell_14cvc_91","cellGrow":"_cellGrow_14cvc_107","headerCell":"_headerCell_14cvc_112","headerCellLayout":"_headerCellLayout_14cvc_137","table":"_table_14cvc_147","tableFixedLayout":"_tableFixedLayout_14cvc_155","tableLoading":"_tableLoading_14cvc_159","tableStriped":"_tableStriped_14cvc_164","tableNoWrap":"_tableNoWrap_14cvc_168","footer":"_footer_14cvc_173","stickyHeaderWrapper":"_stickyHeaderWrapper_14cvc_182"};
+insertStyle("/* LegacyDataTable sub-component styles */\n/* Wrapper */\n._wrapper_mmakt_3 {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n._wrapperScrollDisabled_mmakt_11 {\n  overflow-x: hidden;\n}\n\n._wrapperScrollEnabled_mmakt_15 {\n  overflow-x: auto;\n}\n\n._wrapperBordered_mmakt_19 {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n\n._wrapperShowScrollbar_mmakt_24 {\n  scrollbar-width: auto;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar {\n  margin-top: 10px;\n  width: 6px;\n  height: 6px;\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-track {\n  background: var(--colors-system-scrollbar-background);\n}\n._wrapperShowScrollbar_mmakt_24::-webkit-scrollbar-thumb {\n  background: var(--colors-system-scrollbar-thumb);\n  border-radius: var(--radius-base);\n}\n\n/* TooltipContent */\n._tooltipContent_mmakt_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n._head_mmakt_48 {\n  background-color: white;\n}\n\n/* Body */\n._body_mmakt_53 tr:not(:first-child) > td {\n  border-top: 1px solid transparent;\n}\n\n._body_mmakt_53._body_mmakt_53._body_mmakt_53 tr:hover td {\n  /* No 1:1 theme token exists for this shade */\n  background-color: #ebf4fb;\n}\n\n._bodyBorderTop_mmakt_62 + ._bodyBorderTop_mmakt_62 > tr:first-child > td {\n  border-top: 1px solid var(--colors-neutral-grey-base);\n}\n\n/* Foot */\n._foot_mmakt_67 td {\n  background-color: var(--colors-neutral-grey-lightest);\n  padding: 1.5rem 1rem;\n  border-top: 1px solid var(--colors-secondary-blue-base);\n}\n\n/* Row */\n._row_mmakt_74 {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._row_mmakt_74.hidden {\n  visibility: collapse;\n}\n\n._rowAccentColor_mmakt_81 > td:first-child::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n._cell_mmakt_92 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n  width: var(--cell-width, auto);\n}\n._cell_mmakt_92 > * {\n  vertical-align: middle;\n}\n\n._cellGrow_mmakt_108 {\n  width: 100%;\n}\n\n/* HeaderCell */\n._headerCell_mmakt_113 {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n}\n._headerCell_mmakt_113 > * {\n  vertical-align: middle;\n}\n._headerCell_mmakt_113 span {\n  white-space: pre-line;\n}\n._headerCell_mmakt_113.sortable:hover {\n  cursor: pointer;\n  background-color: var(--colors-neutral-grey-light);\n}\n\n/* HeaderCellLayout */\n._headerCellLayout_mmakt_138 {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n}\n._headerCellLayout_mmakt_138 > * + * {\n  margin-left: 0.25rem;\n}\n\n/* Table */\n._table_mmakt_148 {\n  width: 100%;\n  border-spacing: 0;\n}\n._table_mmakt_148 * {\n  box-sizing: border-box;\n}\n\n._tableFixedLayout_mmakt_156 {\n  table-layout: fixed;\n}\n\n._tableLoading_mmakt_160 * {\n  user-select: none;\n  pointer-events: none;\n}\n\n._tableStriped_mmakt_165 ._body_mmakt_53:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n._tableNoWrap_mmakt_169 ._headerCell_mmakt_113, ._tableNoWrap_mmakt_169 ._headerCell_mmakt_113 span {\n  white-space: nowrap;\n}\n\n/* Footer */\n._footer_mmakt_174 ._cell_mmakt_92 {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n._stickyHeaderWrapper_mmakt_183 {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}");
+var styles = {"wrapper":"_wrapper_mmakt_3","wrapperScrollDisabled":"_wrapperScrollDisabled_mmakt_11","wrapperScrollEnabled":"_wrapperScrollEnabled_mmakt_15","wrapperBordered":"_wrapperBordered_mmakt_19","wrapperShowScrollbar":"_wrapperShowScrollbar_mmakt_24","tooltipContent":"_tooltipContent_mmakt_41","head":"_head_mmakt_48","body":"_body_mmakt_53","bodyBorderTop":"_bodyBorderTop_mmakt_62","row":"_row_mmakt_74","rowAccentColor":"_rowAccentColor_mmakt_81","cell":"_cell_mmakt_92","cellGrow":"_cellGrow_mmakt_108","headerCell":"_headerCell_mmakt_113","headerCellLayout":"_headerCellLayout_mmakt_138","table":"_table_mmakt_148","tableFixedLayout":"_tableFixedLayout_mmakt_156","tableLoading":"_tableLoading_mmakt_160","tableStriped":"_tableStriped_mmakt_165","tableNoWrap":"_tableNoWrap_mmakt_169","footer":"_footer_mmakt_174","stickyHeaderWrapper":"_stickyHeaderWrapper_mmakt_183"};
 
 export { styles as default };
 //# sourceMappingURL=LegacyDataTable.module.scss.js.map

package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyDataTable.module.scss.js","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.module.scss"],"sourcesContent":["/* LegacyDataTable sub-component styles */\n\n/* Wrapper */\n.wrapper {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n.wrapperScrollDisabled {\n  overflow-x: hidden;\n}\n\n.wrapperScrollEnabled {\n  overflow-x: auto;\n}\n\n.wrapperBordered {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: 4px;\n}\n\n.wrapperShowScrollbar {\n  scrollbar-width: auto;\n\n  &::-webkit-scrollbar {\n    margin-top: 10px;\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--colors-system-scrollbar-background);\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: var(--colors-system-scrollbar-thumb);\n    border-radius: 4px;\n  }\n}\n\n/* TooltipContent */\n.tooltipContent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n.head {\n  background-color: white;\n}\n\n/* Body */\n.body {\n  & tr:not(:first-child) > td {\n    border-top: 1px solid transparent;\n  }\n}\n\n.body.body.body tr:hover td {\n  background-color: var(--colors-brand-blue-lightest); /* TODO: verify exact shade matches design */\n}\n\n.bodyBorderTop {\n  & + & > tr:first-child > td {\n    border-top: 1px solid var(--colors-neutral-grey-base);\n  }\n}\n\n/* Foot */\n.foot {\n  & td {\n    background-color: var(--colors-neutral-grey-lightest);\n    padding: 1.5rem 1rem;\n    border-top: 1px solid var(--colors-secondary-blue-base);\n  }\n}\n\n/* Row */\n.row {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.hidden) {\n    visibility: collapse;\n  }\n}\n\n.rowAccentColor > td:first-child::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n.cell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  width: var(--cell-width, auto);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.cellGrow {\n  width: 100%;\n}\n\n/* HeaderCell */\n.headerCell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & span {\n    white-space: pre-line;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.sortable):hover {\n    cursor: pointer;\n    background-color: var(--colors-neutral-grey-light);\n  }\n}\n\n/* HeaderCellLayout */\n.headerCellLayout {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n\n  & > * + * {\n    margin-left: 0.25rem;\n  }\n}\n\n/* Table */\n.table {\n  width: 100%;\n  border-spacing: 0;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.tableFixedLayout {\n  table-layout: fixed;\n}\n\n.tableLoading {\n  & * {\n    user-select: none;\n    pointer-events: none;\n  }\n}\n\n.tableStriped .body:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n.tableNoWrap {\n  & .headerCell,\n  & .headerCell span {\n    white-space: nowrap;\n  }\n}\n\n/* Footer */\n.footer .cell {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n.stickyHeaderWrapper {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAEAA,WAAA,CAAA,w5IAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,gCAAA;;;;"}
+{"version":3,"file":"LegacyDataTable.module.scss.js","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.module.scss"],"sourcesContent":["/* LegacyDataTable sub-component styles */\n\n/* Wrapper */\n.wrapper {\n  width: 100%;\n  overflow-y: hidden;\n  position: relative;\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n}\n\n.wrapperScrollDisabled {\n  overflow-x: hidden;\n}\n\n.wrapperScrollEnabled {\n  overflow-x: auto;\n}\n\n.wrapperBordered {\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n\n.wrapperShowScrollbar {\n  scrollbar-width: auto;\n\n  &::-webkit-scrollbar {\n    margin-top: 10px;\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--colors-system-scrollbar-background);\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: var(--colors-system-scrollbar-thumb);\n    border-radius: var(--radius-base);\n  }\n}\n\n/* TooltipContent */\n.tooltipContent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/* Head */\n.head {\n  background-color: white;\n}\n\n/* Body */\n.body {\n  & tr:not(:first-child) > td {\n    border-top: 1px solid transparent;\n  }\n}\n\n.body.body.body tr:hover td {\n  /* No 1:1 theme token exists for this shade */\n  background-color: #ebf4fb;\n}\n\n.bodyBorderTop {\n  & + & > tr:first-child > td {\n    border-top: 1px solid var(--colors-neutral-grey-base);\n  }\n}\n\n/* Foot */\n.foot {\n  & td {\n    background-color: var(--colors-neutral-grey-lightest);\n    padding: 1.5rem 1rem;\n    border-top: 1px solid var(--colors-secondary-blue-base);\n  }\n}\n\n/* Row */\n.row {\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.hidden) {\n    visibility: collapse;\n  }\n}\n\n.rowAccentColor > td:first-child::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  background-color: var(--row-accent-color);\n}\n\n/* Cell */\n.cell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  text-align: var(--cell-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  width: var(--cell-width, auto);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.cellGrow {\n  width: 100%;\n}\n\n/* HeaderCell */\n.headerCell {\n  position: relative;\n  padding: 1.25rem 1rem;\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n\n  user-select: none;\n  border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & span {\n    white-space: pre-line;\n  }\n\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:global(.sortable):hover {\n    cursor: pointer;\n    background-color: var(--colors-neutral-grey-light);\n  }\n}\n\n/* HeaderCellLayout */\n.headerCellLayout {\n  display: flex;\n  align-items: center;\n  justify-content: var(--layout-align, flex-start);\n\n  & > * + * {\n    margin-left: 0.25rem;\n  }\n}\n\n/* Table */\n.table {\n  width: 100%;\n  border-spacing: 0;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.tableFixedLayout {\n  table-layout: fixed;\n}\n\n.tableLoading {\n  & * {\n    user-select: none;\n    pointer-events: none;\n  }\n}\n\n.tableStriped .body:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n.tableNoWrap {\n  & .headerCell,\n  & .headerCell span {\n    white-space: nowrap;\n  }\n}\n\n/* Footer */\n.footer .cell {\n  border-top: 1px solid var(--colors-neutral-grey-dark);\n  background-color: var(--colors-neutral-grey-lightest);\n  padding-top: var(--sizes-base);\n  padding-bottom: var(--sizes-base);\n  line-height: 2rem;\n}\n\n/* StickyHeaderWrapper */\n.stickyHeaderWrapper {\n  position: fixed;\n  top: 0;\n  z-index: 2;\n  overflow-x: hidden;\n}\n"],"names":["___$insertStyle"],"mappings":";;AAEAA,WAAA,CAAA,g6IAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iCAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,sBAAA,CAAA,gCAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,gCAAA;;;;"}

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._wrapper_6f2bx_1 {\n  height: 16px;\n  width: 100%;\n}\n\n._shimmer_6f2bx_6 {\n  display: inline-block;\n  color: transparent;\n  border-radius: 4px;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: _placeHolderShimmer_6f2bx_1;\n  animation-timing-function: linear;\n  background: linear-gradient(to right, var(--colors-neutral-grey-base) 8%, var(--colors-neutral-grey-dark) 15%, var(--colors-neutral-grey-base) 33%);\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n._shimmerAnimated_6f2bx_21 {\n  animation-duration: 1s;\n}\n\n._shimmerStatic_6f2bx_25 {\n  animation-duration: 0s;\n}\n\n@keyframes _placeHolderShimmer_6f2bx_1 {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}");
-var styles = {"wrapper":"_wrapper_6f2bx_1","shimmer":"_shimmer_6f2bx_6","shimmerAnimated":"_shimmerAnimated_6f2bx_21","shimmerStatic":"_shimmerStatic_6f2bx_25"};
+___$insertStyle("._wrapper_jjcrz_1 {\n  height: 16px;\n  width: 100%;\n}\n\n._shimmer_jjcrz_6 {\n  display: inline-block;\n  color: transparent;\n  border-radius: var(--radius-base);\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: _placeHolderShimmer_jjcrz_1;\n  animation-timing-function: linear;\n  background: linear-gradient(to right, var(--colors-neutral-grey-base) 8%, var(--colors-neutral-grey-dark) 15%, var(--colors-neutral-grey-base) 33%);\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n._shimmerAnimated_jjcrz_21 {\n  animation-duration: 1s;\n}\n\n._shimmerStatic_jjcrz_25 {\n  animation-duration: 0s;\n}\n\n@keyframes _placeHolderShimmer_jjcrz_1 {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}");
+var styles = {"wrapper":"_wrapper_jjcrz_1","shimmer":"_shimmer_jjcrz_6","shimmerAnimated":"_shimmerAnimated_jjcrz_21","shimmerStatic":"_shimmerStatic_jjcrz_25"};
 
 module.exports = styles;
 //# sourceMappingURL=SkeletonContent.module.scss.cjs.map

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonContent.module.scss.cjs","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss"],"sourcesContent":[".wrapper {\n  height: 16px;\n  width: 100%;\n}\n\n.shimmer {\n  display: inline-block;\n  color: transparent;\n  border-radius: 4px;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: linear-gradient(\n    to right,\n    var(--colors-neutral-grey-base) 8%,\n    var(--colors-neutral-grey-dark) 15%,\n    var(--colors-neutral-grey-base) 33%\n  );\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.shimmerAnimated {\n  animation-duration: 1s;\n}\n\n.shimmerStatic {\n  animation-duration: 0s;\n}\n\n@keyframes placeHolderShimmer {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,+yBAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}
+{"version":3,"file":"SkeletonContent.module.scss.cjs","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss"],"sourcesContent":[".wrapper {\n  height: 16px;\n  width: 100%;\n}\n\n.shimmer {\n  display: inline-block;\n  color: transparent;\n  border-radius: var(--radius-base);\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: linear-gradient(\n    to right,\n    var(--colors-neutral-grey-base) 8%,\n    var(--colors-neutral-grey-dark) 15%,\n    var(--colors-neutral-grey-base) 33%\n  );\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.shimmerAnimated {\n  animation-duration: 1s;\n}\n\n.shimmerStatic {\n  animation-duration: 0s;\n}\n\n@keyframes placeHolderShimmer {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,8zBAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../../_virtual/____insertStyle.js';
 
-insertStyle("._wrapper_6f2bx_1 {\n  height: 16px;\n  width: 100%;\n}\n\n._shimmer_6f2bx_6 {\n  display: inline-block;\n  color: transparent;\n  border-radius: 4px;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: _placeHolderShimmer_6f2bx_1;\n  animation-timing-function: linear;\n  background: linear-gradient(to right, var(--colors-neutral-grey-base) 8%, var(--colors-neutral-grey-dark) 15%, var(--colors-neutral-grey-base) 33%);\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n._shimmerAnimated_6f2bx_21 {\n  animation-duration: 1s;\n}\n\n._shimmerStatic_6f2bx_25 {\n  animation-duration: 0s;\n}\n\n@keyframes _placeHolderShimmer_6f2bx_1 {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}");
-var styles = {"wrapper":"_wrapper_6f2bx_1","shimmer":"_shimmer_6f2bx_6","shimmerAnimated":"_shimmerAnimated_6f2bx_21","shimmerStatic":"_shimmerStatic_6f2bx_25"};
+insertStyle("._wrapper_jjcrz_1 {\n  height: 16px;\n  width: 100%;\n}\n\n._shimmer_jjcrz_6 {\n  display: inline-block;\n  color: transparent;\n  border-radius: var(--radius-base);\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: _placeHolderShimmer_jjcrz_1;\n  animation-timing-function: linear;\n  background: linear-gradient(to right, var(--colors-neutral-grey-base) 8%, var(--colors-neutral-grey-dark) 15%, var(--colors-neutral-grey-base) 33%);\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n._shimmerAnimated_jjcrz_21 {\n  animation-duration: 1s;\n}\n\n._shimmerStatic_jjcrz_25 {\n  animation-duration: 0s;\n}\n\n@keyframes _placeHolderShimmer_jjcrz_1 {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}");
+var styles = {"wrapper":"_wrapper_jjcrz_1","shimmer":"_shimmer_jjcrz_6","shimmerAnimated":"_shimmerAnimated_jjcrz_21","shimmerStatic":"_shimmerStatic_jjcrz_25"};
 
 export { styles as default };
 //# sourceMappingURL=SkeletonContent.module.scss.js.map

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonContent.module.scss.js","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss"],"sourcesContent":[".wrapper {\n  height: 16px;\n  width: 100%;\n}\n\n.shimmer {\n  display: inline-block;\n  color: transparent;\n  border-radius: 4px;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: linear-gradient(\n    to right,\n    var(--colors-neutral-grey-base) 8%,\n    var(--colors-neutral-grey-dark) 15%,\n    var(--colors-neutral-grey-base) 33%\n  );\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.shimmerAnimated {\n  animation-duration: 1s;\n}\n\n.shimmerStatic {\n  animation-duration: 0s;\n}\n\n@keyframes placeHolderShimmer {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,+yBAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}
+{"version":3,"file":"SkeletonContent.module.scss.js","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss"],"sourcesContent":[".wrapper {\n  height: 16px;\n  width: 100%;\n}\n\n.shimmer {\n  display: inline-block;\n  color: transparent;\n  border-radius: var(--radius-base);\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: placeHolderShimmer;\n  animation-timing-function: linear;\n  background: linear-gradient(\n    to right,\n    var(--colors-neutral-grey-base) 8%,\n    var(--colors-neutral-grey-dark) 15%,\n    var(--colors-neutral-grey-base) 33%\n  );\n  background-size: 800px 104px;\n  border: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.shimmerAnimated {\n  animation-duration: 1s;\n}\n\n.shimmerStatic {\n  animation-duration: 0s;\n}\n\n@keyframes placeHolderShimmer {\n  0% {\n    background-position: -380px 0;\n  }\n  100% {\n    background-position: 380px 0;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,8zBAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}

package/dist/components/LegacyDataTable/cells/cells.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._cellButton_1h2ut_1 {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n}\n._cellButton_1h2ut_1:hover {\n  cursor: pointer;\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._clickableButton_1h2ut_20 {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n._editableContent_1h2ut_25 {\n  text-align: inherit;\n  border-bottom: 1px dotted var(--colors-neutral-ink-base);\n}");
-var styles = {"cellButton":"_cellButton_1h2ut_1","clickableButton":"_clickableButton_1h2ut_20","editableContent":"_editableContent_1h2ut_25"};
+___$insertStyle("._cellButton_gl2ug_1 {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n}\n._cellButton_gl2ug_1:hover {\n  cursor: pointer;\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._clickableButton_gl2ug_20 {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n._editableContent_gl2ug_25 {\n  text-align: inherit;\n  /* No 1:1 theme token exists for this shade */\n  border-bottom: 1px dotted black;\n}");
+var styles = {"cellButton":"_cellButton_gl2ug_1","clickableButton":"_clickableButton_gl2ug_20","editableContent":"_editableContent_gl2ug_25"};
 
 module.exports = styles;
 //# sourceMappingURL=cells.module.scss.cjs.map

package/dist/components/LegacyDataTable/cells/cells.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cells.module.scss.cjs","sources":["../../../../src/components/LegacyDataTable/cells/cells.module.scss"],"sourcesContent":[".cellButton {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.clickableButton {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n.editableContent {\n  text-align: inherit;\n  border-bottom: 1px dotted var(--colors-neutral-ink-base);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,qrBAAA;AACA,aAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}
+{"version":3,"file":"cells.module.scss.cjs","sources":["../../../../src/components/LegacyDataTable/cells/cells.module.scss"],"sourcesContent":[".cellButton {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.clickableButton {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n.editableContent {\n  text-align: inherit;\n  /* No 1:1 theme token exists for this shade */\n  border-bottom: 1px dotted black;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,8sBAAA;AACA,aAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}

package/dist/components/LegacyDataTable/cells/cells.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../../_virtual/____insertStyle.js';
 
-insertStyle("._cellButton_1h2ut_1 {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n}\n._cellButton_1h2ut_1:hover {\n  cursor: pointer;\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._clickableButton_1h2ut_20 {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n._editableContent_1h2ut_25 {\n  text-align: inherit;\n  border-bottom: 1px dotted var(--colors-neutral-ink-base);\n}");
-var styles = {"cellButton":"_cellButton_1h2ut_1","clickableButton":"_clickableButton_1h2ut_20","editableContent":"_editableContent_1h2ut_25"};
+insertStyle("._cellButton_gl2ug_1 {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n}\n._cellButton_gl2ug_1:hover {\n  cursor: pointer;\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._clickableButton_gl2ug_20 {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n._editableContent_gl2ug_25 {\n  text-align: inherit;\n  /* No 1:1 theme token exists for this shade */\n  border-bottom: 1px dotted black;\n}");
+var styles = {"cellButton":"_cellButton_gl2ug_1","clickableButton":"_clickableButton_gl2ug_20","editableContent":"_editableContent_gl2ug_25"};
 
 export { styles as default };
 //# sourceMappingURL=cells.module.scss.js.map

package/dist/components/LegacyDataTable/cells/cells.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"cells.module.scss.js","sources":["../../../../src/components/LegacyDataTable/cells/cells.module.scss"],"sourcesContent":[".cellButton {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.clickableButton {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n.editableContent {\n  text-align: inherit;\n  border-bottom: 1px dotted var(--colors-neutral-ink-base);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,qrBAAA;AACA,aAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}
+{"version":3,"file":"cells.module.scss.js","sources":["../../../../src/components/LegacyDataTable/cells/cells.module.scss"],"sourcesContent":[".cellButton {\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem;\n  padding: 0.75rem;\n  text-align: inherit;\n  line-height: var(--sizes-base);\n  border-radius: var(--radius-base);\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.clickableButton {\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n}\n\n.editableContent {\n  text-align: inherit;\n  /* No 1:1 theme token exists for this shade */\n  border-bottom: 1px dotted black;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,8sBAAA;AACA,aAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,2BAAA;;;;"}

package/dist/components/LegacyDataTable/styled.cjs

@@ -22,21 +22,12 @@ function useLegacyTableId() {
     return idRef.current;
 }
 const TableIdContext = React.createContext('');
-function useScopedShadowCss({ scrollDisabled, scrollPosition, lastStartFixedColumnsIndex, firstEndFixedColumnsIndex, }) {
+function getScopedShadowRules({ scrollDisabled, scrollPosition, lastStartFixedColumnsIndex, firstEndFixedColumnsIndex, }) {
     if (scrollDisabled)
-        return '';
+        return [];
     if (!lastStartFixedColumnsIndex && !firstEndFixedColumnsIndex)
-        return '';
-    const fixedColumnShadow = `
-    position: absolute;
-    top: 0;
-    bottom: -1px;
-    width: 30px;
-    content: "";
-    pointer-events: none;
-    box-sizing: border-box;
-    transition: box-shadow .3s;
-  `;
+        return [];
+    const fixedColumnShadow = 'position: absolute; top: 0; bottom: -1px; width: 30px; content: ""; pointer-events: none; box-sizing: border-box; transition: box-shadow .3s;';
     const startShadowVisible = scrollPosition === constants.ScrollPosition.middle || scrollPosition === constants.ScrollPosition.end;
     const endShadowVisible = scrollPosition === constants.ScrollPosition.start || scrollPosition === constants.ScrollPosition.middle;
     const startShadow = startShadowVisible
@@ -45,41 +36,45 @@ function useScopedShadowCss({ scrollDisabled, scrollPosition, lastStartFixedColu
     const endShadow = endShadowVisible
         ? 'box-shadow: inset -10px 0 10px -8px rgb(0 0 0 / 25%);'
         : '';
-    const startBlock = lastStartFixedColumnsIndex ? `
-    td:nth-child(${lastStartFixedColumnsIndex}):after,
-    th:nth-child(${lastStartFixedColumnsIndex}):after {
-      right: 0;
-      transform: translate(100%);
-      ${fixedColumnShadow}
-      ${startShadow}
+    const rules = [];
+    if (lastStartFixedColumnsIndex) {
+        rules.push(`td:nth-child(${lastStartFixedColumnsIndex}):after, th:nth-child(${lastStartFixedColumnsIndex}):after { right: 0; transform: translate(100%); ${fixedColumnShadow} ${startShadow} }`);
     }
-  ` : '';
-    const endBlock = firstEndFixedColumnsIndex ? `
-    td:nth-last-child(${firstEndFixedColumnsIndex}):after,
-    th:nth-last-child(${firstEndFixedColumnsIndex}):after {
-      left: 0;
-      transform: translate(-100%);
-      ${fixedColumnShadow}
-      ${endShadow}
+    if (firstEndFixedColumnsIndex) {
+        rules.push(`td:nth-last-child(${firstEndFixedColumnsIndex}):after, th:nth-last-child(${firstEndFixedColumnsIndex}):after { left: 0; transform: translate(-100%); ${fixedColumnShadow} ${endShadow} }`);
     }
-  ` : '';
-    return `${startBlock}${endBlock}`;
+    return rules;
 }
 const Wrapper = React__default.default.forwardRef(({ scrollDisabled, scrollPosition, lastStartFixedColumnsIndex, firstEndFixedColumnsIndex, showScrollbar, className, children, ...rest }, ref) => {
     const tableId = useLegacyTableId();
-    const scopedCss = useScopedShadowCss({
+    const shadowRules = getScopedShadowRules({
         scrollDisabled,
         scrollPosition,
         lastStartFixedColumnsIndex,
         firstEndFixedColumnsIndex,
     });
+    const scopeSelector = `[data-legacy-table-id="${tableId}"]`;
+    const scopedStyle = shadowRules.length > 0
+        ? shadowRules.map((rule) => {
+            const braceIndex = rule.indexOf('{');
+            if (braceIndex === -1)
+                return `${scopeSelector} ${rule}`;
+            const selectorPart = rule.slice(0, braceIndex).trim();
+            const bodyPart = rule.slice(braceIndex);
+            const scopedSelectors = selectorPart
+                .split(',')
+                .map((sel) => `${scopeSelector} ${sel.trim()}`)
+                .join(', ');
+            return `${scopedSelectors} ${bodyPart}`;
+        }).join('\n')
+        : '';
     return (React__default.default.createElement("div", { ref: ref, "data-legacy-table-id": tableId, className: buildClassnames.buildClassnames([
             LegacyDataTable_module.wrapper,
             scrollDisabled ? LegacyDataTable_module.wrapperScrollDisabled : LegacyDataTable_module.wrapperScrollEnabled,
             showScrollbar && LegacyDataTable_module.wrapperShowScrollbar,
             className,
         ]), ...rest },
-        scopedCss && React__default.default.createElement("style", null, `[data-legacy-table-id="${tableId}"] { ${scopedCss} }`),
+        scopedStyle && React__default.default.createElement("style", null, scopedStyle),
         React__default.default.createElement(TableIdContext.Provider, { value: tableId }, children)));
 });
 Wrapper.displayName = 'Wrapper';
@@ -91,9 +86,9 @@ const TooltipContent = ({ children, ...rest }) => (React__default.default.create
 const Head = ({ children, ...rest }) => (React__default.default.createElement("thead", { className: LegacyDataTable_module.head, ...rest }, children));
 const Body = ({ fixedColumnsStyle, className, children, ...rest }) => {
     const tableId = React.useContext(TableIdContext);
-    const scopeSelector = tableId ? `[data-legacy-table-id="${tableId}"]` : '';
+    const shouldRenderStyle = fixedColumnsStyle && tableId;
     return (React__default.default.createElement("tbody", { className: buildClassnames.buildClassnames([LegacyDataTable_module.body, LegacyDataTable_module.bodyBorderTop, className]), ...rest },
-        fixedColumnsStyle && React__default.default.createElement("style", null, `${scopeSelector} .${LegacyDataTable_module.body} tr { ${fixedColumnsStyle} }`),
+        shouldRenderStyle && React__default.default.createElement("style", null, `[data-legacy-table-id="${tableId}"] .${LegacyDataTable_module.body} tr { ${fixedColumnsStyle} }`),
         children));
 };
 const Row = ({ accentColor, className, children, style, ...rest }) => (React__default.default.createElement("tr", { className: buildClassnames.buildClassnames([LegacyDataTable_module.row, accentColor && LegacyDataTable_module.rowAccentColor, className]), style: {
@@ -129,9 +124,9 @@ const Table = React__default.default.forwardRef(({ striped, noWrap, tableLoading
 Table.displayName = 'Table';
 const Footer = ({ fixedColumnsStyle, className, children, ...rest }) => {
     const tableId = React.useContext(TableIdContext);
-    const scopeSelector = tableId ? `[data-legacy-table-id="${tableId}"]` : '';
+    const shouldRenderStyle = fixedColumnsStyle && tableId;
     return (React__default.default.createElement("tfoot", { className: buildClassnames.buildClassnames([LegacyDataTable_module.footer, className]), ...rest },
-        fixedColumnsStyle && React__default.default.createElement("style", null, `${scopeSelector} .${LegacyDataTable_module.footer} tr { ${fixedColumnsStyle} }`),
+        shouldRenderStyle && React__default.default.createElement("style", null, `[data-legacy-table-id="${tableId}"] .${LegacyDataTable_module.footer} tr { ${fixedColumnsStyle} }`),
         children));
 };
 /* --- StickyHeaderWrapper --- */